/* Snapshot the content only; the header and background remain steady. */
#app{view-transition-name:choice-page}
::view-transition-group(choice-page){animation-duration:280ms}
::view-transition-old(choice-page){animation:choice-leave 220ms ease-out both;mix-blend-mode:normal}
::view-transition-new(choice-page){animation:choice-enter 280ms cubic-bezier(.2,.65,.3,1) both;mix-blend-mode:normal}
@keyframes choice-leave{from{opacity:1}to{opacity:0}}
@keyframes choice-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 ::view-transition-group(choice-page),::view-transition-old(choice-page),::view-transition-new(choice-page){animation:none!important}
}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}