@media (max-width:768px){@view-transition{navigation:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (min-width:769px){@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.3s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.3s;animation-timing-function:ease-in-out}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}[style*=view-transition-name]{contain:layout}::view-transition-group(*){animation-duration:.25s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(*){animation-name:morph-out}::view-transition-new(*){animation-name:morph-in}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes morph-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes morph-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}