html:has([data-app-frame])::view-transition-group(.app-route){animation-duration:var(--aysel-motion-duration-reveal);animation-timing-function:var(--aysel-motion-easing-standard)}html:has([data-app-frame])::view-transition-old(.app-route){animation:var(--aysel-motion-duration-fast) var(--aysel-motion-easing-accelerate) both aysel-route-out}html:has([data-app-frame])::view-transition-old(.app-route-out){animation:var(--aysel-motion-duration-fast) var(--aysel-motion-easing-accelerate) both aysel-route-out}html:has([data-app-frame])::view-transition-new(.app-route){animation:var(--aysel-motion-duration-reveal) var(--aysel-motion-easing-decelerate) both aysel-route-in}html:has([data-app-frame])::view-transition-new(.app-route-in){animation:var(--aysel-motion-duration-reveal) var(--aysel-motion-easing-decelerate) both aysel-route-in}html:has([data-app-frame])::view-transition-group(root){animation-duration:var(--aysel-motion-duration-base)}html:has([data-app-frame])::view-transition{pointer-events:none}@keyframes aysel-route-out{to{opacity:0}}@keyframes aysel-route-in{0%{opacity:0;transform:translateY(var(--aysel-motion-distance-rise))}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}