@view-transition{navigation:auto}body[data-ui-env=preview]{--vc-safe-transition-duration: var(--vc-motion-duration-fast);--vc-safe-transition-ease: ease}body[data-ui-env=preview] .vc-safe-transition{transition:background-color var(--vc-safe-transition-duration) var(--vc-safe-transition-ease),background var(--vc-safe-transition-duration) var(--vc-safe-transition-ease),border-color var(--vc-safe-transition-duration) var(--vc-safe-transition-ease),box-shadow var(--vc-safe-transition-duration) var(--vc-safe-transition-ease),color var(--vc-safe-transition-duration) var(--vc-safe-transition-ease),opacity var(--vc-safe-transition-duration) var(--vc-safe-transition-ease),transform var(--vc-safe-transition-duration) var(--vc-safe-transition-ease)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--vc-motion-duration-view-transition, .32s);animation-timing-function:var(--vc-page-ease)}body[data-ui-env=preview] .vc-page-stage{opacity:1;transform:translateZ(0) scale(1);filter:blur(0);transition:opacity var(--vc-page-enter) var(--vc-page-ease),transform var(--vc-page-enter) var(--vc-page-ease),filter var(--vc-page-enter) var(--vc-page-ease);will-change:opacity,transform,filter}html.has-motion body[data-ui-env=preview] .vc-page-stage{opacity:0;transform:translate3d(0,12px,0) scale(.994);filter:blur(5px)}html.has-motion.is-ready body[data-ui-env=preview] .vc-page-stage{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}html.has-motion.is-leaving body[data-ui-env=preview] .vc-page-stage{opacity:0;transform:translate3d(0,-8px,0) scale(.994);filter:blur(4px);transition-duration:var(--vc-page-exit)}body[data-ui-env=preview]:after{content:"";position:fixed;inset:-10% 0;z-index:var(--vc-layer-floating);pointer-events:none;opacity:0;transform:translateY(-115%);background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,hsl(var(--primary)) 16%,transparent) 38%,transparent 76%);transition:opacity var(--vc-page-exit) var(--vc-motion-ease-standard, ease),transform var(--vc-page-exit) var(--vc-page-ease)}html.has-motion.is-leaving body[data-ui-env=preview]:after{opacity:.22;transform:translateY(0)}body[data-ui-env=preview] .typewriter-caret{display:inline-block;width:.7ch;text-align:left}@media(prefers-reduced-motion:reduce){body[data-ui-env=preview] .vc-page-stage,body[data-ui-env=preview]:after,::view-transition-old(root),::view-transition-new(root){transition:none!important;animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}
