@view-transition{navigation:auto}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.61,1,.88,1)}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(page-content){animation:slide-out-left .3s cubic-bezier(.61,1,.88,1)}::view-transition-new(page-content){animation:slide-in-right .3s cubic-bezier(.61,1,.88,1)}@keyframes slide-out-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-20px);opacity:0}}@keyframes slide-in-right{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}