.aezr-fade-up,
.aezr-fade-in,
.aezr-fade-left,
.aezr-fade-right,
.aezr-zoom-in {
  transition:
    opacity var(--aezr-vfx-duration, 700ms) ease,
    transform var(--aezr-vfx-duration, 700ms) ease;
  will-change: opacity, transform;
}

body.aezr-vfx-ready .aezr-fade-up,
body.aezr-vfx-ready .aezr-fade-in,
body.aezr-vfx-ready .aezr-fade-left,
body.aezr-vfx-ready .aezr-fade-right,
body.aezr-vfx-ready .aezr-zoom-in {
  opacity: 0;
}

body.aezr-vfx-ready .aezr-fade-up {
  transform: translateY(var(--aezr-vfx-distance, 24px));
}

body.aezr-vfx-ready .aezr-fade-left {
  transform: translateX(calc(var(--aezr-vfx-distance, 24px) * -1));
}

body.aezr-vfx-ready .aezr-fade-right {
  transform: translateX(var(--aezr-vfx-distance, 24px));
}

body.aezr-vfx-ready .aezr-zoom-in {
  transform: scale(0.96);
}

body.aezr-vfx-ready .aezr-fade-up.is-visible,
body.aezr-vfx-ready .aezr-fade-in.is-visible,
body.aezr-vfx-ready .aezr-fade-left.is-visible,
body.aezr-vfx-ready .aezr-fade-right.is-visible,
body.aezr-vfx-ready .aezr-zoom-in.is-visible {
  opacity: 1;
  transform: none;
}

.aezr-delay-1 {
  transition-delay: 120ms;
}

.aezr-delay-2 {
  transition-delay: 220ms;
}

.aezr-delay-3 {
  transition-delay: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  .aezr-fade-up,
  .aezr-fade-in,
  .aezr-fade-left,
  .aezr-fade-right,
  .aezr-zoom-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}