@view-transition{navigation:auto}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-from-left{0%{transform:translateX(-300px)}}@keyframes slide-to-right{to{transform:translateX(300px)}}@keyframes slide-from-right{0%{transform:translateX(300px)}}@keyframes slide-to-left{to{transform:translateX(-300px)}}html:active-view-transition-type(forwards)::view-transition-old(root){animation:fade-out .3s cubic-bezier(.4,0,1,1) both,slide-to-left .3s cubic-bezier(.4,0,.2,1) both}html:active-view-transition-type(forwards)::view-transition-new(root){animation:fade-in .7s cubic-bezier(0,0,.2,1) 90ms both,slide-from-right .7s cubic-bezier(.4,0,.2,1) both}html:active-view-transition-type(backwards)::view-transition-old(root){animation:fade-out .3s cubic-bezier(.4,0,1,1) both,slide-to-right .3s cubic-bezier(.4,0,.2,1) both}html:active-view-transition-type(backwards)::view-transition-new(root){animation:fade-in .7s cubic-bezier(0,0,.2,1) 90ms both,slide-from-left .7s cubic-bezier(.4,0,.2,1) both}html:active-view-transition-type(reload)::view-transition-old(root){animation-name:fade-out,scale-down}html:active-view-transition-type(reload)::view-transition-new(root){animation-delay:.25s;animation-name:fade-in,scale-up}