.lib-motion-ready .lib-reveal {
  opacity: 0;
  transform: translate3d(0, var(--lib-motion-distance-md), 0);
  transition:
    opacity var(--lib-motion-duration-entry) var(--lib-motion-ease-emphasis),
    transform var(--lib-motion-duration-entry) var(--lib-motion-ease-emphasis);
}

.lib-motion-ready .lib-reveal[data-motion-variant="fade"] {
  transform: none;
}

.lib-motion-ready .lib-reveal[data-motion-variant="scale"] {
  transform: scale(var(--lib-motion-scale-enter));
}

.lib-motion-ready .lib-reveal[data-motion-variant="left"] {
  transform: translate3d(calc(var(--lib-motion-distance-md) * -1), 0, 0);
}

.lib-motion-ready .lib-reveal[data-motion-variant="right"] {
  transform: translate3d(var(--lib-motion-distance-md), 0, 0);
}

.lib-motion-ready .lib-reveal.is-motion-visible,
.lib-motion-ready .lib-reveal.is-visible {
  opacity: 1;
  transform: none;
}

.lib-reveal-group > .lib-reveal:nth-child(2),
.lib-reveal--delay-1 {
  transition-delay: var(--lib-motion-delay-1);
}

.lib-reveal-group > .lib-reveal:nth-child(3),
.lib-reveal--delay-2 {
  transition-delay: var(--lib-motion-delay-2);
}

.lib-reveal-group > .lib-reveal:nth-child(4),
.lib-reveal--delay-3 {
  transition-delay: var(--lib-motion-delay-3);
}

.lib-reveal-group > .lib-reveal:nth-child(5),
.lib-reveal-group > .lib-reveal:nth-child(6),
.lib-reveal--delay-4 {
  transition-delay: var(--lib-motion-delay-4);
}

@media (prefers-reduced-motion: reduce) {
  .lib-motion-ready .lib-reveal,
  .lib-motion-ready .lib-reveal.is-motion-visible,
  .lib-motion-ready .lib-reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}