.color-select[data-v-1b4db5ee]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;min-width:270px;min-height:200px;overflow-y:auto;background:#fff;padding:10px;box-shadow:0 0 5px 0 #ccc}.saturation-value[data-v-1b4db5ee]{cursor:pointer;width:100%;height:130px;position:relative;margin-bottom:10px;box-shadow:1px 1px 1px rgba(0,0,0,.1)}.saturation-value>div[data-v-1b4db5ee]{position:absolute;top:0;left:0;width:100%;height:100%}.point[data-v-1b4db5ee]{box-sizing:border-box;width:6px;height:6px;background-color:transparent;border:2px solid #ccc;border-radius:50%;transform:translate(-50%,-50%);position:absolute;z-index:9}.saturation-value-2[data-v-1b4db5ee]{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.saturation-value-3[data-v-1b4db5ee]{background:linear-gradient(0deg,#000,hsla(0,0%,100%,0))}.color-select-middle[data-v-1b4db5ee]{width:100%;display:flex;margin-bottom:10px}.hue-slider[data-v-1b4db5ee]{margin-bottom:6px;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.alpha-slider[data-v-1b4db5ee],.hue-slider[data-v-1b4db5ee]{position:relative;height:10px;box-shadow:1px 1px 1px rgba(0,0,0,.1)}.alpha-slider[data-v-1b4db5ee]{background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==");background-size:10px 10px}.slider[data-v-1b4db5ee]{position:absolute;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;width:6px;height:100%;background-color:#fff}.color-diamond[data-v-1b4db5ee]{position:relative;margin-left:5px;width:26px;height:26px;border-radius:3px;overflow:hidden;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==");background-size:10px 10px}.color-value[data-v-1b4db5ee]{width:100%;display:flex;justify-content:space-between}.color-value div[data-v-1b4db5ee]{padding:0 3px;text-align:center}.color-value input[data-v-1b4db5ee]{font-size:12px;box-sizing:border-box;width:34px;height:24px;padding:0;margin:0;outline:none;text-align:center;border-radius:3px;border:1px solid #ccc}.color-value p[data-v-1b4db5ee]{font-size:12px;margin:3px 0 0}.color-value .rgba-a[data-v-1b4db5ee]{padding-right:0}.color-value .hex[data-v-1b4db5ee]{flex:1;padding-left:0}.color-value .hex input[data-v-1b4db5ee]{width:100%;height:24px}.preset[data-v-1b4db5ee]{width:100%;padding:0;margin:10px 0 0;list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-start}.preset li[data-v-1b4db5ee]{width:20px;height:20px;margin-right:6px;margin-bottom:6px;border:1px solid #ccc;border-radius:6px}