@charset "UTF-8";:root{--cp-gray-100: #f9f9f9;--cp-gray-200: #f1f1f4;--cp-gray-300: #dbdfe9;--cp-gray-400: #c4cada;--cp-gray-500: #99a1b7;--cp-gray-600: #78829d;--cp-gray-700: #4b5675;--cp-gray-800: #252f4a;--cp-gray-900: #071437;--cp-inverse-dark: #57575723;--cp-inverse-white: #9292920d;--cp-container-bg: #fff;--cp-primary: #5983fc;--cp-select-color: #2c5ae6af;--cp-range-border: #f7f7f7;--cp-range-shadow: #4c86f3;--cp-container-shadow: #58585881;--padding: 0px 10px;--margin-top: 10px}.ck-cp-container[cp-theme=dark]{--cp-gray-100: #1b1c22;--cp-gray-200: #26272f;--cp-gray-300: #363843;--cp-gray-400: #464852;--cp-gray-500: #636674;--cp-gray-600: #808290;--cp-gray-700: #9a9cae;--cp-gray-800: #b5b7c8;--cp-gray-900: #f5f5f5;--cp-inverse-dark: #6b6b6b56;--cp-inverse-white: #92929256;--cp-container-bg: #131314;--cp-container-shadow: #2b262696}.ck-cp-container{left:0;background-color:var(--cp-container-bg);border-radius:.5rem;padding:0;width:270px;height:auto;box-shadow:0 0 34px 1px var(--cp-container-shadow);padding-bottom:calc(var(--margin-top) * 1.5);padding-top:var(--margin-top)}.ck-cp-container *{outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ck-cp-controller-bar{border-radius:.475rem;display:flex;align-items:center;gap:15px}.ck-cp-menu{display:flex;align-items:center;justify-content:space-between;padding:var(--padding)}.cp-btn{border:0;height:30px!important;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:5px;padding:0;background-color:var(--cp-container-bg);color:var(--cp-gray-700)}.cp-btn svg{fill:var(--cp-gray-700)}.cp-picker-wrap{height:145px;position:relative;overflow:hidden;margin:var(--padding)}.picker-saturation{cursor:auto;position:absolute;top:0;left:0;right:0;bottom:0}.colour-area-point-circle{pointer-events:none;cursor:pointer;position:absolute;width:12px;height:12px;box-shadow:0 0 0 1.5px var(--cp-container-bg),inset 0 0 1px 1px var(--cp-gray-900),0 0 1px 2px var(--cp-gray-900);border-radius:50%}.colour-area-mask{border-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset #00000013 0 0 0 1px}.colour-area{width:100%;height:100%;border-radius:.5rem}.picker-hue{width:100%;height:8px}.picker-hue-range-slider{margin:0;border-radius:10px;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;width:100%;display:block;outline:none;transition:color .05s linear;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.picker-hue-range-slider:focus{outline:none}.picker-hue-range-slider:active,.picker-hue-range-slider:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.picker-hue-range-slider::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;outline:none}.picker-hue-range-slider::-ms-track{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.picker-hue-range-slider::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.picker-hue-range-slider::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.picker-opacity-slider{top:0;position:absolute;left:0;width:100%;height:8px}.opacity_slider{margin:0;border-radius:16px;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;width:100%;display:block;outline:none;transition:color .05s linear}.opacity_slider:focus{outline:none}.opacity_slider:active,.opacity_slider:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.opacity_slider::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;outline:none}.opacity_slider::-ms-track{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.opacity_slider::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.opacity_slider::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.gradient-bar{width:100%;position:relative;box-sizing:border-box}.gradient-container{width:100%;height:8px;border-radius:10px}.gradient-handle{position:absolute;z-index:1;top:-3px;outline:none}.gradient-handle .gradient-handle-content{cursor:ew-resize;display:flex;box-sizing:border-box;justify-content:center;align-items:center;box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%}.gradient-handle.select .gradient-handle-content{background-color:var(--cp-primary);border:2px solid var(--cp-range-border)}.gradient-handle.select{z-index:2}.opacity-bar{position:relative;height:8px;overflow:visible;border-radius:16px;display:flex;align-items:center;background:linear-gradient(45deg,var(--cp-inverse-dark) 25%,transparent 25%,transparent 75%,var(--cp-inverse-dark) 75%,var(--cp-inverse-dark) 0px) 0px 0px/16px 16px repeat padding-box border-box,linear-gradient(45deg,var(--cp-inverse-dark) 25%,transparent 25%,transparent 75%,var(--cp-inverse-dark) 75%,var(--cp-inverse-dark) 0px) 8px 8px/16px 16px repeat padding-box border-box,var(--cp-inverse-white)}.ck-cp-linear-angle-container{padding:var(--padding);margin-bottom:calc(var(--margin-top) * 1.75)}.ck-cp-linear-angle-container input[type=range]{margin:0;border-radius:10px;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cp-gray-200);height:8px;width:100%;display:block;outline:none;transition:color .05s linear}.ck-cp-linear-angle-container input[type=range]:focus{outline:none}.ck-cp-linear-angle-container input[type=range]:active,.ck-cp-linear-angle-container input[type=range]:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.ck-cp-linear-angle-container input[type=range]::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;outline:none}.ck-cp-linear-angle-container input[type=range]::-ms-track{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.ck-cp-linear-angle-container input[type=range]::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.ck-cp-linear-angle-container input[type=range]::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.ck-cp-linear-angle-container .ck-gradient-set-label{text-align:start;font-size:12px;color:var(--cp-gray-700);margin:0;margin-top:var(--margin-top);margin-bottom:calc(var(--margin-top) / 2)}.ck-cp-linear-angle-container .ck-gradient-set-label span{color:var(--cp-primary);font-weight:700}.ck-cp-linear-angle-container p span:before{content:"→ "}.ck-cp-input-container{display:flex;gap:8px;margin:0 10px;margin-top:calc(var(--margin-top) * 2.5)}.ck-cp-input-container input{background-color:var(--cp-container-bg);border:1px solid var(--cp-gray-300);color:var(--cp-gray-900);border-radius:5px}.ck-cp-input-container input[type=text]{padding:0;width:100%;text-align:center;height:30px;flex-shrink:0;outline:none;font-size:14px}.ck-cp-input-container input[type=number]{padding:0;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield;border-radius:5px;text-align:center;flex-shrink:0;outline:none;height:100%;width:100%;font-size:14px}.ck-cp-input-container input:focus-visible{border:1px solid var(--cp-primary)}.ck-cp-input-container input[type=number]::-webkit-inner-spin-button,.ck-cp-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}.ck-cp-input-container .ck-cp-input-content:not(.color-hex){position:relative;display:flex;flex-direction:column;min-width:34px;height:30px}.ck-cp-input-container .color-hex{position:relative;display:flex;flex-direction:column;width:100%}.ck-cp-input-container .ck-cp-input-content .ck-cp-input-label{position:absolute;background-color:var(--cp-container-bg);font-size:10px;top:-6px;left:-6px;color:var(--cp-gray-700);padding:0 4px;z-index:1}.ck-cp-local-color-conatiner{display:flex;flex-direction:column;gap:12px;padding:0 10px;border-top:1px solid var(--cp-gray-200);padding-top:calc(var(--margin-top) * 1.25);margin-top:calc(var(--margin-top) * 2)}.ck-cp-local-color-conatiner .ck-cp-color-item{cursor:pointer;width:25px;height:25px;border:1px solid transparent;box-sizing:border-box;border-radius:5px}.ck-cp-local-color-conatiner .ck-cp-color-item.ck-select{border:2px solid var(--cp-select-color)}.ck-cp-disabled *{pointer-events:none!important;opacity:.75}.cp-main-btn{border:0;height:20px!important;width:20px!important;display:flex;align-items:center;font-size:14px;background-color:var(--cp-container-bg);padding:0;justify-content:center}.cp-main-btn svg{transform:scale(.9);fill:var(--cp-gray-700)}.cp-btn-save-color{background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;border:1px solid var(--cp-gray-500);border-radius:5px}.cp-btn-save-color svg{fill:var(--cp-gray-700)}.ck-cp-color-list{display:flex;flex-wrap:wrap;gap:7px}.ck-cp-color-list-label{font-size:12px;height:20px;display:flex;align-items:center;justify-content:space-between;color:var(--cp-gray-700)}.ck-cp-color-list-label svg{fill:var(--cp-gray-700)}.ck-cp-buttons{padding:20px 10px 0;display:flex;flex-direction:row;justify-content:flex-end;-moz-column-gap:4px;column-gap:4px}.ck-cp-buttons__button{font-size:12px;padding:5px 15px;background-color:var(--cp-container-bg);border:none;color:var(--cp-gray-800);border-radius:5px}.ck-cp-buttons__button:hover{cursor:pointer;background-color:var(--cp-gray-100)}.ck-cp-buttons__button:active{background-color:var(--cp-gray-100)}
