@view-transition { navigation: auto; }

::view-transition-old(root) {
  animation: mwl-sw-aus 160ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
::view-transition-new(root) {
  animation: mwl-sw-ein 300ms cubic-bezier(0.23, 1, 0.32, 1) both;
}

@keyframes mwl-sw-aus { to { opacity: 0; } }
@keyframes mwl-sw-ein {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-new(root) { animation-name: mwl-sw-blende; animation-duration: 160ms; }
  @keyframes mwl-sw-blende { from { opacity: 0; } }
}