.CP-sandbox[data-v-2dde3d42]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.CP-sandbox__component[data-v-2dde3d42]{pointer-events:all;z-index:10}.fade-enter-active[data-v-2dde3d42],.fade-leave-active[data-v-2dde3d42]{transition:.3s}.fade-enter-to[data-v-2dde3d42],.fade-leave-from[data-v-2dde3d42]{opacity:1}.fade-enter-from[data-v-2dde3d42],.fade-leave-to[data-v-2dde3d42]{opacity:0}.CP-canvas-picker[data-v-2e4ee9c7]{cursor:pointer;height:100%;position:relative;width:100%}.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);border-radius:50%;box-shadow:0 0 2px .5px var(--colorPickerShadowIn) inset,0 0 1px 1px var(--colorPickerShadowIn);height:10px;left:100px;top:0;width:10px}.CP-canvas-picker--x .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;height:100%;left:100px;top:0;width:4px}.CP-canvas-picker--y .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;height:4px;left:0;top:100px;width:100%}.CP-preview[data-v-86a52070]{position:relative}.CP-preview__old[data-v-86a52070]{bottom:0;cursor:pointer;left:50%;position:absolute;right:0;top:0}.CP-box{display:flex;font-size:12px}.CP-box__name{align-items:center;background:var(--colorPickerInputTitleBg);color:var(--colorPickerInputTitle);display:flex;float:left;height:30px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:60px}.CP-box__value{background:var(--colorPickerInputTextBg);border:0;color:var(--colorPickerInputText);cursor:text;flex:1;height:30px;min-width:100px;padding:0 12px}.CP-box__value:focus{outline:none}.CP-eye-dropper[data-v-b35eff50]{background:var(--colorPickerDropperBg);color:var(--colorPickerDropper);cursor:pointer;width:38px}.CP-colors[data-v-9c988020]{overflow:hidden;width:100%}.CP-colors__items[data-v-9c988020]{display:flex;gap:8px;justify-content:space-between;width:100%}.CP-colors__items__item[data-v-9c988020]{border-radius:0;cursor:pointer;height:16px;position:relative;transition:.3s;width:100%}.CP-colors__items__item[data-v-9c988020]:after,.CP-colors__items__item[data-v-9c988020]:before{bottom:0;content:"";left:0;position:absolute;right:0;top: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-a4405a8a]{background:var(--colorPickerBg);border-radius:5px;box-shadow:0 0 16px 0 var(--colorPickerShadowOut);display:flex;flex-direction:column;gap:8px;height:-moz-max-content;height:max-content;padding:10px;width:195px}.CP-block__pickers[data-v-a4405a8a]{display:grid;gap:8px;grid-template-columns:152px 15px 15px}.CP-block__rows[data-v-a4405a8a]{display:grid;gap:8px;grid-template-columns:auto 30px;grid-template-rows:30px}.CP-block__rows__preview[data-v-a4405a8a]{grid-area:auto/1/auto/3}.CP-block__rows__eye-dropper[data-v-a4405a8a]{grid-area:auto/2/auto/3}.CP-block__rows__colors[data-v-a4405a8a],.CP-block__rows__hex[data-v-a4405a8a],.CP-block__rows__rgba[data-v-a4405a8a]{grid-area:auto/1/auto/3}.CP-block--with-alpha[data-v-a4405a8a]{width:218px}.CP-block--with-eye-dropper .CP-block__rows[data-v-a4405a8a]{grid-template-columns:auto 38px;grid-template-rows:38px}.CP-block--with-eye-dropper .CP-block__rows__preview[data-v-a4405a8a]{grid-area:auto/1/auto/2}.CP-absolute[data-v-21a5aecd]{bottom:0;left:0;position:fixed;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CP-absolute__component[data-v-21a5aecd]{position:absolute}.icon[data-v-13fbd9d7]:before{font-family:Font Awesome\ 6 Pro;font-weight:900;-webkit-font-smoothing:antialiased;content:""}.layout-enter-active[data-v-13fbd9d7],.layout-leave-active[data-v-13fbd9d7]{transition:all .4s}.layout-enter-from[data-v-13fbd9d7],.layout-leave-to[data-v-13fbd9d7]{filter:grayscale(1)}