.ColorPickerField-module___HbYfW__triggerButton{border:1px solid var(--gray-6);background:var(--gray-1);cursor:pointer;width:100%;color:var(--gray-11);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:border-color .15s,background-color .15s;display:flex}.ColorPickerField-module___HbYfW__triggerButton:hover{border-color:var(--gray-8);background:var(--gray-2)}.ColorPickerField-module___HbYfW__triggerLabel{text-align:left;flex:1}.ColorPickerField-module___HbYfW__colorPreview{border:1px solid var(--gray-6);border-radius:4px;flex-shrink:0;width:24px;height:24px}.ColorPickerField-module___HbYfW__popoverContent{width:280px;padding:12px}.ColorPickerField-module___HbYfW__section{margin-bottom:12px}.ColorPickerField-module___HbYfW__section:last-child{margin-bottom:0}.ColorPickerField-module___HbYfW__sectionLabel{color:var(--gray-11);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:500}.ColorPickerField-module___HbYfW__colorButton{width:28px!important;height:28px!important;padding:4px!important}.ColorPickerField-module___HbYfW__colorSwatch{border:1px solid var(--gray-6);border-radius:4px;width:20px;height:20px}.ColorPickerField-module___HbYfW__gradientButton{width:48px!important;height:28px!important;padding:4px!important}.ColorPickerField-module___HbYfW__gradientSwatch{border:1px solid var(--gray-6);border-radius:4px;width:40px;height:20px}.ColorPickerField-module___HbYfW__pickerButton{flex-shrink:0}.ColorPickerField-module___HbYfW__hiddenColorInput{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.ColorPickerField-module___HbYfW__textInput{flex:1}.ColorPickerField-module___HbYfW__clearButton{background:var(--gray-a3);cursor:pointer;width:100%;color:var(--gray-11);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:background-color .15s;display:flex}.ColorPickerField-module___HbYfW__clearButton:hover{background:var(--gray-a4)}