.wpc-colorpicker-popup{display:none;position:fixed;padding:10px;font-family:sans-serif;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:0 6px 20px rgba(0,15,60,.1);box-shadow:0 6px 20px rgba(0,15,60,.1);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:999999}.wpc-colorpicker-popup.wpc-active{display:block}.wpc-colorpicker-embed{padding:10px;font-family:sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}.wpc-colorpicker-embed .wpc-colorpicker-line,.wpc-colorpicker-popup .wpc-colorpicker-line{width:100%;height:1px;margin:10px 0;background:#7e8993;opacity:.4}.wpc-colorpicker-embed .wpc-colorpicker-row,.wpc-colorpicker-popup .wpc-colorpicker-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.wpc-colorpicker-embed .wpc-colorpicker-input-text-wrap,.wpc-colorpicker-popup .wpc-colorpicker-input-text-wrap{position:relative}.wpc-colorpicker-embed .wpc-colorpicker-input-text,.wpc-colorpicker-popup .wpc-colorpicker-input-text{display:inline-block;width:90px;padding:0 5px;background-color:#fff;color:#111;font-size:14px;line-height:1;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.wpc-colorpicker-embed .wpc-colorpicker-clear,.wpc-colorpicker-popup .wpc-colorpicker-clear{position:absolute;top:0;right:0;padding:0 5px;font-style:normal;font-size:20px;font-weight:400;line-height:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wpc-colorpicker-embed .wpc-colorpicker-input-color-wrap,.wpc-colorpicker-popup .wpc-colorpicker-input-color-wrap{position:relative}.wpc-colorpicker-embed .wpc-colorpicker-input-color,.wpc-colorpicker-popup .wpc-colorpicker-input-color{width:30px;height:30px;margin:0;border:none;cursor:pointer;opacity:0}.wpc-colorpicker-embed .wpc-colorpicker-preview-wrap,.wpc-colorpicker-popup .wpc-colorpicker-preview-wrap{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;-webkit-box-shadow:0 0 1px rgba(0,0,0,.7);box-shadow:0 0 1px rgba(0,0,0,.7);pointer-events:none}.wpc-colorpicker-embed .wpc-colorpicker-preview,.wpc-colorpicker-popup .wpc-colorpicker-preview{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;background-image:url(../img/chess.png);background-position:center center}.wpc-colorpicker-embed .wpc-colorpicker-colors,.wpc-colorpicker-popup .wpc-colorpicker-colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wpc-colorpicker-embed .wpc-colorpicker-colors .wpc-colorpicker-row,.wpc-colorpicker-popup .wpc-colorpicker-colors .wpc-colorpicker-row{margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px}.wpc-colorpicker-embed .wpc-colorpicker-colors .wpc-colorpicker-row:first-child .wpc-colorpicker-color,.wpc-colorpicker-popup .wpc-colorpicker-colors .wpc-colorpicker-row:first-child .wpc-colorpicker-color{border-top-left-radius:3px;border-top-right-radius:3px}.wpc-colorpicker-embed .wpc-colorpicker-colors .wpc-colorpicker-row:last-child .wpc-colorpicker-color,.wpc-colorpicker-popup .wpc-colorpicker-colors .wpc-colorpicker-row:last-child .wpc-colorpicker-color{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.wpc-colorpicker-embed .wpc-colorpicker-color,.wpc-colorpicker-popup .wpc-colorpicker-color{-webkit-transition:all .1s;transition:all .1s;position:relative;width:25px;height:25px;cursor:pointer}.wpc-colorpicker-embed .wpc-colorpicker-color-save,.wpc-colorpicker-popup .wpc-colorpicker-color-save{-webkit-transition:all .3s;transition:all .3s;position:relative;border:1px dashed #555;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.wpc-colorpicker-embed .wpc-colorpicker-color-save:before,.wpc-colorpicker-popup .wpc-colorpicker-color-save:before{content:"+";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-style:normal;font-size:20px;font-weight:400;line-height:20px}.wpc-colorpicker-embed .wpc-colorpicker-color-save:hover,.wpc-colorpicker-popup .wpc-colorpicker-color-save:hover{border-color:#2271b1}.wpc-colorpicker-embed .wpc-colorpicker-color-save:hover:before,.wpc-colorpicker-popup .wpc-colorpicker-color-save:hover:before{color:#2271b1}.wpc-colorpicker-embed .wpc-colorpicker-button,.wpc-colorpicker-popup .wpc-colorpicker-button{-webkit-transition:all .3s;transition:all .3s;min-width:58px;line-height:30px;font-size:14px;text-align:center;color:#3c434a;background-color:#fff;border:none;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wpc-colorpicker-embed .wpc-colorpicker-button:hover,.wpc-colorpicker-popup .wpc-colorpicker-button:hover{color:#2271b1}.wpc-colorpicker-embed .wpc-colorpicker-button-submit,.wpc-colorpicker-popup .wpc-colorpicker-button-submit{color:#fff;background-color:#2271b1;-webkit-box-shadow:0 0 2px #2271b1;box-shadow:0 0 2px #2271b1;z-index:1}.wpc-colorpicker-embed .wpc-colorpicker-button-submit:hover,.wpc-colorpicker-popup .wpc-colorpicker-button-submit:hover{color:#fff;background-color:#40a9ff;-webkit-box-shadow:0 0 2px #40a9ff;box-shadow:0 0 2px #40a9ff}