@view-transition { navigation: auto; }

html { scrollbar-gutter: stable; }

::view-transition-group(root) { animation: none; }
::view-transition-image-pair(root) { isolation: isolate; }
::view-transition-old(root) { animation: none; opacity: 1; mix-blend-mode: normal; }
::view-transition-new(root) { animation: archive-page-in 140ms ease-out both; opacity: 1; mix-blend-mode: normal; }
::view-transition { pointer-events: none; }

@keyframes archive-page-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}