.color-svpanel[data-v-45effb4e]{position:relative;width:256px;height:164px;margin-right:3px;background-color:#fff}.color-svpanel .color-svpanel__white[data-v-45effb4e],.color-svpanel .color-svpanel__black[data-v-45effb4e]{position:absolute;top:0;left:0;right:0;bottom:0}.color-svpanel .color-svpanel__white[data-v-45effb4e]{background:linear-gradient(to right,#fff,#fff0)}.color-svpanel .color-svpanel__black[data-v-45effb4e]{background:linear-gradient(to top,#000,#0000)}.color-svpanel .color-svpanel__cursor[data-v-45effb4e]{position:absolute}.color-svpanel .color-svpanel__cursor>div[data-v-45effb4e]{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.color-hue-slider__bar[data-v-d64506b6]{position:relative;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);height:100%}.color-hue-slider__thumb[data-v-d64506b6]{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--el-border-color-lighter);box-shadow:0 0 2px #0009;z-index:1}.color-hue-slider[data-v-d64506b6]{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.color-hue-slider.is-vertical[data-v-d64506b6]{width:12px;height:164px;padding:2px 0}.color-hue-slider.is-vertical .color-hue-slider__bar[data-v-d64506b6]{background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-hue-slider.is-vertical .color-hue-slider__thumb[data-v-d64506b6]{left:0;top:0;width:100%;height:4px}.color-alpha-slider[data-v-eca4ba9b]{position:relative;box-sizing:border-box;width:230px;height:12px;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(135deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(135deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.color-alpha-slider .color-alpha-slider__bar[data-v-eca4ba9b]{position:relative;background:linear-gradient(to right,#fff0,#fff);height:100%}.color-alpha-slider .color-alpha-slider__thumb[data-v-eca4ba9b]{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #ebeef5;box-shadow:0 0 2px #0009;z-index:1}.color-common-colors .color[data-v-82c9740a]{width:20px;height:20px;cursor:pointer}.color-dropdown__main-wrapper[data-v-2737bc9f]{margin-bottom:3px;display:flex}.color-dropdown__main-wrapper[data-v-2737bc9f]:after{content:"";display:table;clear:both}