[data-color-picker-root]{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}[data-color-picker-control]{gap:4px;display:flex}[data-color-picker-content]{box-sizing:border-box;width:260px;z-index:var(--layer-index);background:#fff;border:1px solid #d5d5d5;padding:24px}[data-color-picker-content]>.content__inner{flex-direction:column;gap:16px;display:flex}[data-color-picker-area]{border:1px solid #ebebeb;border-radius:4px;height:200px}[data-color-picker-area-background]{background:#8e8e8e;border-radius:4px;height:200px}[data-color-picker-area-thumb],[data-color-picker-channel-slider-thumb]{box-sizing:border-box;border:2px solid #fff;border-radius:9999px;width:16px;height:16px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}[data-color-picker-channel-slider-track]{border-radius:4px;height:20px}[data-color-picker-channel-input]{border:1px solid #c2c2c2;border-radius:4px;width:100%}[data-color-picker-swatch]{flex-shrink:0;width:20px;height:20px}[data-color-picker-transparency-grid]{border-radius:4px}