.sds-color-picker-wrapper.dx-texteditor.dx-editor-outlined {
    border-radius: 6px;
    border: 1px solid var(--sds-grey-500);
    background: var(--sds-grey-000);
}

.sds-color-picker-wrapper.dx-texteditor.dx-editor-outlined.sds-color-picker-error {
    border: 1px solid var(--sds-critical);
    background: var(--sds-critical-100);
}

.sds-color-picker-wrapper .dx-texteditor-input {
    padding-top: 6px;
    padding-bottom: 6px;
    color: var(--sds-grey-900);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.sds-color-picker-wrapper .dx-texteditor-input[aria-readonly="true"],
.sds-color-picker-wrapper.dx-state-readonly.dx-dropdowneditor {
    opacity: 0.7;
}

.sds-color-picker-wrapper .dx-dropdowneditor-icon {
    border: none;
}