.electric-border{--eb-color:#5227ff;--eb-border-width:4px;--eb-particle-size:24px;position:relative;border-radius:inherit;padding:4px;background:transparent;isolation:isolate}.electric-border:before{content:"";padding:var(--eb-border-width);background:linear-gradient(135deg,oklch(from var(--eb-color) calc(l + .1) c h/.4),oklch(from var(--eb-color) l c h/.3));box-shadow:0 0 10px 2px oklch(from var(--eb-color) calc(l + .1) c h/.3),inset 0 0 10px 2px oklch(from var(--eb-color) calc(l + .1) c h/.2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.eb-particles,.electric-border:before{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.eb-particles{overflow:hidden}.eb-particle{position:absolute;width:var(--eb-particle-size);height:var(--eb-particle-size);background:var(--eb-color);border-radius:50%;box-shadow:0 0 20px 4px oklch(from var(--eb-color) calc(l + .1) c h/.9),0 0 40px 8px oklch(from var(--eb-color) calc(l + .1) c h/.5),0 0 60px 12px oklch(from var(--eb-color) l c h/.3);filter:blur(.5px);margin-left:-12px;margin-top:-12px}.eb-particle--1{animation:eb-move-particle-1 var(--eb-duration-1,3.5s) linear infinite}.eb-particle--2{animation:eb-move-particle-2 var(--eb-duration-2,5s) linear infinite;animation-delay:var(--eb-delay-2,-2.5s)}@keyframes eb-move-particle-1{0%{left:0;top:0}25%{left:100%;top:0}50%{left:100%;top:100%}75%{left:0;top:100%}to{left:0;top:0}}@keyframes eb-move-particle-2{0%{left:0;top:0}25%{left:100%;top:0}50%{left:100%;top:100%}75%{left:0;top:100%}to{left:0;top:0}}.eb-content{position:relative;border-radius:inherit;z-index:1}