.index-module__C4HQkW__wrapper{background-color:var(--surface-primary);border:1px solid var(--border-normal);border-radius:var(--radius-md)}.index-module__C4HQkW__colorPicker{width:100%}.index-module__C4HQkW__colorPicker .react-colorful{border-radius:0;width:100%;height:180px}.index-module__C4HQkW__colorPicker .react-colorful__saturation{border-radius:0}.index-module__C4HQkW__colorPicker .react-colorful__hue{height:16px;margin:var(--space-2);border-radius:var(--radius-sm)}.index-module__C4HQkW__colorPicker .react-colorful__pointer{width:20px;height:20px}.index-module__C4HQkW__colorPicker .react-colorful__hue-pointer{box-shadow:var(--box-shadow-lg)}.index-module__C4HQkW__colorPicker .react-colorful__pointer-fill{background-color:red}.index-module__C4HQkW__header{padding:var(--space-2) var(--space-3);background-color:var(--surface-primary);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex;position:relative}.index-module__C4HQkW__close{cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.index-module__C4HQkW__close:hover{background-color:var(--surface-tertiary)}