.cx-reveal[data-state=pre]{opacity:0;transform:translateY(18px)}.cx-reveal{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--cx-d,0s)}.cx-reveal[data-state=in]{opacity:1;transform:none}.cx-hero{isolation:isolate;position:relative;overflow:hidden}.cx-hero:before,.cx-hero:after{content:"";z-index:-1;filter:blur(70px);opacity:.45;pointer-events:none;border-radius:9999px;position:absolute}.cx-hero:before{inset-inline-start:-8rem;background:var(--cx-a,var(--color-primary,#6366f1));width:28rem;height:28rem;animation:18s ease-in-out infinite alternate cx-drift;top:-12rem}.cx-hero:after{inset-inline-end:-6rem;background:var(--cx-b,#22d3ee);opacity:.3;width:24rem;height:24rem;animation:22s ease-in-out infinite alternate-reverse cx-drift;top:-4rem}.cx-grid-bg{z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(to right, color-mix(in oklab, currentColor 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, currentColor 7%, transparent) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 20%,#0000 70%);mask-image:radial-gradient(at 50% 0,#000 20%,#0000 70%)}@keyframes cx-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(3rem,2rem)scale(1.15)}}.cx-float{animation:6s ease-in-out infinite cx-bob}@keyframes cx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cx-ring{position:relative}.cx-ring:after{content:"";border-radius:inherit;border:2px solid var(--cx-a,var(--color-primary,#6366f1));opacity:0;animation:3.6s ease-out infinite cx-pulse;position:absolute;inset:-6px;transform:scale(.92)}@keyframes cx-pulse{0%{opacity:.55;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.18)}}.cx-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.cx-card:hover,.cx-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 40px -18px #00000059}.cx-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff24,#0000);background:linear-gradient(90deg,#0000,lab(100% -.0000298023 .0000119209/.14),#0000);transition:transform .8s;position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.cx-card:hover:after{transform:translate(120%)skew(-18deg)}[dir=rtl] .cx-card:after{transform:translate(120%)skew(18deg)}[dir=rtl] .cx-card:hover:after{transform:translate(-120%)skew(18deg)}.cx-stage-in{animation:.55s cubic-bezier(.2,.7,.2,1) both cx-stage}@keyframes cx-stage{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.cx-line{animation:.5s both cx-line;animation-delay:var(--cx-d,0s)}@keyframes cx-line{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}[dir=rtl] .cx-line{animation-name:cx-line-rtl}@keyframes cx-line-rtl{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.cx-caret:after{content:"";vertical-align:-2px;background:currentColor;width:2px;height:1.05em;margin-inline-start:2px;animation:1.1s step-end infinite cx-blink;display:inline-block}@keyframes cx-blink{50%{opacity:0}}.cx-ba-handle{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #00000026,0 0 18px #00000059}.cx-ba-knob{color:#111;pointer-events:none;background:#fff;border-radius:9999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0000004d}@media (prefers-reduced-motion:reduce){.cx-reveal[data-state=pre]{opacity:1;transform:none}.cx-reveal,.cx-card,.cx-card:after{transition:none}.cx-hero:before,.cx-hero:after,.cx-float,.cx-ring:after,.cx-stage-in,.cx-line,.cx-caret:after{animation:none}.cx-card:hover,.cx-card:focus-within{transform:none}}