.trip{--trip-drive:var(--primary);--trip-charge:#10b981;--trip-rail:var(--border)}.trip-bar-segment{background:var(--trip-drive);transform-origin:0;border-radius:999px;min-width:3px;animation:.42s cubic-bezier(.2,.8,.2,1) both trip-bar-in}.trip-bar-segment[data-kind=charge]{background:var(--trip-charge)}.trip-timeline{position:relative}.trip-point,.trip-leg{grid-template-columns:2.5rem 1rem minmax(0,1fr);column-gap:.375rem;display:grid;position:relative}.trip-point-time{text-align:right;padding-top:.875rem}.trip-point[data-kind=charge] .trip-point-time{padding-top:1rem}.trip-point-dot{justify-content:center;display:flex;position:relative}.trip-point-dot:before,.trip-leg-line:before{content:"";background:var(--trip-rail);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.trip-point:first-child .trip-point-dot:before{top:1.25rem}.trip-point:last-child .trip-point-dot:before{bottom:calc(100% - 1.25rem)}.trip-point-dot:after{content:"";z-index:1;border:3px solid var(--muted-foreground);background:var(--card);width:.875rem;height:.875rem;box-shadow:0 0 0 3px var(--background);border-radius:999px;margin-top:1rem;position:relative}.trip-point[data-kind=endpoint] .trip-point-dot:after{border-color:var(--primary)}.trip-point[data-kind=endpoint]:last-child .trip-point-dot:after{background:var(--primary);box-shadow:inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--card), 0 0 0 3px var(--background);border-width:0}.trip-point[data-kind=charge] .trip-point-dot:after{border-color:var(--trip-charge);width:1.125rem;height:1.125rem;margin-top:1.125rem}.trip-leg-line{position:relative}@media (max-width:639.98px){.trip-point,.trip-leg{grid-template-columns:.875rem minmax(0,1fr);column-gap:.5rem}.trip-point-time,.trip-leg-time{display:none}.trip-point-dot:after{border-width:2.5px;width:.75rem;height:.75rem}.trip-point[data-kind=charge] .trip-point-dot:after{width:.875rem;height:.875rem;margin-top:1rem}}@media (min-width:640px){.trip-inline-time{display:none}}.trip-leg-line:before{background:repeating-linear-gradient(to bottom, var(--trip-drive) 0 6px, transparent 6px 10px);opacity:.55}.trip-endpoint,.trip-charge-card{box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 7%, transparent), 0 1px 2px #0000000f, 0 6px 16px -8px #00000029;border-color:#0000;transition:box-shadow .16s}.trip-endpoint{background:color-mix(in oklab, var(--primary) 5%, var(--card))}.trip-charge-card{background:var(--card)}.trip-charge-card:before{content:"";background:var(--trip-charge);width:4px;position:absolute;inset:0 auto 0 0}@media (hover:hover){.trip-endpoint:hover,.trip-charge-card:hover{box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent), 0 2px 4px #0000000f, 0 12px 28px -12px #00000047}}.dark .trip-endpoint,.dark .trip-charge-card{background:var(--muted);box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent)}.trip-charge-card[data-selection=preferred]:before{background:#8b5cf6}.trip-charge-card[data-selection=required]:before{background:var(--primary)}.trip-point{animation:.32s ease-out both trip-point-in}.trip-point:nth-child(n+2){animation-delay:40ms}.trip-point:nth-child(n+4){animation-delay:80ms}.trip-point:nth-child(n+6){animation-delay:.12s}.trip-card-overlay{animation:.16s ease-out both trip-fade-in}.trip-battery{background:color-mix(in oklab, var(--foreground) 10%, transparent);border-radius:999px;height:6px;display:block;position:relative;overflow:hidden}.trip-battery-lg{width:100%;height:8px}.trip-battery-before,.trip-battery-after{border-radius:999px;position:absolute;inset:0 auto 0 0}.trip-battery-before{background:#059669}.trip-battery-after{background:#10b98173;background:lab(66.6921% -50.6677 17.059/.45)}.trip-battery-grow{transform-origin:0;animation:.6s cubic-bezier(.2,.8,.2,1) .16s both trip-bar-in}.trip-option{border-color:var(--border);transition:border-color .15s,background-color .15s,box-shadow .15s}@media (hover:hover){.trip-option:hover{border-color:color-mix(in oklab, var(--foreground) 25%, var(--border))}}.trip-option[aria-checked=true]{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 6%, var(--card));box-shadow:inset 0 0 0 1px var(--primary)}.trip-option:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.trip-option-radio{border:1.5px solid color-mix(in oklab, var(--foreground) 30%, var(--border));border-radius:999px;flex-shrink:0;width:18px;height:18px;transition:border .15s}.trip-option[aria-checked=true] .trip-option-radio{border:5px solid var(--primary)}.trip-star{color:color-mix(in oklab, var(--muted-foreground) 55%, transparent);transition:color .12s,transform .12s}.trip-star[data-lit=true]{color:#f59e0b}.trip-star[data-lit=true] svg{fill:currentColor}.trip-star:active:not(:disabled){transform:scale(.88)}@keyframes trip-bar-in{0%{transform:scaleX(0)}}@keyframes trip-point-in{0%{opacity:0;transform:translateY(6px)}}@keyframes trip-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.trip-bar-segment,.trip-battery-grow,.trip-point,.trip-card-overlay{animation:none!important}.trip-option,.trip-option-radio,.trip-star,.trip-endpoint,.trip-charge-card{transition:none!important}}@media (forced-colors:active){.trip-option[aria-checked=true]{outline:2px solid highlight}.trip-point-dot:after{border-color:canvastext}}.trip-library-card{box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 7%, transparent), 0 1px 2px #0000000d;transition:box-shadow .16s,transform .16s;animation:.26s ease-out both trip-library-in}@media (hover:hover){.trip-library-card:hover{box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent), 0 10px 24px -14px #0000004d;transform:translateY(-1px)}}.trip-library-card:active{transform:scale(.995)}.trip-library-stops{padding-left:1.375rem;position:relative}.trip-library-stops:before{content:"";background:color-mix(in oklab, var(--primary) 35%, transparent);width:2px;position:absolute;top:.7em;bottom:.7em;left:4px}.trip-library-origin,.trip-library-destination{position:relative}.trip-library-origin:before,.trip-library-destination:before{content:"";border-radius:999px;width:10px;height:10px;position:absolute;top:.45em;left:-1.375rem}.trip-library-origin:before{background:var(--primary)}.trip-library-destination:before{border:2px solid var(--primary);background:var(--card)}.trip-library-meta{overflow:hidden}.trip-library-meta>span{flex-wrap:wrap;row-gap:2px;margin-left:-1em;display:flex}.trip-library-meta>span>:before{content:"·";text-align:center;width:1em;display:inline-block}.trip-library-confirm{animation:.18s ease-out both trip-library-in}@keyframes trip-library-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.trip-library-card,.trip-library-confirm{transition:none!important;animation:none!important}}