@property --beam-angle{syntax:"<angle>";initial-value:0deg;inherits:true}.border-beam{--beam-rgb:96,165,250;--beam-highlight-rgb:219,234,254;position:relative}.border-beam:after{content:"";position:absolute;inset:0;z-index:2;padding:1.5px;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:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:border-beam-spin 14s linear infinite}@keyframes border-beam-spin{to{--beam-angle:360deg}}@media (prefers-reduced-motion:reduce){.border-beam:after{animation:none}}