.asphalt{background-color:var(--road);color:var(--road-foreground);background-image:radial-gradient(color-mix(in oklch, var(--road-foreground) 7%, transparent) 1px, transparent 1.5px);background-size:7px 7px}.lane-paint{background-color:var(--primary);position:relative}.lane-paint:before,.lane-paint:after{content:"";background-image:repeating-linear-gradient(90deg, var(--road-foreground) 0 32px, transparent 32px 52px);pointer-events:none;height:4px;position:absolute;left:0;right:0}.lane-paint:before{top:-10px}.lane-paint:after{bottom:-10px}.route-line{background-image:repeating-linear-gradient(180deg, var(--primary) 0 22px, transparent 22px 32px)}@media (min-width:1024px){.route-line-h{background-image:repeating-linear-gradient(90deg, var(--primary) 0 22px, transparent 22px 32px)}}.lane-range{appearance:none;cursor:grab;touch-action:pan-y;background:0 0}.lane-range:active{cursor:grabbing}.lane-range::-webkit-slider-runnable-track{background:0 0;height:100%}.lane-range::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:88px;height:72px}.lane-range::-moz-range-track{background:0 0;height:100%}.lane-range::-moz-range-thumb{background:0 0;border:0;width:88px;height:72px}.sign-diamond{transform:rotate(45deg)}.sign-diamond>*{transform:rotate(-45deg)}@media (prefers-reduced-motion:no-preference){.bike-wheel{transition:transform .26s ease-out}.lane-rider{transition:transform .14s ease-out}}