@view-transition{navigation:auto}::view-transition-old(root){animation:fade-out .25s ease-out forwards}::view-transition-new(root){animation:fade-in .35s ease-out forwards}::view-transition-old(root){animation:slide-out-left .3s cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(root){animation:slide-in-right .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-3%)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(3%)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation:none}}