/* Crossfade the actual outgoing and incoming pages, with no interstitial. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:both}
::view-transition-old(root){animation-name:page-fade-out}
::view-transition-new(root){animation-name:page-fade-in}
@keyframes page-fade-out{from{opacity:1}to{opacity:0}}
@keyframes page-fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
}