: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{background-color:var(--cp-container-bg);box-shadow:0 0 34px 1px var(--cp-container-shadow);height:auto;padding:0;padding-bottom:calc(var(--margin-top)*1.5);padding-top:var(--margin-top);border-radius:.5rem;width:270px;left:0}.ck-cp-container *{-webkit-user-select:none;user-select:none;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ck-cp-controller-bar{border-radius:.475rem;align-items:center;gap:15px;display:flex}.ck-cp-menu{padding:var(--padding);justify-content:space-between}.ck-cp-menu,.cp-btn{align-items:center;display:flex}.cp-btn{background-color:var(--cp-container-bg);color:var(--cp-gray-700);border:0;border-radius:5px;justify-content:center;padding:0;font-size:12px;height:30px!important}.cp-btn svg{fill:var(--cp-gray-700)}.cp-picker-wrap{height:145px;margin:var(--padding);position:relative;overflow:hidden}.picker-saturation{cursor:auto;position:absolute;inset:0}.colour-area-point-circle{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);cursor:pointer;pointer-events:none;border-radius:50%;width:12px;height:12px;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:8px}.picker-hue-range-slider{appearance:none;z-index:1;background:linear-gradient(90deg,red 0,#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{appearance:none;background-color:var(--cp-primary);border:1px solid var(--cp-range-border);box-shadow:0 0 6px 0 var(--cp-range-shadow);cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border-radius:50%;width:14px;height:14px}.picker-hue-range-slider::-moz-range-thumb{appearance:none;background-color:var(--cp-primary);border:1px solid var(--cp-range-border);box-shadow:0 0 6px 0 var(--cp-range-shadow);cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border-radius:50%;width:14px;height:14px}.picker-opacity-slider{width:100%;height:8px;position:absolute;top:0;left:0}.opacity_slider{appearance:none;z-index:1;border-radius:16px;outline:none;width:100%;height:8px;margin:0;transition:color 50ms linear;display:block;position:relative}.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{appearance:none;background-color:var(--cp-primary);border:1px solid var(--cp-range-border);box-shadow:0 0 6px 0 var(--cp-range-shadow);cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border-radius:50%;width:14px;height:14px}.opacity_slider::-moz-range-thumb{appearance:none;background-color:var(--cp-primary);border:1px solid var(--cp-range-border);box-shadow:0 0 6px 0 var(--cp-range-shadow);cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border-radius:50%;width:14px;height:14px}.gradient-bar{box-sizing:border-box;width:100%;position:relative}.gradient-container{border-radius:10px;width:100%;height:8px}.gradient-handle{z-index:1;outline:none;position:absolute;top:-3px}.gradient-handle .gradient-handle-content{background-color:var(--cp-primary);border:1px solid var(--cp-range-border);box-shadow:0 0 6px 0 var(--cp-range-shadow);box-sizing:border-box;cursor:ew-resize;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.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{background:linear-gradient(45deg,var(--cp-inverse-dark)25%,transparent 25%,transparent 75%,var(--cp-inverse-dark)75%,var(--cp-inverse-dark)0)0 0/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)0)8px 8px/16px 16px repeat padding-box border-box,var(--cp-inverse-white);border-radius:16px;align-items:center;height:8px;display:flex;position:relative;overflow:visible}.ck-cp-linear-angle-container{margin-bottom:calc(var(--margin-top)*1.75);padding:var(--padding)}.ck-cp-linear-angle-container input[type=range]{appearance:none;background-color:var(--cp-gray-200);z-index:10;border-radius:10px;outline:none;width:100%;height:8px;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{appearance:none;background-color:var(--cp-primary);border:1px solid var(--cp-range-border);box-shadow:0 0 6px 0 var(--cp-range-shadow);cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border-radius:50%;width:14px;height:14px}.ck-cp-linear-angle-container input[type=range]::-moz-range-thumb{appearance:none;background-color:var(--cp-primary);border:1px solid var(--cp-range-border);box-shadow:0 0 6px 0 var(--cp-range-shadow);cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border-radius:50%;width:14px;height:14px}.ck-cp-linear-angle-container .ck-gradient-set-label{color:var(--cp-gray-700);margin:0;margin-bottom:calc(var(--margin-top)/2);margin-top:var(--margin-top);text-align:start;font-size:12px}.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{margin:0 10px;margin-top:calc(var(--margin-top)*2.5);gap:8px;display:flex}.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]{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-primary)}.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-gray-700);z-index:1;padding:0 4px;font-size:10px;position:absolute;top:-6px;left:-6px}.ck-cp-local-color-conatiner{border-top:1px solid var(--cp-gray-200);margin-top:calc(var(--margin-top)*2);padding:0 10px;padding-top:calc(var(--margin-top)*1.25);flex-direction:column;gap:12px;display:flex}.ck-cp-local-color-conatiner .ck-cp-color-item{box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:5px;width:25px;height:25px}.ck-cp-local-color-conatiner .ck-cp-color-item.ck-select{border:2px solid var(--cp-select-color)}.ck-cp-disabled *{opacity:.75;pointer-events:none!important}.cp-main-btn{background-color:var(--cp-container-bg);border:0;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex;width:20px!important;height:20px!important}.cp-main-btn svg{fill:var(--cp-gray-700);transform:scale(.9)}.cp-btn-save-color{border:1px solid var(--cp-gray-500);cursor:pointer;background-color:#0000;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.cp-btn-save-color svg{fill:var(--cp-gray-700)}.ck-cp-color-list{flex-wrap:wrap;gap:7px;display:flex}.ck-cp-color-list-label{color:var(--cp-gray-700);justify-content:space-between;align-items:center;height:20px;font-size:12px;display:flex}.ck-cp-color-list-label svg{fill:var(--cp-gray-700)}.ck-cp-buttons{-moz-column-gap:4px;flex-direction:row;justify-content:flex-end;column-gap:4px;padding:20px 10px 0;display:flex}.ck-cp-buttons__button{background-color:var(--cp-container-bg);color:var(--cp-gray-800);border:none;border-radius:5px;padding:5px 15px;font-size:12px}.ck-cp-buttons__button:hover{cursor:pointer}.ck-cp-buttons__button:active,.ck-cp-buttons__button:hover{background-color:var(--cp-gray-100)}.color-picker[data-v-74dadd0d]{--cp-container-bg:var(--color-surface);--cp-container-shadow:#1414140f;--cp-range-shadow:rgb(0 0 0 0);--cp-act-color:var(--ui-primary)}.color-picker [data-v-74dadd0d] .cp-btn{font-weight:700;font-family:var(--font-mono)!important;margin-bottom:.5em!important}