.scroll-road{--road-ease-out:cubic-bezier(.16, 1, .3, 1);--road-dur-fast:.15s;--road-dur-med:.28s}.scroll-road__path-ghost{stroke:color-mix(in oklch, var(--muted-foreground) 70%, var(--foreground));opacity:.78}.scroll-road__path-traveled{stroke:var(--primary)}.scroll-road__dot-btn{cursor:pointer;justify-content:center;align-items:center;display:flex}.scroll-road:not(.scroll-road--labels-open) .scroll-road__dot-btn{pointer-events:none}@media (min-width:768px){.scroll-road:not(.scroll-road--labels-open) .scroll-road__dot-btn{pointer-events:auto}}.scroll-road__dot{box-sizing:border-box;transition:width var(--road-dur-med) var(--road-ease-out), height var(--road-dur-med) var(--road-ease-out), background-color var(--road-dur-fast) var(--road-ease-out), border-color var(--road-dur-fast) var(--road-ease-out), box-shadow var(--road-dur-fast) var(--road-ease-out);border-style:solid}.scroll-road__dot--idle{background-color:var(--background);border-color:color-mix(in oklch, var(--muted-foreground) 70%, var(--foreground));border-width:2px}.scroll-road__dot--passed{background-color:var(--primary);border-color:var(--primary);border-width:2px}.scroll-road__dot--current{background-color:var(--accent);border-color:var(--primary);box-shadow:0 0 0 2px var(--background);border-width:2.5px}.scroll-road__dot-btn:hover .scroll-road__dot--idle,.scroll-road__dot-btn:focus-visible .scroll-road__dot--idle{border-color:var(--primary);background-color:color-mix(in oklch, var(--primary) 12%, var(--background));transform:scale(1.12)}.scroll-road__dot-btn:active .scroll-road__dot{transform:scale(.92)}.scroll-road__dot-btn:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:9999px}.scroll-road__label{background-color:var(--foreground);color:var(--background);opacity:0;pointer-events:none;transition:opacity var(--road-dur-fast) var(--road-ease-out), transform var(--road-dur-fast) var(--road-ease-out);border-radius:8px;padding:6px 12px;font-size:.875rem;font-weight:500;transform:translateY(-50%)translate(-4px)}.scroll-road--labels-open .scroll-road__label{opacity:1;pointer-events:auto;border-radius:10px;padding:8px 16px;font-size:1rem;transform:translateY(-50%)translate(0)}@media (min-width:768px){.scroll-road:not(.scroll-road--labels-open) .scroll-road__dot-btn:hover .scroll-road__label,.scroll-road:not(.scroll-road--labels-open) .scroll-road__dot-btn:focus-visible .scroll-road__label{opacity:1;transform:translateY(-50%)translate(0)}}.scroll-road__van{filter:drop-shadow(0 2px 6px color-mix(in oklch, var(--foreground) 18%, transparent))}@media (prefers-reduced-motion:reduce){.scroll-road__dot,.scroll-road__label,.scroll-road__van-wobble{transition:none!important;animation:none!important}}