@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) {
    animation: wpt-fade-out 220ms ease forwards;
  }
  ::view-transition-new(root) {
    animation: wpt-fade-in 260ms ease forwards;
  }
}

@keyframes wpt-fade-out {
  to { opacity: 0; }
}

@keyframes wpt-fade-in {
  from { opacity: 0; }
}