.CP-canvas-picker[data-v-2e4ee9c7]{cursor:pointer;width:100%;height:100%;position:relative}.CP-canvas-picker__slider[data-v-2e4ee9c7]{box-shadow:0 0 1px 1px var(--colorPickerShadowIn);box-sizing:border-box;position:absolute}.CP-canvas-picker--xy .CP-canvas-picker__slider[data-v-2e4ee9c7]{border:1px solid var(--colorPickerSlider);box-shadow:0 0 2px .5px var(--colorPickerShadowIn) inset,0 0 1px 1px var(--colorPickerShadowIn);border-radius:50%;width:10px;height:10px;top:0;left:100px}.CP-canvas-picker--x .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;width:4px;height:100%;top:0;left:100px}.CP-canvas-picker--y .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;width:100%;height:4px;top:100px;left:0}.CP-preview[data-v-86a52070]{position:relative}.CP-preview__old[data-v-86a52070]{cursor:pointer;position:absolute;inset:0 0 0 50%}.CP-box{font-size:12px;display:flex}.CP-box__name{background:var(--colorPickerInputTitleBg);color:var(--colorPickerInputTitle);float:left;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:60px;height:30px;display:flex}.CP-box__value{background:var(--colorPickerInputTextBg);color:var(--colorPickerInputText);cursor:text;border:0;flex:1;min-width:100px;height:30px;padding:0 12px}.CP-box__value:focus{outline:none}.CP-eye-dropper[data-v-0228f4b6]{background:var(--colorPickerDropperBg);color:var(--colorPickerDropper);cursor:pointer;width:38px}.CP-colors[data-v-9c988020]{width:100%;overflow:hidden}.CP-colors__items[data-v-9c988020]{justify-content:space-between;gap:8px;width:100%;display:flex}.CP-colors__items__item[data-v-9c988020]{cursor:pointer;border-radius:0;width:100%;height:16px;transition:all .3s;position:relative}.CP-colors__items__item[data-v-9c988020]:after,.CP-colors__items__item[data-v-9c988020]:before{content:"";position:absolute;inset:0}.CP-colors__items__item[data-v-9c988020]:before{background:var(--alpha)}.CP-colors__items__item[data-v-9c988020]:after{background:var(--color)}.CP-block[data-v-decda8c9]{background:var(--colorPickerBg);box-shadow:0 0 16px 0 var(--colorPickerShadowOut);border-radius:5px;flex-direction:column;gap:8px;width:195px;height:max-content;padding:10px;display:flex}.CP-block__pickers[data-v-decda8c9]{grid-template-columns:152px 15px 15px;gap:8px;display:grid}.CP-block__rows[data-v-decda8c9]{grid-template-rows:30px;grid-template-columns:auto 30px;gap:8px;display:grid}.CP-block__rows__preview[data-v-decda8c9]{grid-area:auto/1/auto/3}.CP-block__rows__eye-dropper[data-v-decda8c9]{grid-area:auto/2/auto/3}.CP-block__rows__colors[data-v-decda8c9],.CP-block__rows__hex[data-v-decda8c9],.CP-block__rows__rgba[data-v-decda8c9]{grid-area:auto/1/auto/3}.CP-block--with-alpha[data-v-decda8c9]{width:218px}.CP-block--with-eye-dropper .CP-block__rows[data-v-decda8c9]{grid-template-rows:38px;grid-template-columns:auto 38px}.CP-block--with-eye-dropper .CP-block__rows__preview[data-v-decda8c9]{grid-area:auto/1/auto/2}