:root{--vt-shift:16px}html[dir=rtl]{--vt-shift:-16px}@keyframes vt-out-forward{to{opacity:0;transform:translateX(calc(var(--vt-shift) * -1))}}@keyframes vt-in-forward{0%{opacity:0;transform:translateX(var(--vt-shift))}}@keyframes vt-out-back{to{opacity:0;transform:translateX(var(--vt-shift))}}@keyframes vt-in-back{0%{opacity:0;transform:translateX(calc(var(--vt-shift) * -1))}}html[data-vt-direction=forward]:not([data-vt-kind=module])::view-transition-old(root){animation:vt-out-forward var(--motion-base,.22s) cubic-bezier(.32, .72, 0, 1) both}html[data-vt-direction=forward]:not([data-vt-kind=module])::view-transition-new(root){animation:vt-in-forward var(--motion-base,.22s) cubic-bezier(.32, .72, 0, 1) both}html[data-vt-direction=back]:not([data-vt-kind=module])::view-transition-old(root){animation:vt-out-back var(--motion-base,.22s) cubic-bezier(.32, .72, 0, 1) both}html[data-vt-direction=back]:not([data-vt-kind=module])::view-transition-new(root){animation:vt-in-back var(--motion-base,.22s) cubic-bezier(.32, .72, 0, 1) both}html:not([data-vt-direction]):not([data-vt-kind=module])::view-transition-old(root),html:not([data-vt-direction]):not([data-vt-kind=module])::view-transition-new(root){animation-duration:var(--motion-base,.22s)}.vt-static{view-transition-class:vt-static}::view-transition-old(*.vt-static){display:none}::view-transition-new(*.vt-static){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}