.electric-border{--electric-light-color:oklch(from var(--electric-border-color) l c h);border-radius:inherit;isolation:isolate;position:relative}.eb-canvas-container,.eb-layers{opacity:0;transition:opacity .22s}.electric-border[data-active=true] .eb-canvas-container,.electric-border[data-active=true] .eb-layers{opacity:1}.eb-canvas-container{pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-canvas{display:block}.eb-layers{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-glow-1,.eb-glow-2,.eb-overlay-1,.eb-overlay-2,.eb-background-glow{border-radius:inherit;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h / .35);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px);opacity:.55}.eb-overlay-1,.eb-overlay-2{mix-blend-mode:overlay;filter:blur(16px);background:linear-gradient(-30deg,#fff,#0000 30% 70%,#fff);transform:scale(1.1)}.eb-overlay-1{opacity:.5}.eb-overlay-2{opacity:.25}.eb-background-glow{z-index:-1;filter:blur(32px);opacity:.15;background:linear-gradient(-30deg, var(--electric-light-color), transparent, var(--electric-border-color));transform:scale(1.1)}.eb-content{border-radius:inherit;z-index:1;position:relative}
.dots-bg{pointer-events:none;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(24,1fr);display:grid;position:absolute;inset:0}.dots-bg .dot{opacity:.1;will-change:opacity, transform;background:#f5f4f1;border-radius:50%;place-self:center;width:4px;height:4px;transition:opacity .9s ease-out,transform .9s cubic-bezier(.22,1,.36,1)}.dots-bg .dot.ripple{opacity:.3;transform:scale(1.4)}.dots-bg .cursor{filter:blur(4px);will-change:transform;pointer-events:none;background:#f5c93a8c;border-radius:50%;width:14px;height:14px;transition:transform 2s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;box-shadow:0 0 10px #f5c93a40,0 0 22px #f5c93a1f}@media (prefers-reduced-motion:reduce){.dots-bg .cursor{display:none}.dots-bg .dot{opacity:.15;transition:none}.dots-bg .dot.ripple{opacity:.15;transform:none}}
