.select-chip {

    .MuiChip-root {
        height: var(--aisera-uicomponents-select-chip-height, 1.5rem);
        align-items: center;
        border-radius: 4px;
        border: none;
        font-weight: 700;
        background: var(--aisera-uicomponents-select-chip-bgcolor);
        color: var(--aisera-uicomponents-select-chip-textcolor);
    }

    &-red {
        --aisera-uicomponents-select-chip-bgcolor: #DF3D3F1A;
        --aisera-uicomponents-select-chip-textcolor: #DF3D3F;
    }

    &-orange {
        --aisera-uicomponents-select-chip-bgcolor: #C97A031A;
        --aisera-uicomponents-select-chip-textcolor: #C97A03;
    }

    &-green {
        --aisera-uicomponents-select-chip-bgcolor: #319B841A;
        --aisera-uicomponents-select-chip-textcolor: #319B84;
    }

    &-blue {
        --aisera-uicomponents-select-chip-bgcolor: #278BCE1A;
        --aisera-uicomponents-select-chip-textcolor: #278BCE;
    }

    &-purple {
        --aisera-uicomponents-select-chip-bgcolor: #815AC41A;
        --aisera-uicomponents-select-chip-textcolor: #815AC4;
    }

    &-pink {
        --aisera-uicomponents-select-chip-bgcolor: #F53D7A1A;
        --aisera-uicomponents-select-chip-textcolor: #F53D7A;
    }

    &-oliveGreen {
        --aisera-uicomponents-select-chip-bgcolor: #838F001A;
        --aisera-uicomponents-select-chip-textcolor: #838F00;
    }

    .MuiChip-root {
        --aisera-uicomponents-select-chip-height: 1.5rem
    }

    .MuiSelect-select {
        padding: var(--aisera-uicomponents-select-chip-padding, 0.25rem 0.5rem 0.25rem 0.25rem);
    }

    .MuiInputBase-root {
        height: var(--aisera-uicomponents-select-chip-height, 2rem);
        width: var(--aisera-uicomponents-select-chip-width, 14.75rem);
    }

}

.MuiMenuItem-root.selected-item {
    background-color: #1976d24d;
}