/* JavaScript enables this initial state only after successful initialization. */
[data-reveal].is-reveal-ready {
  opacity: var(--reveal-initial-opacity, 0);
  transform: translateY(var(--reveal-distance, 32px));
}

[data-reveal].is-reveal-ready.is-revealed {
  opacity: 1;
  transform: none;
  transition:
    opacity var(--reveal-duration, 800ms) var(--reveal-easing, ease),
    transform var(--reveal-duration, 800ms) var(--reveal-easing, ease);
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-reveal].is-reveal-ready,
  [data-reveal].is-reveal-ready.is-revealed {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}