.form-color-picker {
    color: var(--mud-palette-text-secondary);
}

    .form-color-picker.form-color-picker-affects-design {
        color: var(--mud-palette-info-blue);
    }

    .form-color-picker label {
        font-size: .8rem;
        transition: color .3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }

    .form-color-picker.form-color-picker-affects-design label, .form-color-picker.form-color-picker-affects-design .mud-icon-root {
        color: currentColor;
    }

    .form-color-picker.form-color-picker-affects-design .mud-icon-root {
        font-size: .9rem !important;
    }

    .form-color-picker.d-none {
        display: none !important;
    }

    .form-color-picker:not(.form-color-picker-disabled) .color-fragment:not(.color-fragment-active):hover {
        cursor: pointer;
    }

    .form-color-picker.form-color-picker-disabled .color-fragment {
        pointer-events: none !important;
    }

    .form-color-picker .color-fragment.color-fragment-active {
        border: 2px solid var(--mud-palette-info-blue);
    }

    .form-color-picker .color-fragment.color-fragment-disabled {
        pointer-events: none !important;
        opacity: .5 !important;
        cursor: default !important;
    }