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