.jcolor-picker{position:relative;font-family:Verdana,Geneva,sans-serif;font-size:11px}.jcolor-picker [data-type="btn"]{width:30px;height:30px;background-color:#000;cursor:pointer;border:1px solid #111;box-sizing:border-box}.jcolor-picker [data-type="btn"]>[data-type="arrow"]{content:'';display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #111;position:absolute;top:3px;right:2px}.jcolor-picker [data-type="holder"]{display:none;position:absolute;top:30px;left:0;z-index:1000;background:#383838;color:#fff}.jcolor-picker [data-type="holder"].jcp-right{right:0;left:auto}.jcolor-picker [data-type="holder"].jcp-visible{display:-webkit-box;display:-ms-flexbox;display:flex}.jcolor-picker canvas{cursor:crosshair}.jcolor-picker [data-type="palette-box"]{position:relative;margin:10px;float:left}.jcolor-picker [data-type="palette-handle"]{position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);width:15px;height:15px;border-radius:15px;border:2px solid #000;box-sizing:border-box;z-index:1000;cursor:crosshair}.jcolor-picker [data-type="slider-box"]{position:relative;margin:10px 10px 10px 0;float:left}.jcolor-picker [data-type="slider-handle"]{position:absolute;top:0;left:-1px;z-index:1000;width:20px;height:10px;border:1px solid #111;background:rgba(0,0,0,0.5);cursor:pointer;-webkit-transition:background-color .25s;transition:background-color .25s}.jcolor-picker [data-type="controls"]{margin:10px 0;width:105px}.jcolor-picker [data-type="color"]{width:73px;height:25px;border:1px solid #000;margin:0 0 10px 0}.jcolor-picker input[type="text"]{border:1px solid #000;padding:3px 5px;width:50px;outline:0}.jcolor-picker .jcp-color-preview [data-type="color-tb"]{width:52px;height:12px;font-size:13px}.jcolor-picker [data-type="types"]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 0 7px 0;vertical-align:middle}.jcolor-picker .jcp-type{margin-bottom:3px}.jcolor-picker [data-type="types"] input[type="text"]{width:35px;height:12px;font-size:13px}.jcolor-picker [data-type="types"] label{width:15px;display:inline-block;vertical-align:middle}.jcolor-picker input[type="radio"]{vertical-align:middle;outline:0}.jcolor-picker [data-type="rgb-label"]{font-size:10px;color:#fff;display:inline-block;margin:0 0 10px 0}.jcolor-picker .jcp-btn{border:1px solid #000;display:inline-block;margin:10px 0 0 0;padding:3px 5px;width:78px;cursor:pointer;background-color:#d0d5d7}@media(max-width:420px){.jcolor-picker [data-type="controls"]{display:none}}