@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) {
    animation: 300ms ease-out both crossFadeOut;
  }
  ::view-transition-new(root) {
    animation: 400ms 150ms ease-out both crossFadeIn;
  }
}

@keyframes crossFadeOut {
  to {
    opacity: 0;
    transform: scale(0.98);
    filter: blur(2px);
  }
}
@keyframes crossFadeIn {
  from {
    opacity: 0;
    transform: scale(1.02);
    filter: blur(4px);
  }
}