.c17-container{--frame-width:64px;--frame-height:64px;text-align:center;will-change:left, top;display:inline-block}.c17-sprite{width:var(--frame-width);height:var(--frame-height);image-rendering:pixelated;background-image:url(/sprites/c17.png);background-position:0 0;background-repeat:no-repeat;display:block;transform:translateZ(0)}.c17-sprite.idle{animation:c17-anim-frame var(--playback-speed) steps(6, end) infinite;background-position:0 0}.c17-sprite.walk{background-position:calc(-1 * var(--frame-width) * 12) 0;animation:c17-anim-frame-walk var(--playback-speed) steps(6, end) infinite}.c17-sprite.touch{background-position:calc(-1 * var(--frame-width) * 6) 0;animation:c17-anim-frame-touch var(--playback-speed) steps(6, end) infinite}.c17-sprite.hit{background-position:calc(-1 * var(--frame-width) * 18) 0;animation:c17-anim-frame-hit var(--playback-speed) steps(6, end) infinite}@keyframes c17-anim-frame{to{background-position-x:calc(-1 * var(--frame-width) * 6)}}@keyframes c17-anim-frame-walk{to{background-position-x:calc(-1 * var(--frame-width) * 18)}}@keyframes c17-anim-frame-touch{to{background-position-x:calc(-1 * var(--frame-width) * 12)}}@keyframes c17-anim-frame-hit{to{background-position-x:calc(-1 * var(--frame-width) * 24)}}