.color-hue-slider.is-vertical[data-v-6598eda7]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:12px;height:100%;padding:2px 0;background-color:red}.color-hue-slider.is-vertical .color-hue-slider__bar[data-v-6598eda7]{position:relative;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:100%}.color-hue-slider.is-vertical .color-hue-slider__thumb[data-v-6598eda7]{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:100%;height:4px;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.color-predefine[data-v-7357964a]{-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 27px);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:5px}.color-predefine__colors[data-v-7357964a]{width:20px;height:20px;margin:2px 5px 2px}.color-predefine__colors>div[data-v-7357964a]{width:100%;height:100%;border-radius:4px;cursor:pointer}.color-predefine__colors.selected>div[data-v-7357964a]{-webkit-box-shadow:2px 2px 1px #889998,-2px -2px 1px #889998,-2px 2px 1px #889998,2px -2px 1px #889998;box-shadow:2px 2px 1px #889998,-2px -2px 1px #889998,-2px 2px 1px #889998,2px -2px 1px #889998}.color-alpha-slider[data-v-1541ab2f]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 27px);height:12px;margin:10px 0 0 5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNTkwMDI5NkNCODExRUE5MUUyOEM0NzYwNzg2QjZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNTkwMDJBNkNCODExRUE5MUUyOEM0NzYwNzg2QjZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA1OTAwMjc2Q0I4MTFFQTkxRTI4QzQ3NjA3ODZCNkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA1OTAwMjg2Q0I4MTFFQTkxRTI4QzQ3NjA3ODZCNkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/R3OsAAAAP0lEQVR42mI8c+YMAwwYGxvD2WfPniVJnImBSmDwGcT4//9/ssMFWXwYhxELJeEymo5G09FoOhpNR1Q0CCDAAPfhPVq//7mMAAAAAElFTkSuQmCC);background-repeat:repeat-x}.color-alpha-slider__bar[data-v-1541ab2f]{position:relative;background:-webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);height:100%}.color-alpha-slider__thumb[data-v-1541ab2f]{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.color-svpanel[data-v-36db1386]{position:relative}.color-svpanel__white[data-v-36db1386]{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.color-svpanel__black[data-v-36db1386]{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000,transparent)}.color-svpanel__cursor[data-v-36db1386]{position:absolute}.color-svpanel__cursor>div[data-v-36db1386]{width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.color-dropdown[data-v-c5e5c0ec]{min-height:200px;background:eee}.color-dropdown__main-wrapper[data-v-c5e5c0ec]{width:100%;height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 5px}.color-dropdown__main-wrapper .slider[data-v-c5e5c0ec]{width:12px;margin-left:5px}.color-dropdown__main-wrapper .panel[data-v-c5e5c0ec]{-webkit-box-flex:1;-ms-flex:1;flex:1}.color-dropdown__btns[data-v-c5e5c0ec]{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-dropdown__btns>input[data-v-c5e5c0ec]{height:30px;line-height:30px;border:1px solid #ddd;border-radius:4px;outline:none;margin:0 5px;padding-left:5px;width:150px}.color-dropdown__btns[data-v-c5e5c0ec] .button{height:30px;margin:0 4px}.color-dropdown__look[data-v-c5e5c0ec]{width:30px;height:30px;display:inline-block;border-radius:50%}