.mx-badges{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.mx-badge{border:1px solid var(--line);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-tight);color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 7px;display:inline-flex}.mx-badge svg{flex-shrink:0}.mx-badge[data-category=rank],.mx-badge[data-category=percentile]{color:var(--rating);border-color:color-mix(in srgb, var(--rating) 35%, transparent);background:color-mix(in srgb, var(--rating) 10%, var(--surface))}.mx-badges.is-full{gap:8px;margin-top:8px}.mx-badges.is-full .mx-badge{font-size:var(--text-sm);padding:3px 11px 3px 8px}@media (forced-colors:active){.mx-badge{color:canvastext;border-color:canvastext}}