.shell-main{view-transition-name:shell-main}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(shell-main){animation-duration:0s}::view-transition-group(shell-sidebar){animation-duration:0s}::view-transition-group(shell-topbar){animation-duration:0s}::view-transition-group(shell-footer){animation-duration:0s}::view-transition-old(shell-sidebar){animation:none}::view-transition-new(shell-sidebar){animation:none}::view-transition-old(shell-topbar){animation:none}::view-transition-new(shell-topbar){animation:none}::view-transition-old(shell-footer){animation:none}::view-transition-new(shell-footer){animation:none}::view-transition-group(shell-sidebar){z-index:12}::view-transition-group(shell-topbar){z-index:20}::view-transition-group(shell-footer){z-index:10}@keyframes page-enter-right{0%{opacity:0;transform:translate(24px)}}@keyframes page-enter-left{0%{opacity:0;transform:translate(-24px)}}@keyframes page-exit-left{to{opacity:0;transform:translate(-24px)}}@keyframes page-exit-right{to{opacity:0;transform:translate(24px)}}::view-transition-old(shell-main){animation:.1s ease-in both page-exit-left}::view-transition-new(shell-main){animation:.3s ease-out both page-enter-right}[data-nav-direction=back]::view-transition-old(shell-main){animation:.1s ease-in both page-exit-right}[data-nav-direction=back]::view-transition-new(shell-main){animation:.3s ease-out both page-enter-left}@media (prefers-reduced-motion){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}