.bkbg-cu-wrap { box-sizing: border-box; width: 100%; } .bkbg-cu-inner { margin-left: auto; margin-right: auto; } .bkbg-cu-icon { line-height: 1; margin-bottom: 12px; } .bkbg-cu-value { font-family: var(--bkbg-cu-val-font-family, inherit); font-size: var(--bkbg-cu-val-font-size-d, 72px); font-weight: var(--bkbg-cu-val-font-weight, 800); font-style: var(--bkbg-cu-val-font-style, normal); text-transform: var(--bkbg-cu-val-text-transform, none); text-decoration: var(--bkbg-cu-val-text-decoration, none); line-height: var(--bkbg-cu-val-line-height-d, 1.1); letter-spacing: var(--bkbg-cu-val-letter-spacing-d, -0.02em); word-spacing: var(--bkbg-cu-val-word-spacing-d, normal); } .bkbg-cu-label { margin-top: 8px; font-family: var(--bkbg-cu-lbl-font-family, inherit); font-size: var(--bkbg-cu-lbl-font-size-d, 18px); font-weight: var(--bkbg-cu-lbl-font-weight, 500); font-style: var(--bkbg-cu-lbl-font-style, normal); text-transform: var(--bkbg-cu-lbl-text-transform, none); text-decoration: var(--bkbg-cu-lbl-text-decoration, none); line-height: var(--bkbg-cu-lbl-line-height-d, 1.4); letter-spacing: var(--bkbg-cu-lbl-letter-spacing-d, normal); word-spacing: var(--bkbg-cu-lbl-word-spacing-d, normal); } /* Editor preview wrapper */ .bkbg-cu-editor { min-height: 40px; } /* Typography responsive */ @media (max-width: 1024px) { .bkbg-cu-value { font-size: var(--bkbg-cu-val-font-size-t, var(--bkbg-cu-val-font-size-d, 72px)); line-height: var(--bkbg-cu-val-line-height-t, var(--bkbg-cu-val-line-height-d, 1.1)); letter-spacing: var(--bkbg-cu-val-letter-spacing-t, var(--bkbg-cu-val-letter-spacing-d, -0.02em)); word-spacing: var(--bkbg-cu-val-word-spacing-t, var(--bkbg-cu-val-word-spacing-d, normal)); } .bkbg-cu-label { font-size: var(--bkbg-cu-lbl-font-size-t, var(--bkbg-cu-lbl-font-size-d, 18px)); line-height: var(--bkbg-cu-lbl-line-height-t, var(--bkbg-cu-lbl-line-height-d, 1.4)); letter-spacing: var(--bkbg-cu-lbl-letter-spacing-t, var(--bkbg-cu-lbl-letter-spacing-d, normal)); word-spacing: var(--bkbg-cu-lbl-word-spacing-t, var(--bkbg-cu-lbl-word-spacing-d, normal)); } } @media (max-width: 767px) { .bkbg-cu-value { font-size: var(--bkbg-cu-val-font-size-m, var(--bkbg-cu-val-font-size-t, var(--bkbg-cu-val-font-size-d, 72px))); line-height: var(--bkbg-cu-val-line-height-m, var(--bkbg-cu-val-line-height-t, var(--bkbg-cu-val-line-height-d, 1.1))); letter-spacing: var(--bkbg-cu-val-letter-spacing-m, var(--bkbg-cu-val-letter-spacing-t, var(--bkbg-cu-val-letter-spacing-d, -0.02em))); word-spacing: var(--bkbg-cu-val-word-spacing-m, var(--bkbg-cu-val-word-spacing-t, var(--bkbg-cu-val-word-spacing-d, normal))); } .bkbg-cu-label { font-size: var(--bkbg-cu-lbl-font-size-m, var(--bkbg-cu-lbl-font-size-t, var(--bkbg-cu-lbl-font-size-d, 18px))); line-height: var(--bkbg-cu-lbl-line-height-m, var(--bkbg-cu-lbl-line-height-t, var(--bkbg-cu-lbl-line-height-d, 1.4))); letter-spacing: var(--bkbg-cu-lbl-letter-spacing-m, var(--bkbg-cu-lbl-letter-spacing-t, var(--bkbg-cu-lbl-letter-spacing-d, normal))); word-spacing: var(--bkbg-cu-lbl-word-spacing-m, var(--bkbg-cu-lbl-word-spacing-t, var(--bkbg-cu-lbl-word-spacing-d, normal))); } }