@charset "UTF-8";

/*!
 * Animate.css fade subset (v3 class names)
 * https://animate.style
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.fast { animation-duration: .7s; }
.animated.slow { animation-duration: 1.4s; }

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 28px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -28px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInDown { animation-name: fadeInDown; }

@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-32px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(32px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInRight { animation-name: fadeInRight; }

[data-animate] { opacity: 0; }
[data-animate].animated { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .animated {
    animation: none !important;
  }
  [data-animate] { opacity: 1; }
}