html.app-loading body {
  visibility: hidden;
  pointer-events: none;
}

@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) {
    animation: 120ms ease-out both app-page-fade-out;
  }

  ::view-transition-new(root) {
    animation: 160ms ease-out both app-page-fade-in;
  }
}

@keyframes app-page-fade-out {
  to { opacity: 0.96; }
}

@keyframes app-page-fade-in {
  from { opacity: 0; }
}