.hare{position:relative;height:var(--hare-h);overflow:hidden;pointer-events:none;container-type:inline-size}.hare__traveller{position:absolute;top:0;left:0;width:var(--hare-w);height:100%;transform:translate3d(calc((100cqw - var(--hare-w)) * var(--hare-rest)),0,0)}.hare[data-playing] .hare__traveller{animation:hare-cross var(--hare-duration) linear both}.hare__window{width:var(--hare-w);height:100%;overflow:hidden;transform:scaleX(var(--hare-flip))}.hare__strip{display:flex;width:calc(var(--hare-w) * var(--hare-frames));height:100%}.hare[data-playing] .hare__strip{animation:hare-gait var(--hare-gait) steps(var(--hare-frames)) var(--hare-gait-count) both}.hare__frame{display:block;flex:0 0 auto}.hare__ink{fill:var(--ink)}.hare__accent{fill:var(--accent)}.hare[data-tone=paper] .hare__ink{fill:var(--paper)}@keyframes hare-cross{0%{transform:translate3d(calc(var(--hare-w) * -1),0,0)}to{transform:translate3d(100cqw,0,0)}}@keyframes hare-gait{to{transform:translate3d(calc(var(--hare-w) * var(--hare-frames) * -1),0,0)}}@media (prefers-reduced-motion:reduce){.hare__strip,.hare__traveller{animation:none!important}.hare__strip{transform:none}}.hare[data-still] .hare__traveller{animation:none}.hare[data-armed] .hare__tick{opacity:0}.hare[data-armed][data-playing] .hare__tick{animation:hare-tick 1ms step-start both}@keyframes hare-tick{to{opacity:1}}@media (prefers-reduced-motion:reduce){.hare__tick{opacity:1!important;animation:none!important}}