@media (prefers-reduced-motion: no-preference) {
  @keyframes tilt-n-move-shaking {
    0% {
      transform: translate(0, 0) rotateZ(0deg);
    }
    25% {
      transform: translate(1px, 1px) rotateZ(1deg);
    }
    50% {
      transform: translate(0, 0) rotateZ(0eg);
    }
    75% {
      transform: translate(-1px, 1px) rotateZ(-1deg);
    }
    100% {
      transform: translate(0, 0) rotateZ(0deg);
    }
  }

  @keyframes pulse {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 1rem rgba(0, 0, 0, 0);
    }
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
  }

  @keyframes hue-rotate {
    0% {
      filter: hue-rotate(0deg);
    }
    100% {
      filter: hue-rotate(360deg);
    }
  }

  @keyframes fade-and-shrink {
    0% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
    100% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.5);
    }
  }

  @keyframes flicker {
    0% {
      transform: translate(0, 0) rotateZ(0deg) scale(0.5);
    }
    25% {
      transform: translate(1px, 1px) rotateZ(1deg);
    }
    50% {
      transform: translate(0, 0) rotateZ(0deg);
    }
    75% {
      opacity: 0.5;
      transform: translate(-1px, 1px) rotateZ(-1deg);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0) rotateZ(0deg) scale(0.5);
    }
  }

  @keyframes spin-y {
    0% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }

  @keyframes spin-z {
    0% {
      transform: rotateZ(0deg);
    }
    100% {
      transform: rotateZ(360deg);
    }
  }

  @keyframes rise-fade {
    0%,
    40% {
      background-color: none;
      border-radius: 50%;
      box-shadow: none;
      opacity: 1;
      transform: none;
    }
    100% {
      background-color: #0f0;
      border-radius: 50%;
      box-shadow: 0 0 1rem 1rem #0f0;
      opacity: 0;
      transform: scale(0.5) translateY(-13rem) translateX(3rem);
    }
  }

  @keyframes rise-fade-simple {
    0%,
    40% {
      opacity: 1;
      transform: none;
    }
    100% {
      opacity: 0;
      transform: scale(0.5) translateY(-13rem) translateX(3rem);
    }
  }

  @keyframes drop-in-out {
    0%,
    100% {
      opacity: 0;
      transform: scale(0) translateX(5rem) translateY(-10rem);
    }
    20%,
    80% {
      opacity: 1;
      transform: scale(1) translateX(0) translateY(0);
    }
  }

  @keyframes size-pulse {
    0% {
      transform: scale(0);
    }
    10%,
    90% {
      transform: scale(2.5);
    }
    20%,
    80% {
      transform: scale(2);
    }
    30%,
    70% {
      transform: scale(2.5);
    }
    40%,
    60% {
      transform: scale(2);
    }
    50% {
      transform: scale(3);
    }
    100% {
      rotate: 360deg;
      transform: scale(0);
    }
  }
}