.occupancy-heatmap{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;overflow-x:auto}.occupancy-heatmap__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.occupancy-heatmap__control{display:flex;flex-direction:column;gap:.25rem;min-width:12rem}.occupancy-heatmap__svg{display:block;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px}.occupancy-heatmap__cell{cursor:default;transition:stroke 80ms ease-in-out}.occupancy-heatmap__cell:hover{stroke:var(--color-text);stroke-width:2}.occupancy-heatmap__cell:focus{outline:none}.occupancy-heatmap__focus-ring{pointer-events:none}.occupancy-heatmap__focus-ring-outer{fill:none;stroke:var(--color-text);stroke-width:2}.occupancy-heatmap__focus-ring-inner{fill:none;stroke:var(--color-text-inverse);stroke-width:2}.occupancy-heatmap__hint,.occupancy-heatmap__status{margin:0;font-size:.875rem;color:var(--color-text)}.occupancy-heatmap__status{min-height:1.5em;font-weight:600}.occupancy-heatmap__route-label{font-size:.75rem;fill:var(--color-text);font-weight:600;font-family:var(--font-family);text-anchor:end}.occupancy-heatmap__hour-label{font-size:.7rem;fill:var(--color-text);font-family:var(--font-family);text-anchor:middle}.occupancy-heatmap__legend{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:.875rem}.occupancy-heatmap__legend-item{display:inline-flex;align-items:center;gap:.25rem}.occupancy-heatmap__legend-swatch{display:inline-block;width:1rem;height:1rem;border:1px solid var(--color-border);border-radius:2px}.occupancy-heatmap__empty{padding:1rem;text-align:center;color:var(--color-text-light);background:var(--color-background-alt);border:1px dashed var(--color-border);border-radius:4px}.occupancy-heatmap__sr-table{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}