.fz-donut{display:grid;gap:var(--space-4);grid-template-columns:1fr;align-items:center;container-type:inline-size}.fz-donut__ring{position:relative}.fz-donut__centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);pointer-events:none;text-align:center}.fz-donut__centre-value{font-size:var(--font-size-heading);font-weight:600;font-variant-numeric:tabular-nums}.fz-donut__centre-label{max-width:9rem;color:var(--muted-foreground);font-size:var(--font-size-label-sm);line-height:1.3}.fz-donut__legend{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.fz-donut__legend-row{display:grid;grid-template-columns:.75rem 1fr auto auto;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-label)}.fz-donut__swatch{width:.75rem;height:.75rem;border-radius:var(--radius-sm);align-self:center}.fz-donut__legend-value{font-weight:600;font-variant-numeric:tabular-nums}.fz-donut__legend-label{color:var(--foreground)}.fz-donut__legend-secondary{color:var(--muted-foreground);font-variant-numeric:tabular-nums}@container (min-width: 480px){.fz-donut{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}