:root{--frame-count: 5;--frame-size: 200px;--sprite-width: calc(var(--frame-count) * var(--frame-size))}.sprite{position:absolute;left:-200px;right:auto;width:var(--frame-size);height:var(--frame-size);background:url(./moewen_sprites-iB0Rj1Pe.png) no-repeat 0 0;background-size:var(--sprite-width) auto;transform-origin:center center;animation:flap 1.2s steps(var(--frame-count)) infinite;pointer-events:auto;cursor:crosshair}@keyframes flap{to{background-position:-1000px 0}}@keyframes fly-ltr{0%{transform:translate(-200px) scaleX(1) scale(var(--scale))}to{transform:translate(calc(100vw + 200px)) scaleX(1) scale(var(--scale))}}@keyframes fly-rtl{0%{transform:translate(calc(100vw + 200px)) scaleX(-1) scale(var(--scale))}to{transform:translate(-200px) scaleX(-1) scale(var(--scale))}}@keyframes moewen-fall{0%{transform:translateY(0) rotate(0) scale(var(--scale));opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(100deg) scale(var(--scale));opacity:0}}@keyframes moewen-fall-flipped{0%{transform:translateY(0) rotate(0) scaleX(-1) scale(var(--scale));opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(-90deg) scaleX(-1) scale(var(--scale));opacity:0}}.sprite.fall{animation:flap 1.2s steps(var(--frame-count)) infinite,moewen-fall 3s ease-in forwards}.sprite.fall[data-flipped=true]{animation:flap 1.2s steps(var(--frame-count)) infinite,moewen-fall-flipped 3s ease-in forwards}