:root{--vt-duration-exit:.15s;--vt-duration-enter:.21s;--vt-duration-move:.4s}@keyframes vt-fade{0%{opacity:0}to{opacity:1}}@keyframes vt-slide{0%{translate:var(--slide-offset)}to{translate:0}}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}::view-transition{pointer-events:none}::view-transition-old(.fade-out){animation:var(--vt-duration-exit) ease-in vt-fade reverse}::view-transition-new(.fade-in){animation:var(--vt-duration-enter) ease-out var(--vt-duration-exit) both vt-fade}::view-transition-old(.nav-forward){--slide-offset:-60px;animation:var(--vt-duration-exit) ease-in both vt-fade reverse, var(--vt-duration-move) ease-in-out both vt-slide reverse}::view-transition-new(.nav-forward){--slide-offset:60px;animation:var(--vt-duration-enter) ease-out var(--vt-duration-exit) both vt-fade, var(--vt-duration-move) ease-in-out both vt-slide}::view-transition-old(.nav-back){--slide-offset:60px;animation:var(--vt-duration-exit) ease-in both vt-fade reverse, var(--vt-duration-move) ease-in-out both vt-slide reverse}::view-transition-new(.nav-back){--slide-offset:-60px;animation:var(--vt-duration-enter) ease-out var(--vt-duration-exit) both vt-fade, var(--vt-duration-move) ease-in-out both vt-slide}::view-transition-group(.morph){animation-duration:var(--vt-duration-move);z-index:1}::view-transition-image-pair(.morph){animation-name:vt-via-blur}@keyframes vt-via-blur{30%{filter:blur(3px)}}::view-transition-group(bottom-nav){z-index:100;animation:none}::view-transition-old(bottom-nav){display:none}::view-transition-new(bottom-nav){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}