.border-beam{position:relative}.border-beam__glow,.border-beam__ring{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.border-beam__glow{z-index:2;mix-blend-mode:screen}.border-beam__glow .border-beam__spark{filter:blur(10px)}.border-beam__ring{z-index:20;-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.border-beam__spark{aspect-ratio:1;width:max(220%,220px);animation:border-beam-spin var(--border-beam-duration,3.1s) linear infinite;will-change:transform;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes border-beam-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.border-beam__spark{animation:none}}