.bkbg-cs-wrap { box-sizing: border-box; }
.bkbg-cs-grid { display: grid; }
.bkbg-cs-card { box-sizing: border-box; overflow: hidden; }
.bkbg-cs-tile { box-sizing: border-box; }
.bkbg-cs-info { box-sizing: border-box; }
.bkbg-cs-title { font-weight: var(--bkbg-cs-tt-font-weight, 700); font-family: var(--bkbg-cs-tt-font-family, inherit); font-style: var(--bkbg-cs-tt-font-style, normal); text-transform: var(--bkbg-cs-tt-text-transform, none); text-decoration: var(--bkbg-cs-tt-text-decoration, none); font-size: var(--bkbg-cs-tt-font-size-d, inherit); line-height: var(--bkbg-cs-tt-line-height-d, 1.2); letter-spacing: var(--bkbg-cs-tt-letter-spacing-d, normal); word-spacing: var(--bkbg-cs-tt-word-spacing-d, normal); }
.bkbg-cs-subtitle { font-size: var(--bkbg-cs-lb-font-size-d, 13px); line-height: var(--bkbg-cs-lb-line-height-d, 1.5); font-family: var(--bkbg-cs-lb-font-family, inherit); }
.bkbg-cs-name { font-size: calc(var(--bkbg-cs-lb-font-size-d, 13px) + 1px); font-weight: var(--bkbg-cs-lb-font-weight, 700); font-family: var(--bkbg-cs-lb-font-family, inherit); line-height: var(--bkbg-cs-lb-line-height-d, 1.4); }
.bkbg-cs-hex { font-size: var(--bkbg-cs-lb-font-size-d, 13px); font-family: var(--bkbg-cs-lb-font-family, monospace); line-height: var(--bkbg-cs-lb-line-height-d, 1.4); }
.bkbg-cs-usage { font-size: calc(var(--bkbg-cs-lb-font-size-d, 13px) - 1px); font-family: var(--bkbg-cs-lb-font-family, inherit); line-height: var(--bkbg-cs-lb-line-height-d, 1.4); }
@media (max-width: 1024px) {
  .bkbg-cs-title { font-size: var(--bkbg-cs-tt-font-size-t, var(--bkbg-cs-tt-font-size-d, inherit)); line-height: var(--bkbg-cs-tt-line-height-t, var(--bkbg-cs-tt-line-height-d, 1.2)); letter-spacing: var(--bkbg-cs-tt-letter-spacing-t, var(--bkbg-cs-tt-letter-spacing-d, normal)); word-spacing: var(--bkbg-cs-tt-word-spacing-t, var(--bkbg-cs-tt-word-spacing-d, normal)); }
  .bkbg-cs-subtitle, .bkbg-cs-name, .bkbg-cs-hex, .bkbg-cs-usage { font-size: var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px)); line-height: var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4)); }
  .bkbg-cs-name { font-size: calc(var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px)) + 1px);line-height:var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4))}
  .bkbg-cs-usage { font-size: calc(var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px)) - 1px);line-height:var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4))}
}
@media (max-width: 767px) {
  .bkbg-cs-title { font-size: var(--bkbg-cs-tt-font-size-m, var(--bkbg-cs-tt-font-size-t, var(--bkbg-cs-tt-font-size-d, inherit))); line-height: var(--bkbg-cs-tt-line-height-m, var(--bkbg-cs-tt-line-height-t, var(--bkbg-cs-tt-line-height-d, 1.2))); letter-spacing: var(--bkbg-cs-tt-letter-spacing-m, var(--bkbg-cs-tt-letter-spacing-t, var(--bkbg-cs-tt-letter-spacing-d, normal))); word-spacing: var(--bkbg-cs-tt-word-spacing-m, var(--bkbg-cs-tt-word-spacing-t, var(--bkbg-cs-tt-word-spacing-d, normal))); }
  .bkbg-cs-subtitle, .bkbg-cs-name, .bkbg-cs-hex, .bkbg-cs-usage { font-size: var(--bkbg-cs-lb-font-size-m, var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px))); line-height: var(--bkbg-cs-lb-line-height-m, var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4))); }
  .bkbg-cs-name { font-size: calc(var(--bkbg-cs-lb-font-size-m, var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px))) + 1px);line-height:var(--bkbg-cs-lb-line-height-m, var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4)))}
  .bkbg-cs-usage { font-size: calc(var(--bkbg-cs-lb-font-size-m, var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px))) - 1px);line-height:var(--bkbg-cs-lb-line-height-m, var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4)))}
}