.heatmap-viewer{display:grid;gap:1rem}.heatmap-viewer>header{display:flex;justify-content:space-between;gap:1rem}.heatmap-viewer h2,.heatmap-viewer header p{margin:0}.heatmap-viewer__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.7rem}.heatmap-viewer label{display:grid;gap:.3rem;font-weight:700}.heatmap-viewer :is(input,select,button){min-height:44px;border:1px solid #b8c4d6;border-radius:9px;padding:.5rem;font:inherit}.heatmap-viewer__report{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.heatmap-viewer__report article,.heatmap-viewer__suppressed{padding:1rem;border:1px solid #dbe3ef;border-radius:16px;background:#fff}.heatmap-viewer__suppressed{color:#9a3412;font-weight:700}.heatmap-viewer__grid{position:relative;min-height:360px;border-radius:12px;background:linear-gradient(#e2e8f0 1px,transparent 1px),linear-gradient(90deg,#e2e8f0 1px,transparent 1px);background-size:10% 10%}.heatmap-viewer__grid span{position:absolute;display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:800}.heatmap-viewer__bars{display:grid;gap:.7rem;padding:0;list-style:none}.heatmap-viewer__bars li{display:grid;grid-template-columns:50px 1fr;gap:.5rem;position:relative}.heatmap-viewer__bars i{grid-column:1/-1;height:10px;border-radius:99px;background:#2563eb}.heatmap-viewer__table{overflow:auto}.heatmap-viewer table{width:100%;border-collapse:collapse}.heatmap-viewer th,.heatmap-viewer td{padding:.65rem;border-bottom:1px solid #e2e8f0;text-align:left}.heatmap-viewer dl div{display:flex;justify-content:space-between}.heatmap-viewer [data-error]{color:#b91c1c}@media(max-width:800px){.heatmap-viewer__report{grid-template-columns:1fr}.heatmap-viewer>header{display:grid}}