@property --app-bike-iris{syntax:"<percentage>";inherits:false;initial-value:0%}.app-bike-overlay{z-index:100;color:var(--color-beige-light);text-align:center;background:linear-gradient(to bottom, var(--color-olive-deep), var(--color-olive-dark) 55%, var(--color-olive));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--app-bike-iris), var(--color-ink) calc(var(--app-bike-iris) + 0.5%));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--app-bike-iris), var(--color-ink) calc(var(--app-bike-iris) + 0.5%));mask-image:radial-gradient(circle at 50% 50%, transparent var(--app-bike-iris), var(--color-ink) calc(var(--app-bike-iris) + 0.5%));--app-bike-iris:150%;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;animation:.6s cubic-bezier(.6,0,.3,1) 1.7s both app-bike-iris,.2s ease-out 2.2s both app-bike-leave,2.4s step-end both app-bike-hold;display:flex;position:fixed;inset:0}.app-bike{width:min(78vw,22rem);height:auto;overflow:visible}.app-bike-tyre,.app-bike-tube,.app-bike-post,.app-bike-arm,.app-bike-ring,.app-bike-spoke,.app-bike-stripe{fill:none;stroke:var(--color-beige-light);stroke-linecap:round;stroke-linejoin:round}.app-bike-tyre{stroke-width:5px}.app-bike-spoke{stroke-width:1.6px;stroke-opacity:.7}.app-bike-hub,.app-bike-seat{fill:var(--color-beige-light)}.app-bike-tube{stroke-width:5px;stroke-dasharray:1;stroke-dashoffset:0}.app-bike-post{stroke-width:4px}.app-bike-ring{stroke-width:3px}.app-bike-arm{stroke-width:4px}.app-bike-stripe{stroke-width:5px}.app-bike-ground{stroke:var(--color-beige-light);stroke-opacity:.18;stroke-width:2px;stroke-dasharray:10 10}.app-bike-wheel-in-rear{animation:.55s cubic-bezier(.2,.8,.2,1) 50ms both app-bike-roll-in-rear}.app-bike-wheel-in-front{animation:.55s cubic-bezier(.2,.8,.2,1) 50ms both app-bike-roll-in-front}.app-bike-wheel{transform-box:fill-box;transform-origin:50%;animation:.55s cubic-bezier(.2,.8,.2,1) 50ms both app-bike-spin-in,.4s linear 1.45s infinite app-bike-spin}.app-bike-tube{animation:.25s ease-out both app-bike-draw;animation-delay:calc(.45s + var(--i,0) * 70ms)}.app-bike-bars{animation-delay:.9s}.app-bike-saddle{animation:.35s cubic-bezier(.3,1.5,.5,1) .95s both app-bike-drop}.app-bike-crank-in{transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.3,1.6,.5,1) 1.1s both app-bike-pop}.app-bike-crank{transform-box:fill-box;transform-origin:50%;animation:.5s linear 1.45s infinite app-bike-spin}.app-bike-stripe{transform-box:fill-box;transform-origin:0;animation:.35s cubic-bezier(.2,.8,.2,1) 1.15s both app-bike-sweep}.app-bike-rider{animation:.6s cubic-bezier(.55,0,.8,.2) 1.45s both app-bike-ride-off}.app-bike-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:1.5rem;font-size:1.875rem;font-weight:500;animation:.35s cubic-bezier(.2,.8,.2,1) 1.2s both app-bike-up}.app-bike-sub{color:color-mix(in srgb, var(--color-beige-light) 80%, transparent);margin-top:.25rem;font-size:.95rem;animation:.35s cubic-bezier(.2,.8,.2,1) 1.28s both app-bike-up}@keyframes app-bike-hold{0%{visibility:visible}to{visibility:hidden}}@keyframes app-bike-iris{0%{--app-bike-iris:0%}to{--app-bike-iris:150%}}@keyframes app-bike-leave{0%{opacity:1}to{opacity:0}}@keyframes app-bike-roll-in-rear{0%{transform:translate(-260px)}}@keyframes app-bike-roll-in-front{0%{transform:translate(260px)}}@keyframes app-bike-spin-in{0%{transform:rotate(-540deg)}}@keyframes app-bike-spin{to{transform:rotate(360deg)}}@keyframes app-bike-draw{0%{stroke-dashoffset:1px}}@keyframes app-bike-drop{0%{opacity:0;transform:translateY(-46px)}}@keyframes app-bike-pop{0%{opacity:0;transform:scale(0)}}@keyframes app-bike-sweep{0%{opacity:0;transform:scaleX(0)}}@keyframes app-bike-ride-off{0%{transform:translate(0)}12%{transform:translate(-10px)translateY(-3px)}to{transform:translate(420px)}}@keyframes app-bike-up{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.app-bike-overlay{display:none}}
