/* Same-origin document transitions: graceful fallback on older browsers. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: 110ms ease-in both fade-out-page; }
::view-transition-new(root) { animation: 150ms ease-out both fade-in-page; }
@keyframes fade-out-page { to { opacity: 0; } }
@keyframes fade-in-page { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.01ms; }
}