.rank-badge{--rank-color:currentColor;height:18px;color:var(--rank-color);border:1px solid color-mix(in srgb, var(--rank-color) 45%, transparent);background:color-mix(in srgb, var(--rank-color) 10%, transparent);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;border-radius:4px;flex:none;align-items:center;gap:4px;padding:0 6px 0 5px;font-size:9.5px;font-weight:800;line-height:1;display:inline-flex}.rank-badge .rank-emblem{flex:none;width:11px;height:11px}.rank-badge--md{border-radius:5px;gap:6px;height:24px;padding:0 9px 0 7px;font-size:11px}.rank-badge--md .rank-emblem{width:14px;height:14px}.rank-badge--lg{letter-spacing:.16em;border-width:1.5px;border-radius:7px;gap:10px;height:38px;padding:0 16px 0 12px;font-size:16px}.rank-badge--lg .rank-emblem{width:22px;height:22px}.rank-badge--unranked{color:color-mix(in srgb, var(--fg,#f5f5f4) 45%, transparent);border:1px dashed color-mix(in srgb, var(--fg,#f5f5f4) 30%, transparent);background:0 0}.rank-badge--reaper{box-shadow:0 0 0 1px color-mix(in srgb, var(--rank-color) 18%, transparent), 0 0 14px color-mix(in srgb, var(--rank-color) 25%, transparent);background:color-mix(in srgb, var(--rank-color) 16%, transparent)}.rank-mark{color:var(--rank-color);vertical-align:middle;flex:none;align-items:center;line-height:0;display:inline-flex}.v2-avatar[data-rank]{outline:2px solid var(--rank-color);outline-offset:1px}.v2-avatar.large[data-rank]{outline-offset:2px;outline-width:3px}.v2-avatar.showcase[data-rank]{outline-offset:3px;outline-width:4px}.v2-avatar.large[data-rank=reaper],.v2-avatar.showcase[data-rank=reaper],.v2-account-trigger .v2-avatar[data-rank=reaper],.v2-menu-player .v2-avatar[data-rank=reaper]{box-shadow:0 0 16px color-mix(in srgb, var(--rank-color) 45%, transparent)}