.saturation-gradient[data-v-bd4b5a4a]{background:linear-gradient(90deg,#fff,transparent)}.value-gradient[data-v-bd4b5a4a]{background:linear-gradient(0deg,#000,transparent);height:100%;left:0;position:absolute;top:0;width:100%}.hue-slider[data-v-bd4b5a4a]{background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue-slider-thumb[data-v-bd4b5a4a]{transform:translateY(-50%)}.input-group input[data-v-bd4b5a4a]{border:1px solid #ddd;border-radius:4px;padding:6px 8px;width:100%}