.wcpa-sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-top,.wcpa-sp-container.sp-flat{position:relative}.wcpa-sp-container,.wcpa-sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{width:100%;display:inline-block}.sp-alpha-handle,.sp-color,.sp-dragger,.sp-sat,.sp-slider,.sp-top-inner,.sp-val,.wcpa-sp-container .sp-hue{position:absolute}.sp-top-inner{top:0;left:0;bottom:0;right:0}.sp-color{top:0;left:0;bottom:0;right:20%}.wcpa-sp-container .sp-hue{top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:1px solid #333}.wcpa-sp-container .sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider,.wcpa-sp-container,.wcpa-sp-container button,.wcpa-sp-container.sp-dragging .sp-input{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-initial-disabled .sp-initial,.sp-palette-disabled .sp-palette-container,.sp-palette-only .sp-picker-container,.wcpa-sp-container.sp-buttons-disabled .sp-button-container,.wcpa-sp-container.sp-input-disabled .sp-input-container,.wcpa-sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(#fff0));background-image:-webkit-linear-gradient(left,#fff,#fff0);background-image:-moz-linear-gradient(left,#fff,#fff0);background-image:-o-linear-gradient(left,#fff,#fff0);background-image:-ms-linear-gradient(left,#fff,#fff0);background-image:linear-gradient(to right,#fff,#fff0)}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(#fff0));background-image:-webkit-linear-gradient(bottom,#000,#fff0);background-image:-moz-linear-gradient(bottom,#000,#fff0);background-image:-o-linear-gradient(bottom,#000,#fff0);background-image:-ms-linear-gradient(bottom,#000,#fff0);background-image:linear-gradient(to top,#000,#fff0)}.wcpa-sp-container .sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.wcpa-sp-container .sp-color{right:40%}.wcpa-sp-container .sp-hue{left:63%}.wcpa-sp-container .sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;top:0;left:0}.sp-slider{top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.wcpa-sp-container{border-radius:0;background-color:#fff;padding:0;box-shadow:0 2px 17px 0 #0003}.sp-clear,.sp-color,.wcpa-sp-container,.wcpa-sp-container .sp-hue,.wcpa-sp-container button,.wcpa-sp-container input{font:400 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Genev