html.eco-reveal-ready [data-reveal],
html.eco-reveal-ready .reveal,
html.eco-reveal-ready .reveal-left,
html.eco-reveal-ready .reveal-right,
html.eco-reveal-ready .reveal-scale {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 700ms cubic-bezier(.22, 1, .36, 1), transform 700ms cubic-bezier(.22, 1, .36, 1);
}

html.eco-reveal-ready [data-reveal="left"],
html.eco-reveal-ready .reveal-left { transform: translateX(-32px); }
html.eco-reveal-ready [data-reveal="right"],
html.eco-reveal-ready .reveal-right { transform: translateX(32px); }
html.eco-reveal-ready [data-reveal="scale"],
html.eco-reveal-ready .reveal-scale { transform: scale(.96); }
html.eco-reveal-ready [data-reveal="fade"] { transform: none; }

html.eco-reveal-ready [data-reveal].is-visible,
html.eco-reveal-ready .reveal.is-visible,
html.eco-reveal-ready .reveal-left.is-visible,
html.eco-reveal-ready .reveal-right.is-visible,
html.eco-reveal-ready .reveal-scale.is-visible {
  opacity: 1;
  transform: none;
}

[data-reveal-group] > [data-reveal] {
  transition-delay: calc(var(--item-index, 0) * 70ms);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  html.eco-reveal-ready [data-reveal],
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-scale {
    opacity: 1 !important;
    transform: none !important;
  }
}