.xleb-color-card{width:100%;min-height:140px;border:1px
solid var(--dividerDefault);border-radius:var(--roundedS);overflow:hidden;display:flex;flex-direction:column;background-color:var(--bgColor)}.xleb-color-card .color-card-swatch{position:relative;flex-grow:1;min-height:71px;max-height:71px}.xleb-color-card .color-card-color-layer{position:absolute;top:0;left:0;width:100%;height:100%}.xleb-color-card .color-card-checkerboard{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg, var(--gray300) 25%, transparent 25%),
linear-gradient(-45deg, var(--gray300) 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, var(--gray300) 75%),
linear-gradient(-45deg, transparent 75%, var(--gray300) 75%);background-size:24px 24px;background-position:0 0, 0 12px, 12px -12px, -12px 0px}.xleb-color-card .color-card-info{padding:9px
10px;box-sizing:border-box;border-top:1px solid var(--dividerDefault);display:flex;flex-flow:column;gap:var(--gapX1)}.xleb-color-card :is(.color-card-name,.color-card-value){display:block;font-size:var(--textMsize);line-height:var(--textMheightT)}.xleb-color-card .color-card-value{color:var(--contentOpacityColor)}.color-card-split-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:1}.color-card-split-container .split-pane{width:50%;height:100%}