@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}html[data-nav-dir]{overflow:hidden}html[data-nav-dir=forward]::view-transition-old(root){animation-name:prelaunch-slide-out-left}html[data-nav-dir=forward]::view-transition-new(root){animation-name:prelaunch-slide-in-right}html[data-nav-dir=backward]::view-transition-old(root){animation-name:prelaunch-slide-out-right}html[data-nav-dir=backward]::view-transition-new(root){animation-name:prelaunch-slide-in-left}@keyframes prelaunch-slide-out-left{to{transform:translate(-100%)}}@keyframes prelaunch-slide-in-right{0%{transform:translate(100%)}}@keyframes prelaunch-slide-out-right{to{transform:translate(100%)}}@keyframes prelaunch-slide-in-left{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){html[data-nav-dir]{overflow:auto}::view-transition-group(root){animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}