@media (prefers-reduced-motion: no-preference) {
  .module-entrance-pending:not(:focus-within) {
    opacity: 0;
    translate: 0 18px;
  }

  .module-entrance-active:not(:focus-within) {
    animation: module-fade-up 560ms cubic-bezier(.2,.65,.3,1) both;
    animation-delay: var(--module-entrance-delay, 0ms);
  }

  @keyframes module-fade-up {
    from { opacity: 0; translate: 0 18px; }
    to { opacity: 1; translate: 0 0; }
  }
}
