.fz-ranked__legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);padding:0;list-style:none;font-size:var(--font-size-label);color:var(--muted-foreground)}.fz-ranked__legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.fz-ranked__legend-swatch{width:.75rem;height:.75rem;border-radius:var(--radius-sm)}.fz-ranked{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none;container-type:inline-size}.fz-ranked__row{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--font-size-label)}.fz-ranked__rank{grid-row:1;color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:end}.fz-ranked__label{grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fz-ranked__value{grid-row:1;font-weight:600;font-variant-numeric:tabular-nums;text-align:end}.fz-ranked__track{grid-row:2;grid-column:2 / span 1;height:.5rem;border-radius:999px;background:var(--muted);overflow:hidden}.fz-ranked__bar{display:block;height:100%;border-radius:999px}.fz-ranked__secondary{grid-row:2;grid-column:3;color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:end}@container (min-width: 560px){.fz-ranked__row{grid-template-columns:1.5rem minmax(6rem,12rem) minmax(0,1fr) auto auto}.fz-ranked__track{grid-row:1;grid-column:3}.fz-ranked__value{grid-column:4}.fz-ranked__secondary{grid-row:1;grid-column:5}}