.force-visual{min-width:0}
.shift-lanes{position:relative;min-width:0;margin:4px 0 0}
.shift-lanes[hidden],.shift-detail[hidden]{display:none}
.shift-lanes svg{width:100%;height:100%;display:block;overflow:visible}
.shift-lanes svg text{font-family:Barlow,sans-serif;font-size:11px}
.shift-lane-button{position:absolute;min-width:54px;padding:2px 5px;border:1px solid #495440;border-radius:4px;background:#161b16;color:var(--text);font-size:11px;line-height:1.15;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.shift-lane-button small{display:block;font-size:11px;font-weight:400;color:#aab6a1;line-height:1.15;margin-top:1px}
.shift-lane-button[aria-pressed=true]{border-color:var(--shift-color);box-shadow:0 0 0 1px var(--shift-color)}
.shift-detail{font-size:11px;line-height:1.4;color:#c3cbbd;border-top:1px solid var(--line);padding-top:5px;font-variant-numeric:tabular-nums}
.route-key{display:inline-block;width:20px;border-top:3px solid #c3cbbd;vertical-align:middle;margin-right:4px}
.route-key.faint{border-top-width:1px;opacity:.4;margin-left:10px}
@media(min-width:700px){
 .compact-charts .force-visual{grid-column:1/-1;grid-row:2}
 .compact-charts .shift-detail{grid-column:1/-1;grid-row:4}
}
@media(min-width:700px) and (max-width:1099px), (min-width:1800px){
 .compact-charts .force-visual{grid-row:3}
 .compact-charts .shift-detail{grid-row:5}
}
@media(pointer:coarse){.shift-lane-button{min-height:44px;min-width:54px}}