.lib-color-picker-directive{position:relative}.lib-color-picker-directive[disabled],.lib-color-picker-directive.disabled{pointer-events:none}.lib-color-picker-directive[disabled] .color-selector,.lib-color-picker-directive.disabled .color-selector{border-color:var(--color-neutral-10);background-color:var(--color-neutral-1);pointer-events:none}.lib-color-picker-directive[disabled] .color-selector *,.lib-color-picker-directive.disabled .color-selector *{color:var(--color-neutral-30)}.lib-color-picker-directive .color-selector{padding:var(--element-default-padding);border:var(--element-default-border);border-radius:var(--semi-round-corners);background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;position:relative;cursor:pointer;height:50px}.lib-color-picker-directive .color-selector::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.lib-color-picker-directive .color-selector .selected-color{border:1px solid #d3d3d3;width:25px;height:25px;position:relative;border-radius:100%}.lib-color-picker-directive input{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer}.color-picker{border-radius:5px}.color-picker [slider-cp]{border-top-left-radius:5px;border-top-right-radius:5px}