@view-transition { navigation: auto; }

::view-transition-old(root) {
  animation: v5-document-out 110ms ease both;
}

::view-transition-new(root) {
  animation: v5-document-in 180ms cubic-bezier(.2,.7,.2,1) both;
}

@keyframes v5-document-out {
  to { opacity:.96; transform:translateY(-2px); }
}

@keyframes v5-document-in {
  from { opacity:.92; transform:translateY(6px); }
  to { opacity:1; transform:translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation:none; }
}