.avatar-ring,.member-avatar__ring,.rank-ring,.edge-ring{pointer-events:none;overflow:hidden}.avatar-ring:before,.member-avatar__ring:before,.rank-ring:before,.edge-ring:before{content:"";aspect-ratio:1;will-change:transform;width:1100px;position:absolute;top:50%;left:50%;translate:-50% -50%}.avatar-ring:before{background:conic-gradient(rgb(var(--rank-1,var(--a-400))), rgb(var(--rank-3,var(--b-400))), rgb(var(--rank-2,var(--a-200))), rgb(var(--rank-1,var(--b-500))), rgb(var(--rank-3,var(--a-400))), rgb(var(--rank-1,var(--a-400))));width:320px}.member-avatar__ring:before{background:conic-gradient(rgb(var(--rank-1)), rgb(var(--rank-3)), rgb(var(--rank-2)), rgb(var(--rank-1)));width:200px}.rank-ring{border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:2px;display:none;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-fx=quality] .rank-badge[data-rank=honorary] .rank-ring{display:block}.rank-ring:before{background:conic-gradient(rgb(var(--rank-1)), rgb(var(--rank-3)), rgb(var(--rank-2)), rgb(var(--rank-1)));width:520px}.edge-ring{z-index:2;border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;opacity:.85;padding:1.5px;display:none;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-fx=quality] .edge-ring{display:block}.edge-ring:before{background:conic-gradient(transparent 0 52%, rgb(var(--a-400) / .9) 70%, rgb(var(--b-400)) 84%, transparent 96%);animation:7s linear infinite ring-rotate}@keyframes ring-rotate{to{transform:rotate(360deg)}}