.ck-cp-container .color-input-menu{z-index:100;background-color:var(--cp-input-menu-bg);box-shadow:0 0 15px 0 var(--cp-container-shadow);border-radius:8px;width:83px;padding:5px;position:absolute;top:20px;right:0}.ck-cp-container .color-input-menu li{text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--cp-label-color);border-radius:4px;padding:5px 10px;font-size:12px;font-weight:500;list-style:none}.ck-cp-container .color-input-menu li.active{background-color:var(--cp-border-color);color:var(--cp-act-color)}:root{--cp-container-bg:#fff;--cp-ps-color:#707070;--cp-act-color:#5983fc;--cp-range-border:#f7f7f7;--cp-input-menu-bg:#f5f5f5;--cp-border-color:#e5e5e5;--cp-range-shadow:#4c86f3;--cp-label-color:#787878;--cp-container-shadow:#58585881;--cp-font-color:#141414;--cp-button-color:#f5f5f5}.ck-cp-container{background-color:var(--cp-container-bg);width:250px;height:auto;box-shadow:0 0 34px 1px var(--cp-container-shadow);border-radius:1rem;padding:10px;left:0}.ck-cp-container[cp-theme=dark]{--cp-container-bg:#212529;--cp-input-menu-bg:#242629;--cp-border-color:#43474b;--cp-label-color:#787878;--cp-container-shadow:#2b262696;--cp-font-color:#e7e7e7;--cp-button-color:#1a1d20}.ck-cp-container *{outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ck-cp-controller-bar{border-radius:.475rem;align-items:center;gap:5px;margin-top:.5rem;display:flex}.ck-cp-menu{justify-content:space-between;width:100%}.ck-cp-menu,.cp-btn{align-items:center;display:flex}.cp-btn{background-color:var(--cp-button-color);border:0;border-radius:.475rem;justify-content:center;font-size:14px;width:28px!important;height:28px!important}.cp-btn *{pointer-events:none}.cp-btn svg path{fill:var(--cp-ps-color)}.cp-btn.active svg path{fill:var(--cp-act-color)}.cp-btn.active{opacity:1;background-color:var(--cp-container-bg);border:1px solid var(--cp-border-color)}.cp-picker-wrap{width:100%;height:145px;position:relative;overflow:hidden}.picker-saturation{cursor:auto;position:absolute;inset:0}.colour-area-point-circle{pointer-events:none;cursor:pointer;width:12px;height:12px;box-shadow:0 0 0 1.5px var(--cp-container-bg),inset 0 0 1px 1px var(--cp-font-color),0 0 1px 2px var(--cp-font-color);border-radius:50%;position:absolute}.colour-area-mask{position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #00000013}.colour-area,.colour-area-mask{border-radius:.5rem;width:100%;height:100%}.picker-hue{width:100%;height:14px;margin:1rem 0}.picker-hue-range-slider{z-index:1;appearance:none;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:10px;outline:none;width:100%;height:100%;margin:0;transition:color 50ms linear;display:block;position:relative}.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{appearance:none;opacity:0;outline:none}.picker-hue-range-slider::-ms-track{appearance:none;opacity:0;outline:none}.picker-hue-range-slider::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:.2em solid var(--cp-range-border);background-color:var(--cp-act-color);appearance:none;cursor:pointer;cursor:move;cursor:grab;width:24px;height:24px;cursor:-webkit-grab;border-radius:50%}.picker-hue-range-slider::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:.2em solid var(--cp-range-border);background-color:var(--cp-act-color);appearance:none;cursor:pointer;cursor:move;cursor:grab;width:24px;height:24px;cursor:-webkit-grab;border-radius:50%}.picker-opacity-slider{width:100%;height:14px;position:absolute;top:0;left:0}.opacity__slider{z-index:10;appearance:none;background-color:#0000001a;border-radius:10px;outline:none;width:100%;height:100%;margin:0;padding-inline-end:.65px;transition:color 50ms linear;display:block}.opacity__slider:focus{outline:none}.opacity__slider:active,.opacity__slider:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.opacity__slider::-moz-range-track{appearance:none;opacity:0;outline:none}.opacity__slider::-ms-track{appearance:none;opacity:0;outline:none}.opacity__slider::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:.2em solid var(--cp-range-border);background-color:var(--cp-act-color);appearance:none;cursor:pointer;cursor:move;cursor:grab;width:24px;height:24px;cursor:-webkit-grab;border-radius:50%}.opacity__slider::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:.2em solid var(--cp-act-color);background-color:var(--cp-act-color);appearance:none;cursor:pointer;cursor:move;cursor:grab;width:24px;height:24px;cursor:-webkit-grab;border-radius:50%}.gradient-bar{box-sizing:border-box;width:100%;margin-top:17px;margin-bottom:4px;position:relative}.gradient-container{border-radius:10px;width:100%;height:14px}.gradient-handle{z-index:1;outline:none;position:absolute;top:-5px}.gradient-handle .gradient-handle-content{cursor:ew-resize;box-shadow:0 0 6px 0 var(--cp-range-shadow);background-color:var(--cp-range-border);box-sizing:border-box;border:.2em solid var(--cp-act-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.gradient-handle.select .gradient-handle-content{background-color:var(--cp-act-color);border:.2em solid var(--cp-range-border)}.gradient-handle.select{z-index:2}.opacity-bar{box-sizing:border-box;height:20px;margin-top:16px;margin-bottom:4px;position:relative}.opacity-bar-background{transform-origin:0 0 0;box-shadow:none;text-shadow:none;z-index:0;background:linear-gradient(45deg,#0000002e 25%,#0000 0 75%,#0000002e 0 0) 0 0/14px 14px,linear-gradient(45deg,#0000002e 25%,#0000 0 75%,#0000002e 0 0) 7px 7px/14px 14px,#fff;border-radius:10px;width:100%;height:14px;transition:none;position:absolute;transform:scaleX(1)scaleY(1)scaleZ(1)}.ck-cp-linear-angle-container{margin:1rem 0 2rem}.ck-cp-linear-angle-container input[type=range]{z-index:10;appearance:none;background-color:var(--cp-border-color);border-radius:10px;outline:none;width:100%;height:5px;margin:0;transition:color 50ms linear;display:block}.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{appearance:none;opacity:0;outline:none}.ck-cp-linear-angle-container input[type=range]::-ms-track{appearance:none;opacity:0;outline:none}.ck-cp-linear-angle-container input[type=range]::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);background-color:var(--cp-act-color);appearance:none;cursor:pointer;cursor:move;cursor:grab;width:6px;height:24px;cursor:-webkit-grab;border-radius:2px}.ck-cp-linear-angle-container input[type=range]::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);background-color:var(--cp-act-color);appearance:none;cursor:pointer;cursor:move;cursor:grab;width:6px;height:24px;cursor:-webkit-grab;border-radius:2px}.ck-cp-linear-angle-container .ck-gradient-set-label{text-align:start;color:var(--cp-label-color);margin-bottom:15px;font-size:13.5px;font-weight:500}.ck-cp-linear-angle-container .ck-gradient-set-label span{color:var(--cp-act-color);font-weight:700}.ck-cp-linear-angle-container p span:before{content:"→ "}.ck-cp-input-container{gap:8px;width:100%;margin-top:.85rem;margin-bottom:12px;display:flex}.ck-cp-input-container input{background-color:var(--cp-container-bg);border:1px solid var(--cp-border-color);color:var(--cp-font-color);border-radius:5px}.ck-cp-input-container input[type=text]{text-align:center;outline:none;flex-shrink:0;width:100%;height:30px;padding:0;font-size:14px}.ck-cp-input-container input[type=number]{appearance:textfield;text-align:center;border-radius:5px;outline:none;flex-shrink:0;width:100%;height:100%;padding:0;font-size:14px}.ck-cp-input-container input:focus-visible{border:1px solid var(--cp-act-color)}.ck-cp-input-container input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}.ck-cp-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}.ck-cp-input-container .ck-cp-input-content:not(.color-hex){flex-direction:column;min-width:34px;height:30px;display:flex;position:relative}.ck-cp-input-container .color-hex{flex-direction:column;width:100%;display:flex;position:relative}.ck-cp-input-container .ck-cp-input-content .ck-cp-input-label{background-color:var(--cp-container-bg);color:var(--cp-label-color);z-index:1;padding:0 4px;font-size:10px;font-weight:500;position:absolute;top:-6px;left:-6px}.ck-cp-local-color-conatiner{flex-wrap:wrap;gap:5px;padding-bottom:12px;display:flex}.ck-cp-local-color-conatiner .ck-cp-color-item{cursor:pointer;border-radius:5px;width:23px;height:23px}.ck-cp-disabled *{opacity:.75;pointer-events:none!important}