.saas-heatmap{gap:var(--saas-space-md);color:var(--saas-text-primary);font-family:var(--saas-font-family);display:grid}.saas-heatmap__scroll{overflow-x:auto}.saas-heatmap__table{border-collapse:separate;border-spacing:4px;inline-size:100%;font-size:var(--saas-font-body-sm);font-variant-numeric:tabular-nums}.saas-heatmap__day{text-align:center;padding-block-end:var(--saas-space-xs);font-weight:600}.saas-heatmap__class{text-align:start;white-space:nowrap;padding-inline-end:var(--saas-space-sm);font-weight:400}.saas-heatmap__cell{border-radius:var(--saas-radius-md);text-align:center;block-size:34px;min-inline-size:48px;font-weight:600}.saas-heatmap__cell[data-level=empty],.saas-heatmap__swatch[data-level=empty]{background:var(--saas-heat-empty);color:var(--saas-text-secondary)}.saas-heatmap__cell[data-level="1"],.saas-heatmap__swatch[data-level="1"]{background:var(--saas-heat-1);color:var(--saas-text-primary)}.saas-heatmap__cell[data-level="2"],.saas-heatmap__swatch[data-level="2"]{background:var(--saas-heat-2);color:var(--saas-text-primary)}.saas-heatmap__cell[data-level="3"],.saas-heatmap__swatch[data-level="3"]{background:var(--saas-heat-3);color:var(--saas-text-primary)}.saas-heatmap__cell[data-level="4"],.saas-heatmap__swatch[data-level="4"]{background:var(--saas-heat-4);color:var(--saas-brand-on-primary)}.saas-heatmap__legend{justify-content:center;gap:var(--saas-space-xs) var(--saas-space-md);font-size:var(--saas-font-body-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.saas-heatmap__key{align-items:center;gap:var(--saas-space-xs);display:inline-flex}.saas-heatmap__swatch{border-radius:var(--saas-radius-xs);block-size:12px;inline-size:12px}.saas-heatmap__footer{justify-content:space-between;align-items:center;gap:var(--saas-space-sm);border-block-start:1px solid var(--saas-border-default);font-size:var(--saas-font-body);padding-block-start:var(--saas-space-sm);display:flex}.saas-heatmap__average{padding:1px var(--saas-space-sm);border-radius:var(--saas-radius-sm);background:var(--saas-status-success-subtle);color:var(--saas-status-success)}