.ride-float{z-index:45;perspective:900px;isolation:isolate;width:min(270px,100vw - 24px);position:fixed;top:0;left:0}.ride-card{color:var(--ink-strong);background:linear-gradient(145deg, #fff1, transparent 48%), rgb(var(--canvas-rgb) / .97);border:1px solid color-mix(in srgb, var(--ink-muted) 28%, var(--background));box-shadow:inset 0 1px 0 #ffffff1f, 0 3px 0 var(--line), 0 5px 0 rgb(var(--canvas-rgb) / .9), 0 16px 28px #0000002e, 0 32px 60px #00000024;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:bottom;overscroll-behavior:contain;border-radius:13px;max-height:calc(100dvh - 24px);padding:14px;position:relative;overflow-y:auto}.ride-float:after{content:"";bottom:-10px;left:var(--ride-tip);background:var(--background);border-right:1px solid var(--line);border-bottom:1px solid var(--line);z-index:-1;width:10px;height:10px;position:absolute;transform:translate(-50%)rotate(45deg)}.ride-float[data-side=below]:after{top:-5px;bottom:auto;transform:translate(-50%)rotate(225deg)}.ride-card .ride-inspector-header{letter-spacing:1px;min-height:24px;font-size:9px}.ride-card .ride-inspector-header button{cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;margin:-6px -6px -6px 0;display:grid}.ride-card button:hover{background:color-mix(in srgb, var(--ink-muted) 12%, transparent)}.ride-card button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ride-card .ride-provider{align-items:center;margin-top:8px;font-size:14px}.ride-card .ride-city{margin-top:5px;font-size:10px}.ride-card .ride-operation-status{margin-top:9px;font-size:8px}.ride-card .ride-route-graphic{margin:10px 0;display:block}.ride-card .ride-route-graphic svg{height:22px}.ride-card .ride-route-graphic path{stroke-dasharray:260;animation:.55s ease-out both ride-route-draw}.ride-card .ride-stats{font-variant-numeric:tabular-nums;margin:0;font-size:21px}.ride-card .ride-stats small{margin-top:5px;font-size:8px}.ride-card .ride-fare-context{gap:2px;margin-top:8px;font-size:9px;line-height:1.5}.ride-card .ride-energy{margin-top:10px;padding-top:9px;font-size:10px}.ride-pin{border:0;border-top:1px solid var(--line);color:var(--ink-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:8px 0 0;font-size:9px;display:flex}.ride-pin:disabled{cursor:default}.ride-sheet{background:var(--background);width:min(100%,480px);max-width:100%;max-height:min(78dvh,640px);color:var(--ink-strong);overscroll-behavior:contain;border:0;border-radius:22px 22px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -16px 60px #0003}.ride-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0005}.ride-card-sheet{padding:12px 24px max(24px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:none;overflow:visible;box-shadow:inset 0 1px #ffffff20}.ride-sheet-grip{touch-action:none;cursor:grab;place-items:center;height:24px;margin:-8px 0 4px;display:grid}.ride-sheet-grip:after{content:"";background:var(--line);border-radius:4px;width:32px;height:4px}.ride-card-sheet .ride-inspector-header button{width:44px;height:44px;margin:-10px -10px -10px 0}.ride-card-sheet .ride-provider{font-size:19px}.ride-card-sheet .ride-city,.ride-card-sheet .ride-energy{font-size:12px}.ride-card-sheet .ride-fare-context{font-size:11px}.ride-card-sheet .ride-stats{font-size:27px}@keyframes ride-route-draw{0%{stroke-dashoffset:260px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ride-card .ride-route-graphic path{animation:none}}