@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-7a0b97e2],[data-v-7a0b97e2]::backdrop,[data-v-7a0b97e2]:after,[data-v-7a0b97e2]:before{--tw-border-style:solid;--tw-content:"";--tw-font-weight:initial}}}.avatar__rank[data-v-7a0b97e2]{align-items:center;background:var(--bg-color);border-radius:var(--radius);color:var(--color-white);display:flex;height:var(--size);justify-content:center;padding:.5em;position:relative;width:var(--size)}.avatar__rank img[data-v-7a0b97e2],.avatar__rank[data-v-7a0b97e2]:before{height:100%;width:100%}.avatar__rank[data-v-7a0b97e2]:before{border-color:var(--border-color);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:2px;--tw-content:"";content:var(--tw-content);left:0;-webkit-mask-image:linear-gradient(to top right,#0000 30%,#fff);position:absolute;top:0}.avatar__rank.name[data-v-7a0b97e2]{--tw-font-weight:500;font-size:var(--font,13px);font-weight:500;gap:4px;padding:.4em .75em .4em .4em;width:-moz-fit-content;width:fit-content}.avatar__rank.name img[data-v-7a0b97e2]{height:1.5em;width:1.5em}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}