@view-transition{navigation:auto}
::view-transition-old(root){animation:document-out 160ms cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:document-in 340ms cubic-bezier(0,0,.2,1) both}
[data-document-page]>main{animation:document-in 450ms cubic-bezier(0,0,.2,1) both}
@keyframes document-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes document-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes document-fade-in{from{opacity:0}to{opacity:1}}@keyframes document-fade-out{to{opacity:0}}
@media(prefers-reduced-motion:reduce){[data-document-page]>main,::view-transition-new(root){animation-name:document-fade-in;animation-duration:100ms}::view-transition-old(root){animation-name:document-fade-out;animation-duration:100ms}}