.ride[hidden]{display:none}.ride{padding-block:var(--mctr-space-6) var(--mctr-space-4)}.ride[hidden],.q-done[hidden],.q-fail[hidden]{display:none}.ride__track{position:relative;height:calc(var(--mctr-space-10) + var(--mctr-space-4));container-type:inline-size}.ride__road{position:absolute;left:6%;right:6%;bottom:var(--mctr-space-5);height:var(--mctr-space-6);overflow:hidden;background:var(--mctr-band);border-radius:var(--mctr-radius-sm)}.ride__lines{position:absolute;left:0;top:calc(50% - 1px);width:200%;height:3px;background:repeating-linear-gradient(90deg,var(--mctr-paper) 0 18px,transparent 18px 36px)}.ride.is-riding .ride__lines{animation:ride-lines .6s linear infinite}@keyframes ride-lines{to{transform:translate(-36px)}}.ride__pin{position:absolute;top:0;font-family:var(--mctr-font-display);font-weight:900;font-size:var(--mctr-text-xl);line-height:var(--mctr-lh-xl);text-transform:uppercase;white-space:nowrap}.ride__pin--from{left:6%;color:var(--mctr-ink-muted)}.ride__pin--to{right:6%;color:var(--mctr-ink)}.ride__flag{position:absolute;right:6%;bottom:calc(var(--mctr-space-5) + var(--mctr-space-6));width:var(--mctr-space-7);height:var(--mctr-space-6);border-left:3px solid var(--mctr-ink);background:repeating-conic-gradient(var(--mctr-ink) 0 25%,var(--mctr-paper) 0 50%) 3px 0 / var(--mctr-space-3) var(--mctr-space-3);transform-origin:left bottom}.ride.is-finished .ride__flag{animation:ride-flag .5s var(--mctr-ease-in-out) 3}@keyframes ride-flag{50%{transform:skewY(-8deg) scaleX(.9)}}.ride__bike{position:absolute;left:6%;bottom:calc(var(--mctr-space-5) + var(--mctr-space-6) - var(--mctr-space-1));margin-left:calc(-1 * var(--mctr-space-6));transform:translate(calc(var(--ride, 0) * 88cqw));transition:transform .7s var(--mctr-ease-out)}.ride__bike svg{display:block;width:var(--mctr-space-8);height:auto;overflow:visible}.ride__bike circle{fill:var(--mctr-paper);stroke:var(--mctr-ink);stroke-width:4}.ride__body{fill:none;stroke:var(--mctr-ink);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.ride__fairing{fill:var(--mctr-livery);stroke:var(--mctr-ink);stroke-width:3;stroke-linejoin:round}.ride.is-riding .ride__bike svg{animation:ride-bob .4s var(--mctr-ease-in-out) infinite alternate}@keyframes ride-bob{to{transform:translateY(-2px) rotate(-1.5deg)}}.ride__steps{display:grid;gap:var(--mctr-space-3);margin:var(--mctr-space-5) 0 0;padding:0;list-style:none}.ride__steps li{display:flex;align-items:center;gap:var(--mctr-space-3);font-weight:600;color:var(--mctr-ink-muted);transition:color var(--mctr-dur-base) var(--mctr-ease-out)}.ride__tick{position:relative;flex:none;width:var(--mctr-space-5);height:var(--mctr-space-5);border:3px solid var(--mctr-line-strong);border-radius:var(--mctr-radius-pill)}.ride__steps li.is-active{color:var(--mctr-ink)}.ride__steps li.is-active .ride__tick{border-color:var(--mctr-livery)}.ride__steps li.is-active .ride__tick:after{content:"";position:absolute;inset:3px;border-radius:var(--mctr-radius-pill);background:var(--mctr-livery);animation:ride-pulse .9s var(--mctr-ease-in-out) infinite alternate}@keyframes ride-pulse{0%{transform:scale(.4);opacity:.5}to{transform:scale(1);opacity:1}}.ride__steps li.is-done{color:var(--mctr-ink)}.ride__steps li.is-done .ride__tick{border-color:var(--mctr-ink);background:var(--mctr-ink)}.ride__steps li.is-done .ride__tick:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:11px;border:solid var(--mctr-paper);border-width:0 3px 3px 0;transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.ride__bike{transition:none}.ride.is-riding .ride__lines,.ride.is-riding .ride__bike svg,.ride.is-finished .ride__flag,.ride__steps li.is-active .ride__tick:after{animation:none}}