.electric-border{isolation:isolate;--electric-border-color:var(--color-ember);position:relative;overflow:visible}.eb-canvas-container{z-index:3;opacity:.58;pointer-events:none;transition:opacity .24s,filter .24s;position:absolute;inset:-60px;overflow:visible}.electric-border:hover .eb-canvas-container{opacity:1;filter:saturate(1.18)}.eb-canvas{pointer-events:none;display:block;position:absolute;inset:0}.eb-layers{z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.eb-glow-1,.eb-glow-2,.eb-background-glow{border-radius:inherit;opacity:0;transition:opacity .26s,transform .26s;position:absolute;inset:0}.eb-glow-1{border:1px solid color-mix(in oklab,var(--electric-border-color) 72%,transparent);box-shadow:0 0 18px color-mix(in oklab,var(--electric-border-color) 36%,transparent),inset 0 0 18px color-mix(in oklab,var(--electric-border-color) 12%,transparent)}.eb-glow-2{background:linear-gradient(135deg,color-mix(in oklab,var(--electric-border-color) 20%,transparent),transparent 36%,color-mix(in oklab,var(--electric-border-color) 10%,transparent));filter:blur(10px);inset:-1px}.eb-background-glow{background:color-mix(in oklab,var(--electric-border-color) 12%,transparent);filter:blur(34px);inset:12%}.electric-border:hover .eb-glow-1{opacity:1}.electric-border:hover .eb-glow-2{opacity:.8;transform:scale(1.02)}.electric-border:hover .eb-background-glow{opacity:1}.eb-content{z-index:2;border-radius:inherit;height:100%;position:relative}.electric-border .eb-content>*{border-radius:inherit}@media(prefers-reduced-motion:reduce){.eb-canvas-container{display:none}}