.bkbg-treemap-wrap { box-sizing: border-box; font-family: inherit; } .bkbg-tm-title { margin: 0 0 12px; font-family: var(--bktmc-tt-font-family, inherit); font-size: var(--bktmc-tt-font-size-d, 1.25rem); font-weight: var(--bktmc-tt-font-weight, 700); font-style: var(--bktmc-tt-font-style, normal); line-height: var(--bktmc-tt-line-height-d, 1.3); text-decoration: var(--bktmc-tt-text-decoration, none); text-transform: var(--bktmc-tt-text-transform, none); letter-spacing: var(--bktmc-tt-letter-spacing-d, normal); word-spacing: var(--bktmc-tt-word-spacing-d, normal); } .bkbg-treemap-wrap h3.bkbg-tm-title { font-family: var(--bktmc-tt-font-family, inherit); font-size: var(--bktmc-tt-font-size-d, 1.25rem); font-weight: var(--bktmc-tt-font-weight, 700); font-style: var(--bktmc-tt-font-style, normal); line-height: var(--bktmc-tt-line-height-d, 1.3); text-decoration: var(--bktmc-tt-text-decoration, none); text-transform: var(--bktmc-tt-text-transform, none); letter-spacing: var(--bktmc-tt-letter-spacing-d, normal); word-spacing: var(--bktmc-tt-word-spacing-d, normal); } .bkbg-tm-svg { width: 100%; border-radius: 6px; overflow: hidden; } .bkbg-tm-svg svg { display: block; width: 100%; height: auto; } .bkbg-tm-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; } .bkbg-tm-legend-item { display: flex; align-items: center; gap: 6px; font-size: 0.875rem; } .bkbg-tm-swatch { display: inline-block; width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; } .bkbg-tm-legend-label { font-weight: 600; } .bkbg-tm-legend-val { color: #6b7280; } @media(max-width:1024px){ .bkbg-tm-title{font-size:var(--bktmc-tt-font-size-t,var(--bktmc-tt-font-size-d,1.25rem));line-height:var(--bktmc-tt-line-height-t,var(--bktmc-tt-line-height-d,1.3));letter-spacing:var(--bktmc-tt-letter-spacing-t,var(--bktmc-tt-letter-spacing-d,normal));word-spacing:var(--bktmc-tt-word-spacing-t,var(--bktmc-tt-word-spacing-d,normal))} .bkbg-treemap-wrap h3.bkbg-tm-title{font-size:var(--bktmc-tt-font-size-t,var(--bktmc-tt-font-size-d,1.25rem));line-height:var(--bktmc-tt-line-height-t,var(--bktmc-tt-line-height-d,1.3));letter-spacing:var(--bktmc-tt-letter-spacing-t,var(--bktmc-tt-letter-spacing-d,normal));word-spacing:var(--bktmc-tt-word-spacing-t,var(--bktmc-tt-word-spacing-d,normal))} } @media(max-width:767px){ .bkbg-tm-title{font-size:var(--bktmc-tt-font-size-m,var(--bktmc-tt-font-size-t,var(--bktmc-tt-font-size-d,1.25rem)));line-height:var(--bktmc-tt-line-height-m,var(--bktmc-tt-line-height-t,var(--bktmc-tt-line-height-d,1.3)));letter-spacing:var(--bktmc-tt-letter-spacing-m,var(--bktmc-tt-letter-spacing-t,var(--bktmc-tt-letter-spacing-d,normal)));word-spacing:var(--bktmc-tt-word-spacing-m,var(--bktmc-tt-word-spacing-t,var(--bktmc-tt-word-spacing-d,normal)))} .bkbg-treemap-wrap h3.bkbg-tm-title{font-size:var(--bktmc-tt-font-size-m,var(--bktmc-tt-font-size-t,var(--bktmc-tt-font-size-d,1.25rem)));line-height:var(--bktmc-tt-line-height-m,var(--bktmc-tt-line-height-t,var(--bktmc-tt-line-height-d,1.3)));letter-spacing:var(--bktmc-tt-letter-spacing-m,var(--bktmc-tt-letter-spacing-t,var(--bktmc-tt-letter-spacing-d,normal)));word-spacing:var(--bktmc-tt-word-spacing-m,var(--bktmc-tt-word-spacing-t,var(--bktmc-tt-word-spacing-d,normal)))} }