.vouchie{--frame:0;aspect-ratio:57/51;background-repeat:no-repeat;background-size:1800% 100%;background-position:calc(var(--frame) * 100% / 17) 0;image-rendering:pixelated;animation-timing-function:steps(2,end);animation-iteration-count:infinite;display:inline-block}.vouchie[data-state=idle]{--frame:0;animation-name:vouchie-blink;animation-duration:4s;animation-timing-function:step-end}.vouchie[data-state=glasses]{--frame:2;animation-name:vouchie-pair;animation-duration:.9s}.vouchie[data-state=scroll]{--frame:4;animation-name:vouchie-pair;animation-duration:.7s}.vouchie[data-state=flight]{--frame:6;animation-name:vouchie-pair;animation-duration:.36s}.vouchie[data-state=thinking]{--frame:8;animation-name:vouchie-pair;animation-duration:1s}.vouchie[data-state=writing]{--frame:10;animation-name:vouchie-pair;animation-duration:.6s}.vouchie[data-state=success]{--frame:12;animation-name:vouchie-pair;animation-duration:.5s}.vouchie[data-state=error]{--frame:14;animation-name:vouchie-pair;animation-duration:1.2s}.vouchie[data-state=reading]{--frame:16;animation-name:vouchie-pair;animation-duration:.8s}.vouchie[data-loop=false]{animation-iteration-count:3}.vouchie[data-loop=false][data-state=idle]{animation-iteration-count:1}.vouchie[data-paused=true]{animation:none}@media (prefers-reduced-motion:reduce){.vouchie{animation:none}}@keyframes vouchie-blink{0%{background-position-x:0%}94%,to{background-position-x:5.88235%}}@keyframes vouchie-pair{0%{background-position-x:calc(var(--frame) * 100% / 17)}to{background-position-x:calc((var(--frame) + 2) * 100% / 17)}}