@property --beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.border-beam{--beam-rgb:96, 165, 250;--beam-highlight-rgb:219, 234, 254;position:relative}.border-beam:after{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 54%, rgba(var(--beam-rgb), .15) 58%, rgba(var(--beam-rgb), .6) 63%, rgba(var(--beam-highlight-rgb), .95) 67%, rgba(var(--beam-rgb), .6) 71%, rgba(var(--beam-rgb), .15) 75%, transparent 80%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:14s linear infinite border-beam-spin;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}@keyframes border-beam-spin{to{--beam-angle:360deg}}@media (prefers-reduced-motion:reduce){.border-beam:after{animation:none}}.border-beam--glint:after{background:conic-gradient(from var(--beam-angle), transparent 0%, rgba(var(--beam-rgb), .12) 5%, rgba(var(--beam-rgb), .5) 10%, rgba(var(--beam-highlight-rgb), .9) 12.5%, rgba(var(--beam-rgb), .5) 15%, rgba(var(--beam-rgb), .12) 20%, transparent 25%, transparent 50%, rgba(var(--beam-rgb), .08) 55%, rgba(var(--beam-rgb), .3) 60%, rgba(var(--beam-highlight-rgb), .55) 62.5%, rgba(var(--beam-rgb), .3) 65%, rgba(var(--beam-rgb), .08) 70%, transparent 75%, transparent 100%);padding:1px;animation:none;inset:-1px}