@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .3s ease both}
::view-transition-new(root){animation:page-in .3s ease both}
::view-transition-group(version-art){animation-duration:.8s;animation-timing-function:cubic-bezier(.22,.7,.2,1);z-index:10}
::view-transition-old(version-art),::view-transition-new(version-art){height:100%;width:100%;object-fit:cover;overflow:clip}
::view-transition-image-pair(version-art){isolation:auto}
::view-transition-old(version-art){animation:window-out .8s ease both}
::view-transition-new(version-art){animation:window-in .8s ease both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}}
@keyframes window-out{0%,35%{opacity:1}75%,100%{opacity:0}}
@keyframes window-in{0%,25%{opacity:0}65%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}