@view-transition{navigation:auto}::view-transition-old(root){animation:.15s cubic-bezier(.4,0,1,1) fade-out}::view-transition-new(root){animation:.2s cubic-bezier(0,0,.2,1) fade-in}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){::view-transition-old(root){animation:.2s cubic-bezier(.4,0,1,1) slide-out-left}::view-transition-new(root){animation:.25s cubic-bezier(0,0,.2,1) slide-in-right}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:.3;transform:translate(-30px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}}::view-transition-group(root){animation-duration:.25s}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation-duration:.01ms!important}::view-transition-new(root){animation-duration:.01ms!important}}