.color-picker-wrapper[data-v-81bd26cc]{width:100%;height:auto;position:relative}.color-picker-content[data-v-81bd26cc]{flex-direction:column;gap:14px;padding:0;display:flex}.color-picker-content-mobile[data-v-81bd26cc]{flex-direction:column;gap:14px;padding:16px;display:flex}.color-picker-content-mobile .saturation-box-mobile[data-v-81bd26cc]{cursor:crosshair;border-radius:8px;width:100%;height:180px;position:relative;overflow:hidden}.color-picker-content-mobile .saturation-box-mobile .saturation-overlay[data-v-81bd26cc]{background:linear-gradient(90deg,#fff,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.color-picker-content-mobile .saturation-box-mobile .brightness-overlay[data-v-81bd26cc]{background:linear-gradient(#0000,#000);width:100%;height:100%;position:absolute;top:0;left:0}.color-picker-content-mobile .saturation-box-mobile .saturation-cursor[data-v-81bd26cc]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 4px #0006}.color-picker-content-mobile .hue-bar-mobile[data-v-81bd26cc]{cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:8px;width:100%;height:12px;position:relative}.color-picker-content-mobile .hue-bar-mobile .hue-cursor[data-v-81bd26cc]{pointer-events:none;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0006}.color-picker-content-mobile .color-input-row-mobile[data-v-81bd26cc]{gap:8px;display:flex}.color-picker-content-mobile .color-input-row-mobile .color-input[data-v-81bd26cc]{border:1px solid #00000024;border-radius:8px;outline:none;flex:1;height:40px;padding:0 12px;font-size:14px;transition:border-color .2s}.color-picker-content-mobile .color-input-row-mobile .color-input[data-v-81bd26cc]:focus{border-color:#0000004d}.color-picker-content-mobile .color-input-row-mobile .eyedropper-btn[data-v-81bd26cc]{cursor:pointer;background:#fff;border:1px solid #00000024;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.color-picker-content-mobile .color-input-row-mobile .eyedropper-btn[data-v-81bd26cc]:hover{background:#f5f5f5;border-color:#0000003d}.color-picker-content-mobile .suggested-section-mobile .suggested-label[data-v-81bd26cc]{color:#212529;margin-bottom:8px;font-size:14px}.color-picker-content-mobile .suggested-section-mobile .suggested-colors[data-v-81bd26cc]{gap:8px;display:flex}.color-picker-content-mobile .suggested-section-mobile .suggested-colors .suggested-color[data-v-81bd26cc]{cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:36px;height:36px;transition:transform .2s}.color-picker-content-mobile .suggested-section-mobile .suggested-colors .suggested-color[data-v-81bd26cc]:hover{transform:scale(1.1)}.color-trigger[data-v-81bd26cc]{cursor:pointer;background:#fff;border:1px solid #00000024;border-radius:8px;justify-content:space-between;align-items:center;height:52px;padding:0 12px;transition:all .2s;display:flex}.color-trigger[data-v-81bd26cc]:hover{border-color:#0000003d}.color-trigger .color-text[data-v-81bd26cc]{color:#212529;font-size:14px;font-weight:500}.color-trigger .color-preview[data-v-81bd26cc]{border:1px solid #0000001a;border-radius:50%;width:22px;height:22px}.color-picker-popup[data-v-81bd26cc]{z-index:1000;background:#fff;border:1px solid #00000024;border-radius:12px;flex-direction:column;gap:14px;width:320px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 12px #00000026}.color-picker-popup .color-header[data-v-81bd26cc]{border:1px solid #0000001a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex}.color-picker-popup .color-header .color-text[data-v-81bd26cc]{color:#000;font-size:14px;font-weight:500}.color-picker-popup .color-header .color-preview[data-v-81bd26cc]{border:1px solid #0000001a;border-radius:50%;width:28px;height:28px}.color-picker-popup .saturation-box[data-v-81bd26cc]{cursor:crosshair;border-radius:8px;width:100%;height:180px;margin-bottom:12px;position:relative;overflow:hidden}.color-picker-popup .saturation-box .saturation-overlay[data-v-81bd26cc]{background:linear-gradient(90deg,#fff,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.color-picker-popup .saturation-box .brightness-overlay[data-v-81bd26cc]{background:linear-gradient(#0000,#000);width:100%;height:100%;position:absolute;top:0;left:0}.color-picker-popup .saturation-box .saturation-cursor[data-v-81bd26cc]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 4px #0006}.color-picker-popup .hue-bar[data-v-81bd26cc]{cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:8px;width:100%;height:12px;margin-bottom:12px;position:relative}.color-picker-popup .hue-bar .hue-cursor[data-v-81bd26cc]{pointer-events:none;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0006}.color-picker-popup .color-input-row[data-v-81bd26cc]{gap:8px;margin-bottom:12px;display:flex}.color-picker-popup .color-input-row .color-input[data-v-81bd26cc]{border:1px solid #00000024;border-radius:8px;outline:none;flex:1;height:40px;padding:0 12px;font-size:14px;transition:border-color .2s}.color-picker-popup .color-input-row .color-input[data-v-81bd26cc]:focus{border-color:#0000004d}.color-picker-popup .color-input-row .eyedropper-btn[data-v-81bd26cc]{cursor:pointer;background:#fff;border:1px solid #00000024;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.color-picker-popup .color-input-row .eyedropper-btn[data-v-81bd26cc]:hover{background:#f5f5f5;border-color:#0000003d}.color-picker-popup .suggested-section .suggested-label[data-v-81bd26cc]{color:#212529;margin-bottom:8px;font-size:14px}.color-picker-popup .suggested-section .suggested-colors[data-v-81bd26cc]{gap:8px;display:flex}.color-picker-popup .suggested-section .suggested-colors .suggested-color[data-v-81bd26cc]{cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:36px;height:36px;transition:transform .2s}.color-picker-popup .suggested-section .suggested-colors .suggested-color[data-v-81bd26cc]:hover{transform:scale(1.1)}