::view-transition-old(root){animation-duration:var(--motion-slow);animation-timing-function:var(--motion-ease)}::view-transition-new(root){animation-duration:var(--motion-slow);animation-timing-function:var(--motion-ease)}:root[data-nav-direction=forward]::view-transition-old(root){animation-name:push-out-old}:root[data-nav-direction=forward]::view-transition-new(root){animation-name:push-in-new}:root[data-nav-direction=back]::view-transition-old(root){z-index:1;animation-name:pop-out-old}:root[data-nav-direction=back]::view-transition-new(root){animation-name:pop-in-new}@keyframes push-in-new{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes push-out-old{0%{transform:translate(0)}to{transform:translate(-30%)}}@keyframes pop-in-new{0%{transform:translate(-30%)}to{transform:translate(0)}}@keyframes pop-out-old{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}