/* State and motion shared by the reconstructed React components. */
.ui-reveal--static {
  opacity: var(--reveal-from-opacity, 0);
  transform: var(--reveal-from-transform, translateY(25px));
  transition: opacity 700ms ease, transform 700ms ease;
  transition-delay: var(--reveal-delay, 0ms);
}
.ui-reveal--static.is-visible { opacity: 1; transform: none; }
@media (min-width: 680px) {
  .ui-reveal--responsive-fly { transform: var(--reveal-wide-transform); }
}
.ui-word-reveal__word {
  display: inline-block;
  opacity: 0.001;
  filter: blur(10px);
  transform: translateY(15px);
  transition: opacity 700ms ease, filter 700ms ease, transform 700ms ease;
  transition-delay: var(--word-delay, 0ms);
}
.ui-word-reveal.is-visible > .ui-word-reveal__word { opacity: 1; filter: none; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .ui-reveal--static, .ui-word-reveal__word { opacity: 1; filter: none; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}