@media (prefers-reduced-motion: no-preference) {
  main {
    animation: braza-page-enter 180ms ease-out;
    will-change: opacity, transform;
  }

  body.pt-leaving main {
    animation: none;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 160ms ease-out, transform 160ms ease-out;
  }

  @keyframes braza-page-enter {
    from {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}