.bkbg-ct-wrap{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.bkbg-ct-wrap *{box-sizing:border-box}.bkbg-ct-title{font-weight:700;line-height:1.2}.bkbg-ct-subtitle{line-height:1.5}.bkbg-ct-groups{width:100%}.bkbg-ct-group{margin-bottom:32px}.bkbg-ct-group-name{font-weight:700;text-transform:uppercase;letter-spacing:.06em}.bkbg-ct-swatches{display:flex;flex-wrap:wrap;gap:10px}.bkbg-ct-swatch{display:inline-flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:transform 0.12s ease,box-shadow 0.12s ease}.bkbg-ct-swatch:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .12)}.bkbg-ct-swatch:hover .bkbg-ct-copy-icon{opacity:1!important}.bkbg-ct-color-block{position:relative;display:flex;align-items:flex-end;justify-content:flex-end}.bkbg-ct-copy-icon{user-select:none}.bkbg-ct-copied-flash{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:99999}.bkbg-ct-copied-flash.show{opacity:1}.bkbg-ct-title{font-weight:var(--bkbg-ctk-tt-font-weight,600);font-family:var(--bkbg-ctk-tt-font-family,inherit);font-style:var(--bkbg-ctk-tt-font-style,normal);text-transform:var(--bkbg-ctk-tt-text-transform,none);text-decoration:var(--bkbg-ctk-tt-text-decoration,none);font-size:var(--bkbg-ctk-tt-font-size-d,24px);line-height:var(--bkbg-ctk-tt-line-height-d,1.3);letter-spacing:var(--bkbg-ctk-tt-letter-spacing-d,normal);word-spacing:var(--bkbg-ctk-tt-word-spacing-d,normal)}.bkbg-ct-subtitle{font-weight:var(--bkbg-ctk-st-font-weight,400);font-family:var(--bkbg-ctk-st-font-family,inherit);font-style:var(--bkbg-ctk-st-font-style,normal);text-transform:var(--bkbg-ctk-st-text-transform,none);text-decoration:var(--bkbg-ctk-st-text-decoration,none);font-size:var(--bkbg-ctk-st-font-size-d,15px);line-height:var(--bkbg-ctk-st-line-height-d,1.5);letter-spacing:var(--bkbg-ctk-st-letter-spacing-d,normal);word-spacing:var(--bkbg-ctk-st-word-spacing-d,normal)}.bkbg-ctk-name{font-size:var(--bkbg-ctk-lb-font-size-d,12px);font-weight:var(--bkbg-ctk-lb-font-weight,600);font-family:var(--bkbg-ctk-lb-font-family,inherit);line-height:var(--bkbg-ctk-lb-line-height-d,1.4)}.bkbg-ctk-hex{font-size:calc(var(--bkbg-ctk-lb-font-size-d, 12px) - 1px);font-family:var(--bkbg-ctk-lb-font-family,monospace);line-height:var(--bkbg-ctk-lb-line-height-d,1.4)}.bkbg-ctk-rgb{font-size:calc(var(--bkbg-ctk-lb-font-size-d, 12px) - 1px);font-family:var(--bkbg-ctk-lb-font-family,monospace);line-height:var(--bkbg-ctk-lb-line-height-d,1.4)}@media (max-width:1024px){.bkbg-ct-title{font-size:var(--bkbg-ctk-tt-font-size-t,var(--bkbg-ctk-tt-font-size-d,24px));line-height:var(--bkbg-ctk-tt-line-height-t,var(--bkbg-ctk-tt-line-height-d,1.3));letter-spacing:var(--bkbg-ctk-tt-letter-spacing-t,var(--bkbg-ctk-tt-letter-spacing-d,normal));word-spacing:var(--bkbg-ctk-tt-word-spacing-t,var(--bkbg-ctk-tt-word-spacing-d,normal))}.bkbg-ct-subtitle{font-size:var(--bkbg-ctk-st-font-size-t,var(--bkbg-ctk-st-font-size-d,15px));line-height:var(--bkbg-ctk-st-line-height-t,var(--bkbg-ctk-st-line-height-d,1.5));letter-spacing:var(--bkbg-ctk-st-letter-spacing-t,var(--bkbg-ctk-st-letter-spacing-d,normal));word-spacing:var(--bkbg-ctk-st-word-spacing-t,var(--bkbg-ctk-st-word-spacing-d,normal))}.bkbg-ctk-name{font-size:var(--bkbg-ctk-lb-font-size-t,var(--bkbg-ctk-lb-font-size-d,12px));line-height:var(--bkbg-ctk-lb-line-height-t,var(--bkbg-ctk-lb-line-height-d,1.4))}.bkbg-ctk-hex,.bkbg-ctk-rgb{font-size:calc(var(--bkbg-ctk-lb-font-size-t, var(--bkbg-ctk-lb-font-size-d, 12px)) - 1px);line-height:var(--bkbg-ctk-lb-line-height-t,var(--bkbg-ctk-lb-line-height-d,1.4))}}@media (max-width:767px){.bkbg-ct-title{font-size:var(--bkbg-ctk-tt-font-size-m,var(--bkbg-ctk-tt-font-size-t,var(--bkbg-ctk-tt-font-size-d,24px)));line-height:var(--bkbg-ctk-tt-line-height-m,var(--bkbg-ctk-tt-line-height-t,var(--bkbg-ctk-tt-line-height-d,1.3)));letter-spacing:var(--bkbg-ctk-tt-letter-spacing-m,var(--bkbg-ctk-tt-letter-spacing-t,var(--bkbg-ctk-tt-letter-spacing-d,normal)));word-spacing:var(--bkbg-ctk-tt-word-spacing-m,var(--bkbg-ctk-tt-word-spacing-t,var(--bkbg-ctk-tt-word-spacing-d,normal)))}.bkbg-ct-subtitle{font-size:var(--bkbg-ctk-st-font-size-m,var(--bkbg-ctk-st-font-size-t,var(--bkbg-ctk-st-font-size-d,15px)));line-height:var(--bkbg-ctk-st-line-height-m,var(--bkbg-ctk-st-line-height-t,var(--bkbg-ctk-st-line-height-d,1.5)));letter-spacing:var(--bkbg-ctk-st-letter-spacing-m,var(--bkbg-ctk-st-letter-spacing-t,var(--bkbg-ctk-st-letter-spacing-d,normal)));word-spacing:var(--bkbg-ctk-st-word-spacing-m,var(--bkbg-ctk-st-word-spacing-t,var(--bkbg-ctk-st-word-spacing-d,normal)))}.bkbg-ctk-name{font-size:var(--bkbg-ctk-lb-font-size-m,var(--bkbg-ctk-lb-font-size-t,var(--bkbg-ctk-lb-font-size-d,12px)));line-height:var(--bkbg-ctk-lb-line-height-m,var(--bkbg-ctk-lb-line-height-t,var(--bkbg-ctk-lb-line-height-d,1.4)))}.bkbg-ctk-hex,.bkbg-ctk-rgb{font-size:calc(var(--bkbg-ctk-lb-font-size-m, var(--bkbg-ctk-lb-font-size-t, var(--bkbg-ctk-lb-font-size-d, 12px))) - 1px);line-height:var(--bkbg-ctk-lb-line-height-m,var(--bkbg-ctk-lb-line-height-t,var(--bkbg-ctk-lb-line-height-d,1.4)))}}