@keyframes jumping {
  to {
    transform: translateY(-30px);
  }
}
@keyframes jumping_pause {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-30px);
  }
  20% {
    transform: translateY(0);
  }
}
@keyframes scaledown {
  to {
    transform: scale(0.9);
  }
}
@keyframes scaledown_pause {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(1);
  }
}
@keyframes fadeinfadeout {
  to {
    opacity: 0;
  }
}
@keyframes fadeinfadeout_pause {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes rotateright {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateright_pause {
  0% {
    transform: rotate(-360deg);
  }
  40% {
    transform: rotate(0);
  }
}
@keyframes rotateleft {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotateleft_pause {
  0% {
    transform: rotate(360deg);
  }
  40% {
    transform: rotate(0);
  }
}
@keyframes shakeleftright {
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes shakeleftright_pause {
  0% {
    transform: translateX(0);
  }
  4% {
    transform: translateX(-20px);
  }
  8% {
    transform: translateX(20px);
  }
  12% {
    transform: translateX(-20px);
  }
  16% {
    transform: translateX(20px);
  }
  25% {
    transform: translateX(0);
  }
}
@keyframes twistright {
  to {
    transform: rotateY(360deg);
  }
}
@keyframes twistright_pause {
  0% {
    transform: rotateY(360deg);
  }
  40% {
    transform: rotateY(0);
  }
}
@keyframes twistleft {
  to {
    transform: rotateY(-360deg);
  }
}
@keyframes twistleft_pause {
  0% {
    transform: rotateY(-360deg);
  }
  40% {
    transform: rotateY(0);
  }
}
@keyframes swing {
  50% {
    transform: rotateZ(-10deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
@keyframes swing_pause {
  0% {
    transform: rotateZ(0);
  }
  7% {
    transform: rotateZ(-10deg);
  }
  15% {
    transform: rotateZ(10deg);
  }
  22% {
    transform: rotateZ(0);
  }
}
.jumping {
  animation: jumping var(--loop-speed) ease var(--loop-start-delay) alternate infinite;
}
.jumping.has-pause {
  animation: jumping_pause var(--loop-speed) ease var(--loop-start-delay) infinite;
}

.pulsate {
  animation: scaledown var(--loop-speed) ease var(--loop-start-delay) alternate infinite;
}
.pulsate.has-pause {
  animation: scaledown_pause var(--loop-speed) ease var(--loop-start-delay) infinite;
}

.fadeinfadeout {
  animation: fadeinfadeout var(--loop-speed) ease var(--loop-start-delay) alternate infinite;
}
.fadeinfadeout.has-pause {
  animation: fadeinfadeout_pause var(--loop-speed) ease var(--loop-start-delay) infinite;
}

.rotateright {
  animation: rotateright var(--loop-speed) linear var(--loop-start-delay) infinite;
}
.rotateright.has-pause {
  animation: rotateright_pause var(--loop-speed) ease var(--loop-start-delay) infinite;
}

.rotateleft {
  animation: rotateleft var(--loop-speed) linear var(--loop-start-delay) infinite;
}
.rotateleft.has-pause {
  animation: rotateleft_pause var(--loop-speed) ease var(--loop-start-delay) infinite;
}

.shakeleftright {
  animation: shakeleftright var(--loop-speed) linear var(--loop-start-delay) alternate infinite;
}
.shakeleftright.has-pause {
  animation: shakeleftright_pause var(--loop-speed) ease-out var(--loop-start-delay) infinite;
}

.twistright {
  overflow: visible;
  perspective: 350px;
}
.twistright > * {
  animation: twistright var(--loop-speed) linear var(--loop-start-delay) infinite;
}
.twistright.has-pause > * {
  animation: twistright_pause var(--loop-speed) linear var(--loop-start-delay) infinite;
}

.twistleft {
  overflow: visible;
  perspective: 350px;
}
.twistleft > * {
  animation: twistleft var(--loop-speed) linear var(--loop-start-delay) infinite;
}
.twistleft.has-pause > * {
  animation: twistleft_pause var(--loop-speed) linear var(--loop-start-delay) infinite;
}

.swingcenter, .swingtop {
  animation: swing var(--loop-speed) ease-in-out var(--loop-start-delay) alternate infinite none running;
}
.swingcenter.has-pause, .swingtop.has-pause {
  animation: swing_pause var(--loop-speed) ease-in-out var(--loop-start-delay) infinite none running;
}

.swingtop {
  transform-origin: center top;
}