@keyframes dev-particles-veil{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(2%,2%,0) scale(1.06)}to{transform:translate3d(-1%,1%,0) scale(.98)}}@keyframes dev-particles-glow{0%{transform:translateZ(0) scale(.96);opacity:.45}50%{transform:translate3d(2%,-4%,0) scale(1.06);opacity:.75}to{transform:translate3d(-1%,2%,0) scale(1);opacity:.52}}@keyframes dev-particles-cursor-ring{0%{opacity:.5;transform:translate3d(-50%,-50%,0) scale(.8)}65%{opacity:.18}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.18)}}@keyframes dev-particles-cursor-click-pulse{0%{opacity:.9;transform:translate3d(-50%,-50%,0) scale(.28)}45%{opacity:.42}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(2.35)}}:is(html[data-env=development],html[data-env=preview]) .dev-particles-shell{overflow:hidden;isolation:isolate}:is(html[data-env=development],html[data-env=preview]) .dev-particles-shell:before{content:"";position:absolute;inset:-12%;background:radial-gradient(circle at 18% 22%,color-mix(in oklab,currentColor 16%,transparent),transparent 30%),radial-gradient(circle at 78% 18%,color-mix(in oklab,currentColor 13%,transparent),transparent 28%),radial-gradient(circle at 52% 84%,color-mix(in oklab,currentColor 11%,transparent),transparent 34%);animation:dev-particles-veil 24s ease-in-out infinite}:is(html[data-env=development],html[data-env=preview]) .dev-particles-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(243,237,255,.075),rgba(248,245,255,.02))}:is(html[data-env=development],html[data-env=preview]) .dev-particles-glow{position:absolute;border-radius:9999px;filter:blur(110px);animation:dev-particles-glow 20s ease-in-out infinite}:is(html[data-env=development],html[data-env=preview]) .dev-particles-glow-left{top:-8vh;left:-6vw;width:34vw;height:34vw;background:color-mix(in oklab,currentColor 22%,transparent)}:is(html[data-env=development],html[data-env=preview]) .dev-particles-glow-right{top:4vh;right:-8vw;width:28vw;height:28vw;background:color-mix(in oklab,currentColor 18%,transparent);animation-delay:-7s}:is(html[data-env=development],html[data-env=preview]) .dev-particles-glow-bottom{bottom:-14vh;left:26vw;width:40vw;height:40vw;background:color-mix(in oklab,currentColor 15%,transparent);animation-delay:-12s}:is(html[data-env=development],html[data-env=preview]) .dev-particles-canvas,:is(html[data-env=development],html[data-env=preview]) .dev-particles-canvas canvas,:is(html[data-env=development],html[data-env=preview]) .dev-particles-canvas>div{position:absolute!important;inset:0;width:100%!important;height:100%!important}:is(html[data-env=development],html[data-env=preview]) .dev-particles-canvas canvas{opacity:.5;filter:blur(.15px) saturate(1.14);mix-blend-mode:multiply}:is(html[data-env=development],html[data-env=preview]) .dev-particles-cursor-effect{position:absolute;width:32px;height:32px;transform:translate3d(-50%,-50%,0);will-change:left,top}:is(html[data-env=development],html[data-env=preview]) .dev-particles-cursor-effect-click-pulse,:is(html[data-env=development],html[data-env=preview]) .dev-particles-cursor-effect-core,:is(html[data-env=development],html[data-env=preview]) .dev-particles-cursor-effect-ring{position:absolute;top:50%;left:50%;border-radius:9999px;pointer-events:none}:is(html[data-env=development],html[data-env=preview]) .dev-particles-cursor-effect-core{width:10px;height:10px;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,color-mix(in oklab,white 72%,currentColor 28%) 0,color-mix(in oklab,white 32%,currentColor 68%) 48%,color-mix(in oklab,currentColor 68%,transparent) 100%);box-shadow:0 0 0 1px color-mix(in oklab,white 24%,currentColor 76%),0 0 10px color-mix(in oklab,currentColor 28%,transparent),0 0 18px color-mix(in oklab,currentColor 20%,transparent)}:is(html[data-env=development],html[data-env=preview]) .dev-particles-cursor-effect-ring{width:28px;height:28px;border:1px solid color-mix(in oklab,currentColor 48%,transparent);background:radial-gradient(circle,color-mix(in oklab,currentColor 12%,transparent),transparent 72%);animation:dev-particles-cursor-ring 1.8s ease-out infinite}:is(html[data-env=development],html[data-env=preview]) .dev-particles-cursor-effect-click-pulse{width:46px;height:46px;transform:translate3d(-50%,-50%,0) scale(.28);background:radial-gradient(circle,color-mix(in oklab,white 24%,currentColor 76%) 0,color-mix(in oklab,currentColor 36%,transparent) 24%,color-mix(in oklab,currentColor 18%,transparent) 52%,transparent 76%);filter:blur(1.5px);box-shadow:0 0 22px color-mix(in oklab,currentColor 42%,transparent),0 0 42px color-mix(in oklab,currentColor 22%,transparent);mix-blend-mode:screen;animation:dev-particles-cursor-click-pulse .52s cubic-bezier(.18,.7,.22,1) forwards}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-shell:before,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-shell:before{background:radial-gradient(circle at 18% 22%,color-mix(in oklab,currentColor 18%,transparent),transparent 30%),radial-gradient(circle at 78% 18%,color-mix(in oklab,currentColor 14%,transparent),transparent 28%),radial-gradient(circle at 52% 84%,color-mix(in oklab,currentColor 12%,transparent),transparent 34%)}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-shell:after,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-shell:after{background:linear-gradient(180deg,rgba(18,11,25,.18),rgba(9,7,14,.06))}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-glow-left,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-glow-left{background:color-mix(in oklab,currentColor 24%,transparent)}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-glow-right,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-glow-right{background:color-mix(in oklab,currentColor 19%,transparent)}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-glow-bottom,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-glow-bottom{background:color-mix(in oklab,currentColor 16%,transparent)}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-canvas canvas,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-canvas canvas{opacity:.92;mix-blend-mode:screen}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-cursor-effect-core,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-cursor-effect-core{box-shadow:0 0 0 1px color-mix(in oklab,white 18%,currentColor 82%),0 0 12px color-mix(in oklab,currentColor 36%,transparent),0 0 22px color-mix(in oklab,currentColor 24%,transparent)}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-cursor-effect-ring,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-cursor-effect-ring{border-color:color-mix(in oklab,currentColor 58%,transparent);background:radial-gradient(circle,color-mix(in oklab,currentColor 16%,transparent),transparent 72%)}:is(html[data-env=development],html[data-env=preview]) .dark .dev-particles-cursor-effect-click-pulse,:is(html[data-env=development],html[data-env=preview]).dark .dev-particles-cursor-effect-click-pulse{background:radial-gradient(circle,color-mix(in oklab,white 18%,currentColor 82%) 0,color-mix(in oklab,currentColor 44%,transparent) 24%,color-mix(in oklab,currentColor 24%,transparent) 52%,transparent 76%);box-shadow:0 0 26px color-mix(in oklab,currentColor 54%,transparent),0 0 48px color-mix(in oklab,currentColor 28%,transparent)}@media (prefers-reduced-motion:reduce){:is(html[data-env=development],html[data-env=preview]) .dev-particles-glow,:is(html[data-env=development],html[data-env=preview]) .dev-particles-shell:before{animation:none}:is(html[data-env=development],html[data-env=preview]) .dev-particles-foreground{display:none}}