.glow-ring{z-index:0;position:relative}.glow-ring:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle,0deg),#71f5d5,#2aaca8,#c2f5f2,#00b9b0,#71f5ee);filter:blur(2px);-webkit-mask-composite:xor;pointer-events:none;opacity:0;padding:2px;transition:opacity 20s;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}.glow-ring.is-loading:before{opacity:1;animation:3s linear infinite rotate-gradient}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-gradient{to{--angle:360deg}}