/*
 * The fadeIn slice of Animate.css 4.1.1, replacing the full ~78 KB CDN
 * stylesheet from cdnjs. `animate__animated animate__fadeIn` is the only pair
 * of Animate.css classes used anywhere in the project -- theme.js adds it to
 * the project follow counter and strips it again on `animationend`.
 *
 * Class names, the --animate-duration custom property and the reduced-motion
 * override are kept verbatim so theme.js needs no change: the 1ms duration
 * still fires `animationend`, which the follow handler waits for.
 *
 * Upstream: https://github.com/animate-css/animate.css (MIT, v4.1.1)
 */

:root {
  --animate-duration: 1s;
}

.animate__animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate__fadeIn {
  animation-name: fadeIn;
}

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}