.vc-editable-input{position:relative}.vc-input__input{padding:0;border:0;outline:none}.vc-input__label{text-transform:capitalize}.vc-saturation,.vc-saturation--black,.vc-saturation--white{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0}.vc-saturation--white{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))}.vc-saturation--black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000,transparent)}.vc-saturation-pointer{cursor:pointer;position:absolute}.vc-saturation-circle{cursor:head;width:.03125rem;height:.03125rem;-webkit-box-shadow:0 0 0 .01172rem #fff,inset 0 0 .00781rem .00781rem rgba(0,0,0,.3),0 0 .00781rem .01563rem rgba(0,0,0,.4);box-shadow:0 0 0 .01172rem #fff,inset 0 0 .00781rem .00781rem rgba(0,0,0,.3),0 0 .00781rem .01563rem rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-.01563rem,-.01563rem);transform:translate(-.01563rem,-.01563rem)}.vc-hue{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.01563rem}.vc-hue--horizontal{background:-webkit-gradient(linear,left top,right top,from(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(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue--vertical{background:-webkit-gradient(linear,left bottom,left top,from(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(0deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue-container{cursor:pointer;margin:0 .01563rem;position:relative;height:100%}.vc-hue-pointer{z-index:2;position:absolute}.vc-hue-picker{cursor:pointer;margin-top:.00781rem;width:.03125rem;border-radius:.00781rem;height:.0625rem;-webkit-box-shadow:0 0 .01563rem rgba(0,0,0,.6);box-shadow:0 0 .01563rem rgba(0,0,0,.6);background:#fff;-webkit-transform:translateX(-.01563rem);transform:translateX(-.01563rem)}.vc-checkerboard{background-size:contain}.vc-alpha,.vc-alpha-checkboard-wrap,.vc-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0}.vc-alpha-checkboard-wrap{overflow:hidden}.vc-alpha-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.vc-alpha-container{cursor:pointer;position:relative;z-index:2;height:100%;margin:0 .02344rem}.vc-alpha-pointer{z-index:2;position:absolute}.vc-alpha-picker{cursor:pointer;width:.03125rem;border-radius:.00781rem;height:.0625rem;-webkit-box-shadow:0 0 .01563rem rgba(0,0,0,.6);box-shadow:0 0 .01563rem rgba(0,0,0,.6);background:#fff;margin-top:.00781rem;-webkit-transform:translateX(-.01563rem);transform:translateX(-.01563rem)}.colorcon{width:1.71875rem;height:.21875rem;background-color:red;cursor:pointer;border:.00781rem solid #c2c2c2;margin-top:.03906rem;border-radius:.03125rem}.vc-sketch{position:relative;width:1.5625rem;padding:.07813rem .07813rem 0;-webkit-box-sizing:initial;box-sizing:initial;background:#fff;border-radius:.03125rem;-webkit-box-shadow:0 0 0 .00781rem rgba(0,0,0,.15),0 .0625rem .125rem rgba(0,0,0,.15);box-shadow:0 0 0 .00781rem rgba(0,0,0,.15),0 .0625rem .125rem rgba(0,0,0,.15);margin-top:.03906rem}.vc-sketch-saturation-wrap{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.vc-sketch-controls{display:-webkit-box;display:-ms-flexbox;display:flex}.vc-sketch-sliders{padding:.03125rem 0;-webkit-box-flex:1;-ms-flex:1;flex:1}.vc-sketch-sliders .vc-alpha-gradient,.vc-sketch-sliders .vc-hue{border-radius:.01563rem}.vc-sketch-alpha-wrap,.vc-sketch-hue-wrap{position:relative;height:.07813rem}.vc-sketch-alpha-wrap{margin-top:.03125rem;overflow:hidden}.vc-sketch-color-wrap{width:.1875rem;height:.1875rem;position:relative;margin-top:.03125rem;margin-left:.03125rem;border-radius:.02344rem}.vc-sketch-active-color{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.01563rem;-webkit-box-shadow:inset 0 0 0 .00781rem rgba(0,0,0,.15),inset 0 0 .03125rem rgba(0,0,0,.25);box-shadow:inset 0 0 0 .00781rem rgba(0,0,0,.15),inset 0 0 .03125rem rgba(0,0,0,.25);z-index:2}.vc-sketch-color-wrap .vc-checkerboard{background-size:auto}.vc-sketch-field{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:.03125rem}.vc-sketch-field .vc-input__input{width:90%;padding:.03125rem 0 .02344rem 10%;border:none;-webkit-box-shadow:inset 0 0 0 .00781rem #ccc;box-shadow:inset 0 0 0 .00781rem #ccc;font-size:.07813rem}.vc-sketch-field .vc-input__label{display:block;text-align:center;font-size:.08594rem;color:#222;padding-top:.02344rem;padding-bottom:.03125rem;text-transform:capitalize}.vc-sketch-field--single{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:.04688rem}.vc-sketch-field--double{-webkit-box-flex:2;-ms-flex:2;flex:2}.vc-sketch-presets{margin-right:-.07813rem;margin-left:-.07813rem;padding-left:.07813rem;padding-top:.07813rem;border-top:.00781rem solid #eee}.vc-sketch-presets-color{overflow:hidden;position:relative;display:inline-block;margin:0 .07813rem .07813rem 0;vertical-align:top;cursor:pointer;width:.125rem;height:.125rem}.vc-sketch-presets-color,.vc-sketch-presets-color .vc-checkerboard{border-radius:.02344rem;-webkit-box-shadow:inset 0 0 0 .00781rem rgba(0,0,0,.15);box-shadow:inset 0 0 0 .00781rem rgba(0,0,0,.15)}.vc-sketch__disable-alpha .vc-sketch-color-wrap{height:.07813rem}