.rank{border:1px solid color-mix(in oklab, var(--rank-color,#94a3b8) 45%, transparent);background:color-mix(in oklab, var(--rank-color,#94a3b8) 12%, #0a0e1a);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--rank-color,#94a3b8) 70%, #fff);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.3em .75em .3em .55em;font-size:.72rem;font-weight:700;display:inline-flex}.rank[data-size=sm]{padding:.2em .6em .2em .45em;font-size:.62rem}.rank[data-size=lg]{padding:.45em 1.1em .45em .8em;font-size:.92rem}.rank__gem{background:radial-gradient(circle at 35% 30%, #fff, var(--rank-color,#94a3b8) 55%, color-mix(in oklab, var(--rank-color,#94a3b8) 55%, #000));width:.7em;height:.7em;box-shadow:0 0 .6em color-mix(in oklab, var(--rank-color,#94a3b8) 60%, transparent);border-radius:999px}.rank__elo{font-family:var(--font-mono);letter-spacing:0;color:var(--color-ivory);font-variant-numeric:tabular-nums;font-weight:700}