.transit-view{--transit-mint:#b4d7c0;--transit-mint-ink:#293b31;--transit-line:color-mix(in srgb, var(--sl-color-gray-4) 48%, transparent);min-width:0;color:var(--sl-color-white);font-family:var(--sl-font);background:0 0;border:0;border-radius:0;overflow:hidden;container-type:inline-size}.transit-layout{align-items:stretch;gap:0;display:flex}.transit-view :where(p,ul,dl,dd){margin:0}.transit-board{flex:1 1 0;min-width:0;padding:0 1rem 0 0}.transit-board-heading{justify-content:space-between;align-items:baseline;gap:.5rem;padding:0 .5rem 1rem;display:flex}.transit-board-heading strong{font-size:.9rem}.transit-board-heading>span{color:var(--sl-color-gray-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7rem}.transit-list{scrollbar-width:thin;scrollbar-gutter:stable;block-size:24rem;overflow-y:auto}.transit-columns{color:var(--sl-color-gray-2);justify-content:space-between;gap:1rem;padding:0 calc(.5rem + 1px) .7rem;font-size:.75rem;line-height:1.4;display:flex}.transit-columns span:last-child{text-align:right}.transit-vehicles{flex-direction:column;gap:.3rem;min-height:17.7rem;padding:0;list-style:none;display:flex}.transit-vehicle{width:100%;block-size:3.5rem;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:.4rem;align-items:center;gap:.65rem;padding:.4rem .5rem;display:flex}.transit-vehicle[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 10%, transparent);border-color:color-mix(in srgb, var(--sl-color-accent) 40%, transparent)}.transit-vehicle:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:1px}.transit-line{background:var(--transit-mint);min-height:1.75rem;color:var(--transit-mint-ink);overflow-wrap:anywhere;border-radius:.3rem;flex:0 0 2.75rem;justify-content:center;align-items:center;padding-inline:.3rem;font-size:.9rem;font-weight:700;line-height:1.15;display:inline-flex}.transit-vehicle-name{overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;font-size:.875rem;font-weight:600;line-height:1.2;display:flex}.transit-vehicle-name>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.transit-vehicle-caption[data-tone=on-time]{color:light-dark(#386344,#b4d7c0)}.transit-vehicle-caption[data-tone=late]{color:light-dark(#85500d,#e9ce78)}.transit-vehicle-caption[data-tone=early]{color:light-dark(#665080,#c9b7e5)}.transit-vehicle-caption{font-variant-numeric:tabular-nums;color:var(--sl-color-gray-2);margin-top:.125rem;font-size:.65rem;font-weight:400}.transit-report{color:var(--sl-color-gray-2);font-variant-numeric:tabular-nums;flex:0 0 5.2rem;justify-content:flex-end;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.transit-report-mark{background:color-mix(in srgb, var(--transit-mint) 28%, transparent);border-radius:50%;flex:0 0 .3rem;width:.3rem;height:.3rem;animation:.8s ease-out transit-report-arrival}.transit-board-note{min-height:2.6em;color:var(--sl-color-gray-2);padding:.9rem .375rem 0;font-size:.75rem;line-height:1.45}.transit-detail{background:var(--st-raised);border-radius:.65rem;flex-direction:column;flex:0 0 38%;justify-content:center;align-items:center;min-width:0;padding:1rem;display:flex}.transit-detail-heading{text-align:center;flex-direction:column;gap:.25rem;width:100%;display:flex}.transit-detail-heading span{color:var(--sl-color-gray-2);font-size:.75rem}.transit-detail-heading strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;block-size:2.6em;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.transit-plot{text-align:center;width:100%;margin:.8rem 0}.transit-plot svg{width:100%;display:block;overflow:visible}.transit-plot text{fill:var(--sl-color-gray-2);font:10px var(--font-body)}.transit-plot-area{fill:var(--sl-color-bg);stroke:var(--st-line)}.transit-plot-grid{fill:none;stroke:var(--st-line);stroke-width:.65px;stroke-dasharray:2 4}.transit-plot-marker{fill:var(--sl-color-gray-3)}.transit-plot-marker.is-selected{fill:light-dark(#416c50,#b4d7c0)}.transit-plot-marker .transit-plot-halo{fill:none;stroke:light-dark(#416c50,#b4d7c0);stroke-opacity:.4}.transit-plot-direction{fill:none;stroke:currentColor;stroke-width:1.5px}.transit-bearing{color:var(--sl-color-gray-2);font-variant-numeric:tabular-nums;margin-top:.6rem;font-size:.7rem;display:block}.transit-position{text-align:center;flex-direction:column;gap:.8rem;width:100%;display:flex}.transit-position dt{color:var(--sl-color-gray-2);font-size:.7rem}.transit-position dd{font-variant-numeric:tabular-nums;margin-top:.1rem;font-size:.85rem}.transit-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:17.7rem;padding:1rem;display:flex}.transit-empty svg{fill:none;width:3.25rem;stroke:var(--sl-color-accent);stroke-width:1.6px;margin-bottom:.75rem}.transit-empty p{font-size:.9rem}.transit-empty span{color:var(--sl-color-gray-2);margin-top:.3rem;font-size:.75rem}.transit-view.is-stale .transit-report-mark{background:var(--sl-color-gray-4);animation:none}:root[data-theme=light] .transit-view{--transit-mint:#c2d9c7;--transit-line:color-mix(in srgb, var(--sl-color-gray-4) 50%, transparent)}@media (hover:hover){.transit-vehicle:hover{background:color-mix(in srgb, var(--sl-color-accent) 12%, transparent)}}@container (width<=35rem){.transit-layout{flex-direction:column;gap:1.5rem}.transit-board{padding:0}.transit-detail{flex-flow:wrap;flex:none;order:-1;justify-content:space-between;gap:.8rem 1rem}.transit-detail-heading{text-align:left;flex-direction:row;flex:100%;justify-content:space-between;align-items:baseline;gap:.8rem}.transit-detail-heading strong{text-align:right}.transit-plot{flex:0 55%;margin:0}.transit-position{text-align:right;flex:5rem;gap:.55rem;width:auto}}@container (width<=23rem){.transit-detail{flex-direction:column;gap:.75rem}.transit-detail-heading{flex-direction:column;flex:none;align-items:flex-start;gap:.3rem}.transit-detail-heading strong{text-align:left}.transit-plot{flex:none;width:100%;max-width:14rem;margin-inline:auto}.transit-position{text-align:left;flex-direction:row;flex:none;justify-content:space-between;gap:.5rem;width:100%}.transit-board{padding-inline:.65rem}.transit-vehicle{gap:.45rem;padding-inline:.3rem;position:relative}.transit-columns{padding-inline:calc(.3rem + 1px);font-size:.7rem}.transit-line{flex-basis:2.35rem}.transit-vehicle-name>span:first-child{padding-inline-end:5.2rem}.transit-report{gap:.25rem;font-size:.7rem;position:absolute;inset-block-start:.75rem;inset-inline-end:.3rem}}@keyframes transit-report-arrival{0%{background:var(--transit-mint)}to{background:color-mix(in srgb, var(--transit-mint) 28%, transparent)}}@media (prefers-reduced-motion:reduce){.transit-report-mark{animation:none}}@media (forced-colors:active){.transit-vehicle[aria-pressed=true]{border-color:highlight}.transit-line{border:1px solid buttontext}.transit-plot-marker{fill:canvastext}}