@view-transition { navigation: auto; }
::view-transition-group(root) { animation-duration: .2s; }
::view-transition-old(root) { animation: reac-view-out .16s ease-out both; }
::view-transition-new(root) { animation: reac-view-in .22s ease-out both; }
::view-transition { pointer-events: none; }
@keyframes reac-view-out { to { opacity: 0; } }
@keyframes reac-view-in { from { opacity: 0; transform: translateY(5px); } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}