@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:420ms}
::view-transition-old(root){animation:mdc-depth-out 280ms cubic-bezier(.2,.7,.2,1) both;transform-origin:12% 50%;mix-blend-mode:normal}
::view-transition-new(root){animation:mdc-depth-in 420ms cubic-bezier(.2,.7,.2,1) both;transform-origin:88% 50%;mix-blend-mode:normal}
@keyframes mdc-depth-out{from{opacity:1;transform:perspective(1400px) translateZ(0) rotateY(0)}to{opacity:0;transform:perspective(1400px) translateX(-1.5vw) translateZ(-100px) rotateY(-5deg)}}
@keyframes mdc-depth-in{from{opacity:0;transform:perspective(1400px) translateX(1.5vw) translateZ(-100px) rotateY(5deg)}to{opacity:1;transform:perspective(1400px) translateZ(0) rotateY(0)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}