/* Enter animations */
html.js-enter-animations body:not(.wp-admin) [class*="fade-in"] {
  transition: opacity var(--enter-duration, 600ms) ease-out,
    transform var(--enter-duration, 600ms) ease-out;
  will-change: opacity, transform;
}

html.js-enter-animations
  body:not(.wp-admin)
  [class*="fade-in"]:not(.is-entered) {
  opacity: 0;
  transform: translate3d(
      var(--enter-translate-x, 0),
      var(--enter-translate-y, 0),
      0
    )
    scale(var(--enter-scale, 1));
}

html.js-enter-animations body:not(.wp-admin) [class*="fade-in"].is-entered {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  html.js-enter-animations body:not(.wp-admin) [class*="fade-in"] {
    transition-duration: 1ms !important;
  }
}

.fade-in,
.fade-in-200,
.fade-in-300,
.fade-in-400,
.fade-in-500,
.fade-in-600,
.fade-in-700,
.fade-in-800,
.fade-in-1000 {
  --enter-translate-x: 0;
  --enter-translate-y: 0;
  --enter-scale: 1;
}

.fade-in-right,
.fade-in-right-200,
.fade-in-right-300,
.fade-in-right-400,
.fade-in-right-500,
.fade-in-right-600,
.fade-in-right-700,
.fade-in-right-800,
.fade-in-right-1000 {
  --enter-translate-x: 200px;
  --enter-translate-y: 0;
  --enter-scale: 1;
}

.fade-in-left,
.fade-in-left-200,
.fade-in-left-300,
.fade-in-left-400,
.fade-in-left-500,
.fade-in-left-600,
.fade-in-left-700,
.fade-in-left-800,
.fade-in-left-1000 {
  --enter-translate-x: -200px;
  --enter-translate-y: 0;
  --enter-scale: 1;
}

.fade-in-up,
.fade-in-up-200,
.fade-in-up-300,
.fade-in-up-400,
.fade-in-up-500,
.fade-in-up-600,
.fade-in-up-700,
.fade-in-up-800,
.fade-in-up-1000 {
  --enter-translate-x: 0;
  --enter-translate-y: 60px;
  --enter-scale: 1;
}

.fade-in-down,
.fade-in-down-200,
.fade-in-down-300,
.fade-in-down-400,
.fade-in-down-500,
.fade-in-down-600,
.fade-in-down-700,
.fade-in-down-800,
.fade-in-down-1000 {
  --enter-translate-x: 0;
  --enter-translate-y: -60px;
  --enter-scale: 1;
}

.fade-in-zoom,
.fade-in-zoom-200,
.fade-in-zoom-300,
.fade-in-zoom-400,
.fade-in-zoom-500,
.fade-in-zoom-600,
.fade-in-zoom-700,
.fade-in-zoom-800,
.fade-in-zoom-1000 {
  --enter-translate-x: 0;
  --enter-translate-y: 0;
  --enter-scale: 0.96;
}

.fade-in-200,
.fade-in-right-200,
.fade-in-left-200,
.fade-in-up-200,
.fade-in-down-200,
.fade-in-zoom-200 {
  --enter-duration: 200ms;
}

.fade-in-300,
.fade-in-right-300,
.fade-in-left-300,
.fade-in-up-300,
.fade-in-down-300,
.fade-in-zoom-300 {
  --enter-duration: 300ms;
}

.fade-in-400,
.fade-in-right-400,
.fade-in-left-400,
.fade-in-up-400,
.fade-in-down-400,
.fade-in-zoom-400 {
  --enter-duration: 400ms;
}

.fade-in-500,
.fade-in-right-500,
.fade-in-left-500,
.fade-in-up-500,
.fade-in-down-500,
.fade-in-zoom-500 {
  --enter-duration: 500ms;
}

.fade-in-600,
.fade-in-right-600,
.fade-in-left-600,
.fade-in-up-600,
.fade-in-down-600,
.fade-in-zoom-600 {
  --enter-duration: 600ms;
}

.fade-in-700,
.fade-in-right-700,
.fade-in-left-700,
.fade-in-up-700,
.fade-in-down-700,
.fade-in-zoom-700 {
  --enter-duration: 700ms;
}

.fade-in-800,
.fade-in-right-800,
.fade-in-left-800,
.fade-in-up-800,
.fade-in-down-800,
.fade-in-zoom-800 {
  --enter-duration: 800ms;
}

.fade-in-1000,
.fade-in-right-1000,
.fade-in-left-1000,
.fade-in-up-1000,
.fade-in-down-1000,
.fade-in-zoom-1000 {
  --enter-duration: 1000ms;
}