/* Keep normal navigation, downloads and form submissions intact. */
@view-transition { navigation: auto; }
@keyframes fs-page-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes fs-page-out { from { opacity: 1; } to { opacity: 0; } }
body { animation: fs-page-in 220ms ease-out both; }
::view-transition-old(root) { animation: fs-page-out 180ms ease-in both; }
::view-transition-new(root) { animation: fs-page-in 220ms ease-out both; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  body { animation: none; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}