.sp500-heatmap-section{width:100%}.sp500-heatmap-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px;display:flex}.sp500-heatmap-eyebrow{color:#0878ff;letter-spacing:.12em;margin-bottom:7px;font-size:.72rem;font-weight:800;display:block}.sp500-heatmap-heading h2{color:#071d3f;margin:0;font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.08}.sp500-heatmap-heading p{color:#6c7d94;max-width:660px;margin:8px 0 0;line-height:1.55}.sp500-heatmap-legend{color:#6c7d94;flex-shrink:0;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.heatmap-legend-scale{border-radius:4px;display:flex;overflow:hidden}.heatmap-legend-scale i{width:24px;height:9px;display:block}.legend-red-strong{background:#df3341}.legend-red-soft{background:#87323b}.legend-flat{background:#536477}.legend-green-soft{background:#176848}.legend-green-strong{background:#00a85a}.sp500-heatmap-container{background:#071422;border:1px solid #dce5ef;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 42px #071d3f14}.sp500-heatmap-svg{display:block}.heatmap-stock-cell{cursor:pointer;stroke:#ffffff38;stroke-width:.6px;transition:filter .12s,stroke-width .12s}.heatmap-stock-cell:hover{filter:brightness(1.18);stroke:#fff;stroke-width:1.6px}.heatmap-sector-label{fill:#ffffffeb;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.heatmap-stock-ticker{fill:#fff;font-size:10px;font-weight:800}.heatmap-stock-return{fill:#ffffffeb;font-size:8px;font-weight:700}.sp500-heatmap-tooltip{z-index:20;pointer-events:none;color:#fff;background:#051221f7;border:1px solid #ffffff1f;border-radius:10px;width:min(270px,100vw - 48px);padding:15px;position:absolute;box-shadow:0 18px 45px #00000047}.heatmap-tooltip-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.heatmap-tooltip-top strong{font-size:1.05rem}.heatmap-tooltip-top .positive{color:#3fe38c}.heatmap-tooltip-top .negative{color:#ff6b73}.heatmap-tooltip-company{color:#aebccc;border-bottom:1px solid #ffffff1a;margin-top:4px;padding-bottom:11px;font-size:.78rem}.heatmap-tooltip-grid{grid-template-columns:72px 1fr;gap:7px 12px;margin-top:11px;font-size:.75rem;display:grid}.heatmap-tooltip-grid span{color:#8294a8}.heatmap-tooltip-grid strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.sp500-heatmap-footnote{color:#7a899c;justify-content:space-between;gap:20px;margin-top:10px;font-size:.72rem;display:flex}@media (width<=720px){.sp500-heatmap-heading{flex-direction:column;align-items:flex-start;gap:14px}.sp500-heatmap-legend{width:100%}.heatmap-legend-scale,.heatmap-legend-scale i{flex:1}.sp500-heatmap-container{border-radius:9px}.heatmap-sector-label{font-size:9px}.heatmap-stock-ticker{font-size:8px}.heatmap-stock-return{font-size:7px}.sp500-heatmap-footnote{flex-direction:column;gap:3px}}.heatmap-performance-legend{justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;padding:8px 2px;display:flex}.heatmap-legend-label{color:#6c7d94;letter-spacing:.1em;white-space:nowrap;font-size:.68rem;font-weight:800}.heatmap-legend-items{color:#6c7d94;align-items:center;gap:12px;font-size:.68rem;font-weight:700;display:flex}.heatmap-legend-items span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.heatmap-color{border-radius:2px;width:17px;height:9px;display:inline-block}.hm-red-3{background:#df3341}.hm-red-2{background:#b23640}.hm-red-1{background:#763239}.hm-flat{background:#536477}.hm-green-1{background:#176848}.hm-green-2{background:#07864f}.hm-green-3{background:#00a85a}@media (width<=720px){.heatmap-performance-legend{flex-direction:column;align-items:flex-start;gap:7px}.heatmap-legend-items{scrollbar-width:none;gap:6px;width:100%;padding-bottom:2px;overflow-x:auto}.heatmap-legend-items::-webkit-scrollbar{display:none}.heatmap-color{width:14px}}