.commercial-monthly{position:relative;display:grid;grid-template-columns:76px minmax(680px,1fr);height:276px;overflow-x:auto;padding-top:10px}.commercial-axis{position:sticky;left:0;z-index:3;height:215px;background:#fff}.commercial-axis span{position:absolute;right:10px;transform:translateY(50%);color:var(--muted);font-size:.71rem;white-space:nowrap}.commercial-plot{position:relative;height:245px}.commercial-grid-lines{position:absolute;inset:0 0 30px;pointer-events:none}.commercial-grid-lines i{position:absolute;left:0;right:0;border-top:1px solid #e1e6eb}.commercial-plot .commercial-monthly-chart{position:relative;border-bottom:0}.commercial-columns .commercial-value-bar{position:relative;z-index:1;cursor:help;outline:none}.commercial-columns .commercial-value-bar:hover,.commercial-columns .commercial-value-bar:focus{filter:brightness(.86);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(37,99,235,.28)}.commercial-value-bar span{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:20;display:none;width:max-content;max-width:220px;transform:translateX(-50%);padding:8px 10px;border-radius:8px;background:#17202b;color:#fff;font-size:.76rem;font-style:normal;font-weight:650;line-height:1.25;box-shadow:0 8px 22px rgba(0,0,0,.22);pointer-events:none}.commercial-value-bar:hover span,.commercial-value-bar:focus span{display:block}