::view-transition-group(root){animation:fade-in .5s ease-in}::view-transition-group(old){opacity:0}::view-transition-group(new){opacity:1}::view-transition-old(root){animation:90ms cubic-bezier(.4,0,1,1) both fade-out,.3s cubic-bezier(.4,0,.2,1) both slide-to-left}::view-transition-new(root){animation:.21s cubic-bezier(0,0,.2,1) 90ms both fade-in,.3s cubic-bezier(.4,0,.2,1) both slide-from-right}.back-transition::view-transition-old(root){animation-name:fade-out,slide-to-right}.back-transition::view-transition-new(root){animation-name:fade-in,slide-from-left}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}