.CP-sandbox[data-v-4ba71f4f]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.CP-sandbox__component[data-v-4ba71f4f]{pointer-events:all;z-index:10}.fade-enter-active[data-v-4ba71f4f],.fade-leave-active[data-v-4ba71f4f]{transition:.3s}.fade-enter-to[data-v-4ba71f4f],.fade-leave-from[data-v-4ba71f4f]{opacity:1}.fade-enter-from[data-v-4ba71f4f],.fade-leave-to[data-v-4ba71f4f]{opacity:0}.CP-canvas-picker[data-v-e0c42fbe]{cursor:pointer;height:100%;position:relative;width:100%}.CP-canvas-picker__slider[data-v-e0c42fbe]{box-shadow:0 0 1px 1px var(--colorPickerShadowIn);box-sizing:border-box;position:absolute}.CP-canvas-picker--xy .CP-canvas-picker__slider[data-v-e0c42fbe]{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-e0c42fbe]{background:var(--colorPickerSlider);border-radius:2px;height:100%;left:100px;top:0;width:4px}.CP-canvas-picker--y .CP-canvas-picker__slider[data-v-e0c42fbe]{background:var(--colorPickerSlider);border-radius:2px;height:4px;left:0;top:100px;width:100%}.CP-preview[data-v-79bb9716]{position:relative}.CP-preview__old[data-v-79bb9716]{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-c7245a8b]{background:var(--colorPickerDropperBg);color:var(--colorPickerDropper);cursor:pointer;width:38px}.CP-colors[data-v-f629a98f]{overflow:hidden;width:100%}.CP-colors__items[data-v-f629a98f]{display:flex;gap:8px;justify-content:space-between;width:100%}.CP-colors__items__item[data-v-f629a98f]{border-radius:0;cursor:pointer;height:16px;position:relative;transition:.3s;width:100%}.CP-colors__items__item[data-v-f629a98f]:after,.CP-colors__items__item[data-v-f629a98f]:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.CP-colors__items__item[data-v-f629a98f]:before{background:var(--alpha)}.CP-colors__items__item[data-v-f629a98f]:after{background:var(--color)}.CP-block[data-v-86f6091f]{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-86f6091f]{display:grid;gap:8px;grid-template-columns:152px 15px 15px}.CP-block__rows[data-v-86f6091f]{display:grid;gap:8px;grid-template-columns:auto 30px;grid-template-rows:30px}.CP-block__rows__preview[data-v-86f6091f]{grid-area:auto/1/auto/3}.CP-block__rows__eye-dropper[data-v-86f6091f]{grid-area:auto/2/auto/3}.CP-block__rows__colors[data-v-86f6091f],.CP-block__rows__hex[data-v-86f6091f],.CP-block__rows__rgba[data-v-86f6091f]{grid-area:auto/1/auto/3}.CP-block--with-alpha[data-v-86f6091f]{width:218px}.CP-block--with-eye-dropper .CP-block__rows[data-v-86f6091f]{grid-template-columns:auto 38px;grid-template-rows:38px}.CP-block--with-eye-dropper .CP-block__rows__preview[data-v-86f6091f]{grid-area:auto/1/auto/2}.CP-absolute[data-v-332479c3]{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-332479c3]{position:absolute}.dev-badge[data-v-bee3ad9f]{align-items:center;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border-radius:0 0 var(--border-radius-lg) 0;box-shadow:var(--shadow);color:#fff;display:flex;font-size:12px;font-weight:600;gap:var(--spacing-xs);left:0;padding:3px 10px 6px 7px;position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}