/* Jump animation for Moji */
.moji-jump #breathGroup,
.moji-jump #glasses,
.moji-jump #eyesGroup,
.moji-jump #mouth {
  animation: none !important;
}
#mojiGroup.moji-jump {
  animation: moji-jump-body 4s cubic-bezier(0.4,0,0.2,1) 1;
}
@keyframes moji-jump-body {
  0% { transform: translateY(0); }
  20% { transform: translateY(23px); } /* squat */
  25% { transform: translateY(23px); } /* launch up, upper body leads */
  55% { transform: translateY(-80px); } /* peak jump */
  60% { transform: translateY(-80px); } /* start coming down */
  85% { transform: translateY(23px); } /* landing squat */
  100% { transform: translateY(0); }
}
#lLegGroup.moji-jump {
  transform-origin: -52px -2px;
  animation: moji-jump-lleg 4s cubic-bezier(0.4,0,0.2,1) 1;
}
@keyframes moji-jump-lleg {
  0% { transform: rotate(0deg) translateY(0px); }
  20% { transform: rotate(0deg) translateY(0px); }
  35% { transform: rotate(0deg) translateY(-10px); } 
  55% { transform: rotate(0deg) translateY(-80px); } 
  70% { transform: rotate(0deg) translateY(0px); } 
  100% { transform: rotate(0deg) translateY(0px); }
}
#rLegGroup.moji-jump {
  animation: moji-jump-rleg 4s cubic-bezier(0.4,0,0.2,1) 1;
}
@keyframes moji-jump-rleg {
   0% { transform: rotate(0deg) translateY(0px); }
  20% { transform: rotate(0deg) translateY(0px); }
  35% { transform: rotate(0deg) translateY(-10px); } 
  55% { transform: rotate(0deg) translateY(-80px); }
  70% { transform: rotate(0deg) translateY(0px); } 
  100% { transform: rotate(0deg) translateY(0px); }
}
.moji-jump #eyesGroup {
  animation: moji-jump-eyes 4s cubic-bezier(0.4,0,0.2,1) 1;
}
@keyframes moji-jump-eyes {
  0% { transform: translateY(0) translateX(0); }
  10% { transform: translateY(1px) translateX(-1px); }
  30% { transform: translateY(2px) translateX(-2px); }
  37% { transform: translateY(3px) translateX(-3px); }
  45% { transform: translateY(2px) translateX(-2px); }
  50% { transform: translateY(0) translateX(0); }
  60% { transform: translateY(-7px) translateX(1px); }
  70% { transform: translateY(-10px) translateX(2px); }
  75% { transform: translateY(-12px) translateX(3px); }
  80% { transform: translateY(-10px) translateX(2px); }
  85% { transform: translateY(-7px) translateX(1px); }
  90% { transform: translateY(0) translateX(0); }
  100% { transform: translateY(0) translateX(0); }
}