@media (prefers-reduced-motion: no-preference) {
  @keyframes fade-and-shrink {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      opacity: 0;
      transform: scale(0.5);
    }
  }

  @keyframes sway {
    0% {
      transform: rotate(9deg);
    }
    100% {
      transform: rotate(-9deg);
    }
  }

  @keyframes blink {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
      opacity: 1;
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      opacity: 0;
    }
  }

  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes flicker {
    0%,
    95%,
    98%,
    100% {
      opacity: 1;
    }
    96%,
    99% {
      opacity: 0.2;
    }
  }

  @keyframes float {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translatey(0.5rem);
    }
  }
}