::view-transition-old(.nav-forward){animation:.16s ease-in both host-out-left}::view-transition-new(.nav-forward){animation:.22s ease-out both host-in-right}::view-transition-old(.nav-back){animation:.16s ease-in both host-out-right}::view-transition-new(.nav-back){animation:.22s ease-out both host-in-left}@keyframes host-out-left{to{opacity:0;transform:translate(-24px)}}@keyframes host-out-right{to{opacity:0;transform:translate(24px)}}@keyframes host-in-right{0%{opacity:0;transform:translate(24px)}}@keyframes host-in-left{0%{opacity:0;transform:translate(-24px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}