.ColorPicker {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.ColorPicker_colorInputContainer {
    flex: 1;
    flex-direction: row;
    display: inline-flex;
}

.ColorPicker_colorInput {
    flex: 1;
    line-height: 8px;
    display: inline-block;
    border: none;
    outline: none; /* Removes focus outline */
    min-height: 4px;
    appearance: none; /* Removes default styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 10px;
}

.ColorPicker_textInput {
    width: 70px;
    border: none;
}

.ColorPicker_empty .ColorPicker_colorInputContainer {
    background:
            linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
            linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
}

.ColorPicker_empty .ColorPicker_colorInput {
    opacity: 0;
}

.ColorPicker_clearButton {
    margin: 0;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    background: transparent;
}