.activity-bike{width:132px;height:142px;top:65px;left:0;transform:none;opacity:1}
.cycle-motion,.cycle-sprite{display:block;width:132px;height:132px}
.cycle-motion{position:relative;animation:cycle-float 1.12s ease-in-out infinite}
.cycle-sprite{background:url('/assets/lumi-cycle-atlas-v10.png') 0 0 / 400% 200% no-repeat;animation:cycle-frames 1.12s steps(1,end) infinite}
.cycle-ground{position:absolute;left:15px;bottom:5px;width:106px;height:8px;border-radius:50%;background:#2473b924;filter:blur(2px)}
@keyframes cycle-frames{0%,100%{background-position:0 0}12.5%{background-position:33.333333% 0}25%{background-position:66.666667% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.333333% 100%}75%{background-position:66.666667% 100%}87.5%{background-position:100% 100%}}
@keyframes cycle-float{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-1.5px)}}
html[data-motion=full] .cycle-sprite{animation:cycle-frames 1.12s steps(1,end) infinite!important}
html[data-motion=full] .cycle-motion{animation:cycle-float 1.12s ease-in-out infinite!important}
html[data-motion=reduced] .cycle-sprite,html[data-motion=reduced] .cycle-motion{animation:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .cycle-sprite,html:not([data-motion=full]) .cycle-motion{animation:none!important}}
@media(max-width:360px){.activity-bike{transform:scale(.86);transform-origin:top left}}