:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--sf:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0;padding:0}body{font-family:var(--sf);background:#f5f5f7;overflow:hidden}.mapboxgl-ctrl-group{-webkit-backdrop-filter:blur(20px)saturate(180%);overflow:hidden;background:#ffffffc7!important;border:.5px solid #0000000f!important;border-radius:12px!important;box-shadow:0 4px 16px #00000029!important}.mapboxgl-ctrl-group button{width:38px!important;height:38px!important}.mapboxgl-ctrl-group button+button{border-top:.5px solid #00000012!important}.mapboxgl-ctrl-bottom-right{margin:0 14px 14px 0}.mapboxgl-ctrl-attrib.mapboxgl-compact{border-radius:10px}.oc-search::placeholder{color:#8e8e93}.oc-search:focus{box-shadow:0 0 0 3px #0057b847!important}.departure-row-hover{transition:background-color .15s}.departure-row-hover:hover{background-color:#0057b812}.oc-scroll::-webkit-scrollbar{width:8px}.oc-scroll::-webkit-scrollbar-thumb{background:#78788052;border-radius:4px}.oc-scroll::-webkit-scrollbar-track{background:0 0}.oc-hscroll{scrollbar-width:none}.oc-hscroll::-webkit-scrollbar{display:none}.mapbox-bus-marker{cursor:pointer;filter:drop-shadow(0 1px 2px #00000047);align-items:center;gap:4px;display:flex}.mapbox-bus-marker.is-selected{z-index:6}.mapbox-bus-dot{background:#16181d;border:2px solid #fff;border-radius:50%;flex:none;width:9px;height:9px}.mapbox-bus-tag{flex:none;line-height:0}.mapbox-bus-tag-nis{font:700 10px/1 var(--sf);letter-spacing:-.2px;white-space:nowrap;color:#fff;background:#48484aeb;border-radius:6px;flex:none;padding:3px 6px}.mapbox-bus-tag-nis.dark-ui{background:#787880e6}.mapbox-bus-tag-security{font:700 10px/1 var(--sf);letter-spacing:-.2px;white-space:nowrap;color:#fff;background:#1c2b4a;border-radius:6px;flex:none;align-items:center;gap:3px;padding:3px 6px 3px 5px;display:inline-flex}.mapbox-bus-tag-security svg{display:block}.mapbox-bus-tag-security.dark-ui{background:#34507f}.mapbox-bus-arrow{transform-origin:50%;filter:drop-shadow(0 1px 1.5px #0000004d);flex:none;line-height:0}.focused-bus-container{align-items:center;gap:6px;display:flex}.focused-bus-mark{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}.focused-bus-dot{box-sizing:border-box;background:#0057b8;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:relative;box-shadow:0 1px 4px #0006}.focused-bus-bubble{background:#0057b8;border-radius:10px;flex-direction:column;gap:1px;padding:5px 9px;display:flex;position:relative;box-shadow:0 3px 10px #0057b866}.focused-bus-label-tag{color:#fff;font:700 12px/1 var(--sf);letter-spacing:-.2px;white-space:nowrap}.focused-bus-sub{color:#ffffffd1;font:600 10px/1.1 var(--sf);letter-spacing:-.1px;white-space:nowrap}.user-loc-container{width:22px;height:22px;position:relative}.user-loc-dot{z-index:2;background:#0057b8;border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #00000059}.user-loc-accuracy{background:#0057b859;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:2s ease-out infinite oc-userloc;position:absolute;top:50%;left:50%}@keyframes oc-userloc{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.live-dot{background:#34c759;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite oc-live;display:inline-block;box-shadow:0 0 #34c75980}@keyframes oc-live{0%{box-shadow:0 0 #34c75980}70%{box-shadow:0 0 0 6px #34c75900}to{box-shadow:0 0 #34c75900}}@keyframes oc-panel-in{0%{opacity:0;transform:translateY(-8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.oc-panel-in{animation:.3s cubic-bezier(.22,1,.36,1) both oc-panel-in}@media (prefers-reduced-motion:reduce){.oc-panel-in{animation:none}}.oc-controls button,.oc-mini{transition:transform .12s,filter .12s,background-color .15s,box-shadow .15s,border-color .15s}.oc-controls button:not(:disabled):hover,.oc-mini:hover{filter:brightness(1.045)}.oc-controls button:not(:disabled):active,.oc-mini:active{transform:scale(.972)}.mapbox-bus-tag,.mapbox-bus-tag-nis,.mapbox-bus-tag-security{transform-origin:0;transition:transform .14s}.mapbox-bus-marker:hover{filter:drop-shadow(0 3px 6px #0000006b);z-index:5}.mapbox-bus-marker:hover .mapbox-bus-tag,.mapbox-bus-marker:hover .mapbox-bus-tag-nis,.mapbox-bus-marker:hover .mapbox-bus-tag-security{transform:scale(1.12)}.mapboxgl-ctrl-attrib{opacity:.7;font-size:10px!important}.mapboxgl-ctrl-attrib.mapboxgl-compact{-webkit-backdrop-filter:blur(8px)saturate(160%);background:#fff9!important}.mapboxgl-ctrl-attrib a{color:#6b6b70!important}.proto-card{-webkit-backdrop-filter:saturate(180%)blur(20px);color:#1c1c1e;min-width:190px;max-width:280px;font-family:var(--sf,-apple-system, system-ui, sans-serif);pointer-events:none;background:#fffffff0;border-radius:14px;padding:10px 12px 11px;box-shadow:0 8px 28px #0000002e,0 0 0 .5px #00000014}.proto-card--night{color:#f5f5f7;background:#1c1c1eeb;box-shadow:0 8px 28px #00000080,0 0 0 .5px #ffffff1a}.proto-card__name{letter-spacing:-.2px;font-size:14px;font-weight:700;line-height:1.2}.proto-card__sub{opacity:.55;margin-top:2px;font-size:11px;font-weight:500}.proto-card__dir{margin-top:9px}.proto-card__head{letter-spacing:-.1px;opacity:.7;margin-bottom:5px;font-size:11px;font-weight:600}.proto-card__routes{flex-direction:column;gap:4px;display:flex}.proto-card__route{align-items:center;gap:7px;display:inline-flex}.proto-card__eta{letter-spacing:-.1px;opacity:.85;font-size:12px;font-weight:600}.proto-card__eta--soon{color:#ff9500;opacity:1}@media (width<=700px){.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group{display:none}.mapboxgl-ctrl-bottom-right{margin:0 8px 8px 0}.oc-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}@media (hover:none){.departure-row-hover:hover{background-color:#0000}.oc-controls button:not(:disabled):hover,.oc-mini:hover{filter:none}.mapbox-bus-marker:hover .mapbox-bus-tag,.mapbox-bus-marker:hover .mapbox-bus-tag-nis,.mapbox-bus-marker:hover .mapbox-bus-tag-security{transform:none}}button,input,select,.mapbox-bus-marker{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (pointer:coarse){.oc-scroll::-webkit-scrollbar{width:0;height:0}}