.mc-character[class*="mc-character-motion-"]{animation:none}
.mc-character-motion-idle{animation:mcMotionIdle 2.4s ease-in-out infinite!important}
.mc-character-motion-nervous{animation:mcMotionNervous .42s ease-in-out infinite!important}
.mc-character-motion-angry{animation:mcMotionAngry .28s ease-in-out infinite!important}
.mc-character-motion-happy{animation:mcMotionHappy .52s ease-out both!important}
.mc-character-motion-walk{animation:mcMotionWalk .62s ease-in-out infinite!important}
.mc-character-motion-run{animation:mcMotionRun .34s ease-in-out infinite!important}
.mc-character-motion-exit{animation:mcMotionExit .62s ease-in both!important}

.mc-character-motion-walk .mc-character-legs,
.mc-character-motion-run .mc-character-legs{animation:mcLegsWalk .32s ease-in-out infinite}
.mc-character-motion-walk .mc-character-arms,
.mc-character-motion-run .mc-character-arms{animation:mcArmsWalk .36s ease-in-out infinite}
.mc-character-motion-angry .mc-character-arms{animation:mcArmsAngry .22s ease-in-out infinite}

@keyframes mcMotionIdle{
  0%,100%{transform:scale(var(--character-scale)) translateY(0)}
  50%{transform:scale(var(--character-scale)) translateY(-2px)}
}
@keyframes mcMotionNervous{
  0%,100%{transform:scale(var(--character-scale)) translateX(0)}
  25%{transform:scale(var(--character-scale)) translateX(-2px)}
  75%{transform:scale(var(--character-scale)) translateX(2px)}
}
@keyframes mcMotionAngry{
  0%,100%{transform:scale(var(--character-scale)) translateX(0) rotate(0)}
  25%{transform:scale(var(--character-scale)) translateX(-2px) rotate(-1deg)}
  75%{transform:scale(var(--character-scale)) translateX(2px) rotate(1deg)}
}
@keyframes mcMotionHappy{
  0%{transform:scale(var(--character-scale)) translateY(0)}
  45%{transform:scale(calc(var(--character-scale) * 1.05)) translateY(-7px)}
  100%{transform:scale(var(--character-scale)) translateY(0)}
}
@keyframes mcMotionWalk{
  0%,100%{transform:scale(var(--character-scale)) translateX(0) translateY(0)}
  50%{transform:scale(var(--character-scale)) translateX(1px) translateY(-2px)}
}
@keyframes mcMotionRun{
  0%,100%{transform:scale(var(--character-scale)) translateX(-1px) translateY(0)}
  50%{transform:scale(var(--character-scale)) translateX(2px) translateY(-3px)}
}
@keyframes mcMotionExit{
  0%{transform:scale(var(--character-scale)) translateX(0);opacity:1}
  100%{transform:scale(var(--character-scale)) translateX(-34px);opacity:0}
}
@keyframes mcLegsWalk{
  0%,100%{transform:translate(-50%,-50%) rotate(-4deg)}
  50%{transform:translate(-50%,-50%) rotate(4deg)}
}
@keyframes mcArmsWalk{
  0%,100%{transform:translate(-50%,-50%) rotate(3deg)}
  50%{transform:translate(-50%,-50%) rotate(-3deg)}
}
@keyframes mcArmsAngry{
  0%,100%{transform:translate(-50%,-50%) translateY(0)}
  50%{transform:translate(-50%,-50%) translateY(-2px)}
}