.checkerboard[data-v-52d3e865]{background-size:contain;inset:0;position:absolute}.alpha[data-v-b6708240]{inset:0;position:absolute}.alpha-checkboard-wrap[data-v-b6708240]{overflow:hidden}.alpha-checkboard-wrap[data-v-b6708240],.alpha-gradient[data-v-b6708240]{border-radius:2rem;inset:0;position:absolute}.alpha-container[data-v-b6708240]{cursor:pointer;height:100%;margin:0 3px;position:relative;z-index:2}.alpha-pointer[data-v-b6708240]{position:absolute;z-index:2}.alpha-picker[data-v-b6708240]{border:4px solid #fff;border-radius:50%;box-shadow:0 0 2px #0009;box-sizing:content-box;cursor:pointer;height:8px;margin-top:-1px;transform:translate(-2px);width:8px}.hue[data-v-58c98b06]{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:2rem;inset:0;position:absolute}.hue-container[data-v-58c98b06]{border-radius:2rem;cursor:pointer;height:100%;margin:0 2px;position:relative}.hue-pointer[data-v-58c98b06]{position:absolute;top:0;z-index:2}.hue-picker[data-v-58c98b06]{border-radius:50%;box-shadow:0 0 2px #0009;cursor:pointer;height:8px;margin-top:3px;outline:4px solid #fff;transform:translate(-2px);width:8px}.saturation[data-v-2f9bce02],.saturation-black[data-v-2f9bce02],.saturation-white[data-v-2f9bce02]{cursor:pointer;inset:0;position:absolute}.saturation-white[data-v-2f9bce02]{background:linear-gradient(90deg,#fff,#fff0)}.saturation-black[data-v-2f9bce02]{background:linear-gradient(0deg,#000,transparent)}.saturation-pointer[data-v-2f9bce02]{cursor:pointer;position:absolute}.saturation-circle[data-v-2f9bce02]{border-radius:50%;height:8px;outline:4px solid #fff;transform:translate(-2px,-2px);width:8px}.editable-input[data-v-a07e28d2]{background-color:#f5f5f5;border-radius:.5rem;display:flex;font-size:14px;overflow:hidden;position:relative;text-align:center;width:100%}.editable-input[data-v-a07e28d2]:after{color:#999;content:"%";position:absolute;right:10px;top:50%;transform:translateY(-50%)}.input-content[data-v-a07e28d2]{background:transparent;border:0;color:#6b7a99;flex:.7;font-size:14px;outline:none;padding:8px;width:100%}.input-label[data-v-a07e28d2]{text-transform:capitalize}.percent[data-v-a07e28d2]{-moz-appearance:textfield;background:transparent;border:0;border-inline-start:2px solid #d9d9d9;color:#6b7a99;flex:.3;font-size:16px;outline:0;padding:8px;text-align:center;width:100%}.percent[data-v-a07e28d2]::-webkit-inner-spin-button,.percent[data-v-a07e28d2]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-picker[data-v-59148994]{background:#fff;margin-bottom:-10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:240px}.picker-saturation-wrap[data-v-59148994]{overflow:hidden;padding-bottom:50%;position:relative;width:100%}.picker-controls[data-v-59148994]{display:flex}.picker-sliders[data-v-59148994]{flex:1;padding:4px 0}.picker-alpha-wrap[data-v-59148994],.picker-hue-wrap[data-v-59148994]{height:14px;position:relative}.picker-alpha-wrap[data-v-59148994]{margin-top:4px;overflow:hidden}.picker-color-wrap[data-v-59148994]{height:24px;margin-right:4px;margin-top:4px;outline:1px dashed hsla(0,0%,40%,.12);position:relative;width:24px}.picker-color-wrap .checkerboard[data-v-59148994]{background-size:auto}.picker-current-color[data-v-59148994]{inset:0;position:absolute;z-index:2}.picker-field[data-v-59148994]{display:flex;margin-bottom:8px}.picker-field .transparent[data-v-59148994]{cursor:pointer;height:24px;margin-left:8px;margin-top:4px;position:relative;width:24px}.picker-field .transparent[data-v-59148994]:after{background-color:red;content:"";height:2px;left:-1px;position:absolute;top:11px;transform:rotate(-45deg);width:26px}.picker-field .transparent .checkerboard[data-v-59148994]{background-size:auto}.picker-field .straw[data-v-59148994]{align-items:center;background-color:#f5f5f5;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:8px;margin-top:4px;outline:1px solid #f1f1f1;width:24px}.picker-field .input[data-v-59148994]{flex:1}.picker-presets[data-v-59148994]{align-content:flex-start;display:flex;flex-wrap:wrap}.picker-presets-color[data-v-59148994]{cursor:pointer;flex-shrink:0;height:0;margin-bottom:3.33333%;padding-bottom:7%;position:relative;width:7%}.picker-presets-color[data-v-59148994]:not(:nth-child(10n)){margin-right:3.33333%}.picker-presets-color.alpha[data-v-59148994]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADBJREFUOE9jfPbs2X8GPEBSUhKfNAPjqAHDIgz+//+PNx08f/4cfzoYNYCBceiHAQC5flV5JzgrxQAAAABJRU5ErkJggg==)}.picker-presets-color-content[data-v-59148994]{inset:0;position:absolute}.picker-gradient-presets[data-v-59148994]{align-content:flex-start;display:flex;flex-wrap:wrap}.picker-gradient-col[data-v-59148994]{display:flex;flex-direction:column;margin-bottom:3.33333%;width:7%}.picker-gradient-col[data-v-59148994]:not(:nth-child(10n)){margin-right:3.33333%}.picker-gradient-color[data-v-59148994]{cursor:pointer;height:16px;position:relative;width:100%}.recent-colors-title[data-v-59148994]{font-size:12px;margin-bottom:4px}.draw[data-v-59148994]{cursor:pointer;height:36px;margin-right:6px;margin-top:10px;width:36px}.mt-2[data-v-59148994],.my-2[data-v-59148994]{margin-top:.5rem!important}