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