/* Shared by the React site and the standalone legal pages. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: memorix-page-out 240ms ease-out both;
}

::view-transition-new(root) {
  animation: memorix-page-in 460ms cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes memorix-page-out {
  to { opacity: 0; }
}

@keyframes memorix-page-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* A gentle entrance on legal pages in browsers without document transitions. */
@supports not (view-transition-name: root) {
  body:has(.legal-content) {
    animation: memorix-page-in 460ms ease-out both;
  }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root),
  ::view-transition-new(root),
  body:has(.legal-content) {
    animation: none;
  }
}