.bars{box-sizing:border-box;border-bottom:1px solid #c3c2b7;align-items:flex-end;gap:2px;height:160px;padding-top:18px;display:flex}.bar-slot{outline-offset:2px;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.bar{background:#2a78d6;border-radius:4px 4px 0 0;width:100%;max-width:24px}.bar-slot:hover .bar,.bar-slot:focus-visible .bar{filter:brightness(1.2)}.bar-peak{text-align:center;color:#0b0b0b;white-space:nowrap;font-size:11px;position:absolute;left:-20px;right:-20px}.bars-axis{gap:2px;margin-top:4px;display:flex}.bars-axis span{color:#898781;text-align:center;white-space:nowrap;flex:1;font-size:11px}.heat{grid-template-columns:64px repeat(24,minmax(14px,1fr));gap:2px;min-width:460px;display:grid}.heat-cell{outline-offset:1px;border-radius:2px;height:18px}.heat-cell:hover,.heat-cell:focus-visible{box-shadow:inset 0 0 0 2px #0b0b0b}.heat-label{color:#898781;text-align:center;font-size:11px}.heat-day{color:#52514e;font-size:12px}.heat-scale{color:#898781;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.heat-scale i{border-radius:2px;width:14px;height:10px}