.checkerboard[data-v-52d3e865]{background-size:contain;inset:0;position:absolute}.alpha[data-v-b20edec2]{inset:0;position:absolute}.alpha-checkboard-wrap[data-v-b20edec2]{overflow:hidden}.alpha-checkboard-wrap[data-v-b20edec2],.alpha-gradient[data-v-b20edec2]{border-radius:2rem;inset:0;position:absolute}.alpha-container[data-v-b20edec2]{cursor:pointer;height:100%;margin:0 3px;position:relative;z-index:2}.alpha-pointer[data-v-b20edec2]{position:absolute;z-index:2}.alpha-picker[data-v-b20edec2]{border:4px solid #fff;border-radius:50%;box-shadow:0 0 2px #0009;box-sizing:content-box;cursor:pointer;height:4px;width:4px}.hue[data-v-33dc44d7]{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-33dc44d7]{border-radius:2rem;cursor:pointer;height:100%;margin:0 2px;position:relative}.hue-pointer[data-v-33dc44d7]{position:absolute;z-index:2}.hue-picker[data-v-33dc44d7]{border:4px solid #fff;border-radius:50%;box-shadow:0 0 2px #0009;box-sizing:content-box;cursor:pointer;height:4px;width:4px}.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-438fbdf1]{gap:8px;width:100%}.editable-input[data-v-438fbdf1],.input-box[data-v-438fbdf1]{align-items:center;display:flex}.input-box[data-v-438fbdf1]{background-color:#fff;border:1px solid #ebebeb;border-radius:6px;box-sizing:border-box;height:32px}.hex-box[data-v-438fbdf1]{flex:1;padding:0 8px}.percent-box[data-v-438fbdf1]{justify-content:space-between;padding:0 8px;width:72px}.color-preview[data-v-438fbdf1]{border-radius:2px;flex-shrink:0;height:14px;margin-right:8px;width:14px}.prefix[data-v-438fbdf1]{color:#0c0d19;font-size:13px;font-weight:500;margin-right:4px}.suffix[data-v-438fbdf1]{color:#6b7a99;font-size:13px}.input-content[data-v-438fbdf1],.percent[data-v-438fbdf1]{background:transparent;border:0;color:#0c0d19;font-size:13px;font-weight:500;outline:none;width:100%}.percent[data-v-438fbdf1]{-moz-appearance:textfield;text-align:left}.percent[data-v-438fbdf1]::-webkit-inner-spin-button,.percent[data-v-438fbdf1]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-picker[data-v-48d52b3b]{background:#fff;margin-bottom:-10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:280px}.picker-saturation-wrap[data-v-48d52b3b]{overflow:hidden;padding-bottom:50%;position:relative;width:100%}.picker-controls[data-v-48d52b3b]{display:flex}.picker-sliders[data-v-48d52b3b]{flex:1;padding:4px 0}.picker-alpha-wrap[data-v-48d52b3b],.picker-hue-wrap[data-v-48d52b3b]{height:12px;position:relative}.picker-alpha-wrap[data-v-48d52b3b]{margin-top:4px;overflow:hidden}.picker-color-wrap[data-v-48d52b3b]{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-48d52b3b]{background-size:auto}.picker-current-color[data-v-48d52b3b]{inset:0;position:absolute;z-index:2}.picker-field[data-v-48d52b3b]{display:flex;margin-bottom:8px}.picker-field .transparent[data-v-48d52b3b]{cursor:pointer;height:24px;margin-left:8px;margin-top:4px;position:relative;width:24px}.picker-field .transparent[data-v-48d52b3b]:after{background-color:red;content:"";height:2px;left:-1px;position:absolute;top:11px;transform:rotate(-45deg);width:26px}.picker-field .transparent .checkerboard[data-v-48d52b3b]{background-size:auto}.picker-field .straw[data-v-48d52b3b]{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-48d52b3b]{flex:1}.picker-presets[data-v-48d52b3b]{align-content:flex-start;display:flex;flex-wrap:wrap}.picker-presets-color[data-v-48d52b3b]{cursor:pointer;flex-shrink:0;height:0;margin-bottom:3.33333%;padding-bottom:7%;position:relative;width:7%}.picker-presets-color[data-v-48d52b3b]:not(:nth-child(10n)){margin-right:3.33333%}.picker-presets-color.alpha[data-v-48d52b3b]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADBJREFUOE9jfPbs2X8GPEBSUhKfNAPjqAHDIgz+//+PNx08f/4cfzoYNYCBceiHAQC5flV5JzgrxQAAAABJRU5ErkJggg==)}.picker-presets-color-content[data-v-48d52b3b]{inset:0;position:absolute}.picker-gradient-presets[data-v-48d52b3b]{align-content:flex-start;display:flex;flex-wrap:wrap}.picker-gradient-col[data-v-48d52b3b]{display:flex;flex-direction:column;margin-bottom:3.33333%;width:7%}.picker-gradient-col[data-v-48d52b3b]:not(:nth-child(10n)){margin-right:3.33333%}.picker-gradient-color[data-v-48d52b3b]{cursor:pointer;height:16px;position:relative;width:100%}.recent-colors-title[data-v-48d52b3b]{font-size:12px;margin-bottom:4px}.draw[data-v-48d52b3b]{cursor:pointer;height:36px;margin-right:6px;margin-top:10px;width:36px}.mt-2[data-v-48d52b3b],.my-2[data-v-48d52b3b]{margin-top:.5rem!important}