html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  .staecore-reveal {
    opacity: 1;
    transform: none;
  }

  .staecore-reveal.is-visible {
    animation: staecore-reveal-soft .72s cubic-bezier(.2, .72, .28, 1) both;
  }

  .staecore-reveal.reveal-left.is-visible {
    animation-name: staecore-reveal-left;
  }

  .staecore-reveal.reveal-right.is-visible {
    animation-name: staecore-reveal-right;
  }

  .staecore-reveal.reveal-scale.is-visible {
    animation-name: staecore-reveal-scale;
  }

  @keyframes staecore-reveal-soft {
    from { opacity: .28; transform: translate3d(0, 14px, 0); }
    to { opacity: 1; transform: none; }
  }

  @keyframes staecore-reveal-left {
    from { opacity: .28; transform: translate3d(-22px, 0, 0); }
    to { opacity: 1; transform: none; }
  }

  @keyframes staecore-reveal-right {
    from { opacity: .28; transform: translate3d(22px, 0, 0); }
    to { opacity: 1; transform: none; }
  }

  @keyframes staecore-reveal-scale {
    from { opacity: .28; transform: translate3d(0, 12px, 0) scale(.985); }
    to { opacity: 1; transform: none; }
  }
}

@media (prefers-reduced-motion: reduce) {
  .staecore-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}