.is-style-fade-up,
.is-style-fade-in {
  transition-duration: var(--wp--custom--animation--duration);
  transition-property: opacity, transform;
  transition-timing-function: var(--wp--custom--animation--easing);
}

/*
 * Hidden until Intersection Observer adds .is-in-view.
 * Scoped to .wp-site-blocks so the editor canvas stays visible.
 * scripting: enabled keeps content visible if JS is off.
 */
@media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
  .wp-site-blocks .is-style-fade-up:not(.is-in-view) {
    opacity: 0;
    transform: translateY(var(--wp--custom--animation--offset));
  }

  .wp-site-blocks .is-style-fade-in:not(.is-in-view) {
    opacity: 0;
  }
}