@view-transition{navigation:auto}::view-transition-old(root){animation:.16s ease-out both beacon-route-exit}::view-transition-new(root){animation:.32s cubic-bezier(.22,1,.36,1) both beacon-route-enter}::view-transition{pointer-events:none}::view-transition-group(.beacon-forward){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(.beacon-back){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(.beacon-fade){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(.beacon-forward){animation:.16s ease-out both beacon-route-exit}::view-transition-old(.beacon-back){animation:.16s ease-out both beacon-route-exit}::view-transition-old(.beacon-fade){animation:.16s ease-out both beacon-route-exit}::view-transition-new(.beacon-forward){animation:.32s cubic-bezier(.22,1,.36,1) both beacon-route-enter}::view-transition-new(.beacon-back){animation:.32s cubic-bezier(.22,1,.36,1) both beacon-route-enter}::view-transition-new(.beacon-fade){animation:.32s cubic-bezier(.22,1,.36,1) both beacon-route-enter}::view-transition-old(.beacon-forward){--beacon-route-offset:-24px}::view-transition-new(.beacon-back){--beacon-route-offset:-24px}::view-transition-new(.beacon-forward){--beacon-route-offset:24px}::view-transition-old(.beacon-back){--beacon-route-offset:24px}@keyframes beacon-route-exit{to{opacity:0;translate:var(--beacon-route-offset,0) 0}}@keyframes beacon-route-enter{0%{opacity:0;translate:var(--beacon-route-offset,0) 0}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}