@layer component{.borderBeam{--border-width:1.5;pointer-events:none;border-radius:inherit;border:calc(var(--border-width)*1px) solid #0000;-webkit-mask-composite:source-in,xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);-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:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.borderBeam:after{--duration:12;--delay:-11s;--color-from:#b766cf;--color-to:#78c3af;--anchor:90;--size:250;aspect-ratio:1;width:calc(var(--size)*1px);animation:borderBeam__move calc(var(--duration)*1s) infinite linear;animation-delay:var(--delay);background:linear-gradient(to left,var(--color-to),var(--color-from),#78c3af26,#78c3af00);offset-anchor:calc(var(--anchor)*1%) 50%;content:"";offset-path:rect(0 auto auto 0 round calc(var(--size)*1px));position:absolute}}@keyframes borderBeam__move{to{offset-distance:100%}}