.directional-avatar{overflow:visible;width:100%;height:100%;display:block}.dv-view{display:none}.dv-front{display:block}.dv-turn{transform:translateX(300px) scaleX(var(--dv-facing,1)) translateX(-300px)}[data-view=side]>.directional-avatar>.dv-front,[data-view=back]>.directional-avatar>.dv-front{display:none}[data-view=side]>.directional-avatar>.dv-side,[data-view=back]>.directional-avatar>.dv-back{display:block}[data-view=side]>.dv-original>.dv-side{display:none}[data-view=side]>.dv-original>.dv-default-side{display:block}.dv-front-still{display:none}.dv-original .dv-front-rig{display:none}.dv-original .dv-front-still{display:block}[data-pose=walk]>.dv-original .dv-front-still{display:none}[data-pose=walk]>.dv-original .dv-front-rig{display:block}[data-pose=walk] .dv-walk-strip{animation:dv-sprite .84s steps(8,end) infinite}[data-pose=walk] .dv-step-far{animation:dv-leg-far .84s ease-in-out infinite}[data-pose=walk] .dv-step-near{animation:dv-leg-near .84s ease-in-out infinite}[data-pose=walk] .dv-side>.dv-turn,[data-pose=walk] .dv-back>.dv-turn{animation:dv-body-bob .42s ease-in-out infinite}.dv-direction-controls{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.motion-actor>.directional-avatar .rig-facing{transform:translateX(300px) scaleX(1) translateX(-300px)}
@keyframes dv-sprite{to{transform:translateX(-2880px)}}@keyframes dv-leg-far{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes dv-leg-near{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}@keyframes dv-body-bob{0%,100%{transform:translateX(300px) translateY(0) scaleX(var(--dv-facing,1)) translateX(-300px)}50%{transform:translateX(300px) translateY(-4px) scaleX(var(--dv-facing,1)) translateX(-300px)}}
#player.motion-actor{width:108px;height:155px;transform:translate(-50%,-100%)}#cp-player.motion-actor{width:108px;height:155px;transform:translate(-50%,-100%)}.cp-goat{width:130px;height:150px;transform:translate(-50%,-100%)}@media(max-width:1099px){#player.motion-actor,#cp-player.motion-actor{width:95px;height:136px}.cp-goat{width:111px;height:128px}}@media(max-width:699px){#player.motion-actor,#cp-player.motion-actor{width:87px;height:125px}.cp-goat{width:99px;height:114px}}@media(prefers-reduced-motion:reduce){.directional-avatar *{animation:none!important}}

.motion-preview>.motion-actor{height:230px;width:160px}.motion-preview{height:300px}.dv-direction-controls{margin:-10px 0 20px}