@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:90deg}.glow-border{z-index:10;pointer-events:none;opacity:0;border-radius:1.1rem;transition:opacity .7s;position:absolute;inset:-4px}.glow-border:before,.glow-border:after{content:" ";border-radius:inherit;background:conic-gradient(from var(--gradient-angle), transparent 0deg, #6420aa 60deg, #9d6ef0 120deg, #ff3ea5 180deg, #9d6ef0 240deg, #6420aa 300deg, transparent 360deg);-webkit-mask-composite:xor;padding:2px;animation:3s linear infinite rotate-glow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.glow-border:before{filter:blur()}.glow-border:after{filter:blur(1rem);opacity:.7;padding:3px}@keyframes rotate-glow{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}