.stagger-fade-up,
.suite-stagger-fade-up {
  --stagger-step: 200ms;
  --stagger-duration: 800ms;
  --stagger-distance: 32px;
  --stagger-ease: cubic-bezier(0.33, 1, 0.68, 1);
}

.suite-stagger-active .stagger-fade-up > *,
.suite-stagger-active .suite-stagger-fade-up > * {
  opacity: 0;
  transform: translate3d(0, var(--stagger-distance), 0);
  transition-property: opacity, transform;
  transition-duration: var(--stagger-duration), var(--stagger-duration);
  transition-timing-function: var(--stagger-ease), var(--stagger-ease);
  transition-delay: var(--suite-stagger-delay, 0ms), var(--suite-stagger-delay, 0ms);
}

.suite-stagger-active .stagger-fade-up > *.suite-stagger-visible,
.suite-stagger-active .suite-stagger-fade-up > *.suite-stagger-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .stagger-fade-up > *,
  .suite-stagger-fade-up > * {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }
}