@property --kit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes kit-spin{to{--kit-angle:360deg}}.kit-beam{isolation:isolate;position:relative}.kit-beam:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--kit-angle), transparent 0deg, transparent 250deg, #60a5fa 300deg, #818cf8 330deg, transparent 360deg);-webkit-mask-composite:xor;padding:1px;animation:5s linear infinite kit-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes kit-marquee{to{transform:translate(-50%)}}.kit-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.kit-marquee__track{width:max-content;animation:kit-marquee var(--kit-duration,40s) linear infinite;display:flex}.kit-marquee[data-reverse=true] .kit-marquee__track{animation-direction:reverse}.kit-marquee:hover .kit-marquee__track{animation-play-state:paused}.kit-grid{background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 100%)}.kit-grid[data-theme=dark]{background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px)}.kit-grid[data-theme=light]{background-image:linear-gradient(90deg,#0f172a12 1px,#0000 1px),linear-gradient(#0f172a12 1px,#0000 1px)}.kit-dots[data-theme=dark]{background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:18px 18px}.kit-dots[data-theme=light]{background-image:radial-gradient(#0f172a1f 1px,#0000 1px);background-size:18px 18px}@keyframes kit-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}.kit-shimmer{background-image:linear-gradient(110deg,#1d4ed8 0%,#2563eb 40%,#93c5fd 50%,#2563eb 60%,#1d4ed8 100%);background-size:200% 100%;animation:3s linear infinite kit-shimmer}@media (prefers-reduced-motion:reduce){.kit-beam:before,.kit-marquee__track,.kit-shimmer{animation:none}}@keyframes kit-enter{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}.kit-enter{animation:.35s cubic-bezier(.22,1,.36,1) both kit-enter}@media (prefers-reduced-motion:reduce){.kit-enter{animation:none}}.kit-beam-hover{isolation:isolate;position:relative}.kit-beam-hover:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--kit-angle), transparent 0deg, transparent 250deg, #60a5fa 300deg, #818cf8 330deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .3s;animation:3s linear infinite kit-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.kit-beam-hover:hover:before{opacity:1}