::view-transition-group(*){animation-duration:.3s;animation-timing-function:ease}::view-transition-old(*){animation-duration:.3s;animation-timing-function:ease}::view-transition-new(*){animation-duration:.3s;animation-timing-function:ease}::view-transition-group(*){animation-fill-mode:forwards}::view-transition-old(*){animation-fill-mode:forwards}::view-transition-new(*){animation-fill-mode:forwards}::view-transition-old(*){object-fit:cover;width:100%;height:100%}::view-transition-new(*){object-fit:cover;width:100%;height:100%}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}html:not(.back-navigation)::view-transition-old(main-content){animation:.3s slide-out-to-left}html:not(.back-navigation)::view-transition-new(main-content){animation:.3s slide-in-from-right}html.back-navigation::view-transition-old(main-content){animation:.3s slide-out-to-right}html.back-navigation::view-transition-new(main-content){animation:.3s slide-in-from-left}@keyframes slide-out-to-left{0%{transform:translate(0)}to{opacity:0;transform:translate(-30%)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{opacity:0;transform:translate(30%)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}::view-transition-group(main-content){animation-duration:.3s;animation-timing-function:ease}.bottom-nav-no-transition{view-transition-name:bottom-nav}::view-transition-group(bottom-nav){animation:none!important}::view-transition-old(bottom-nav){animation:none!important}::view-transition-new(bottom-nav){animation:none!important}::view-transition-old(bottom-nav){opacity:1!important;transform:none!important}::view-transition-new(bottom-nav){opacity:1!important;transform:none!important}::view-transition-group(bottom-nav){z-index:9999}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:.01ms!important}::view-transition-old(*){animation-duration:.01ms!important}::view-transition-new(*){animation-duration:.01ms!important}html:not(.back-navigation)::view-transition-old(main-content){animation-duration:.01ms!important}html:not(.back-navigation)::view-transition-new(main-content){animation-duration:.01ms!important}html.back-navigation::view-transition-old(main-content){animation-duration:.01ms!important}html.back-navigation::view-transition-new(main-content){animation-duration:.01ms!important}}