@property --beam-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.beam-ring,.beam-ring__glow{pointer-events:none;position:absolute;inset:0}.beam-ring:after,.beam-ring__glow:after{content:"";border-radius:inherit;background:conic-gradient(from var(--beam-ring-angle), #8291ba26, #a7bff7 25%, #65d649 50%, #a7bff7 75%, #8291ba26);-webkit-mask-composite:xor;animation:4s linear infinite beam-ring-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.beam-ring:after{opacity:.9;padding:1px}.beam-ring__glow{opacity:.75;filter:blur(16px)}.beam-ring__glow:after{padding:14px}@keyframes beam-ring-rotate{to{--beam-ring-angle:360deg}}@media (prefers-reduced-motion:reduce){.beam-ring:after,.beam-ring__glow:after{animation:none}}