.add-filter-container {
    display: flex;
    flex-wrap: wrap;
    .clear-button {
        display: flex;
    }
    .vertical-divider {
        display: flex;
        align-items: center;
        margin-left: 26px;

        .MuiDivider-root {
            height: 24px;
            width: 2px;
            background: #D8DBE2;
        }
    }
    .filters {
        flex-wrap: wrap;
        display: flex;
        gap: 4px;
    }
    .add-filter {
        display: flex;
        flex-wrap: wrap;
        margin-left: 4px;

        .MuiButtonBase-root {
            --aisera-uicomponents-button-width: 120px
        }
    }
    .MuiButtonBase-root {
        height: 2rem;
    }
    .clear-button-link {
        display: flex;
        align-items: center;
        margin-left: 26px;
        cursor: pointer;
        min-width: 100%;
        .label {
            margin-left: 6px;
            color: #5F6878;
            font-size: 14px;
            font-weight: 500;
        }
    }
    .clear-button-link:hover {
        svg path {
            fill: #1c6cb4;
        }
    }
    .clear-button {
        font-size: 14px;
        font-weight: 500;
        .MuiButtonBase-root {
            &:hover {
                --aisera-uicomponents-button-bgcolor: none
            }
            &.MuiButton-text {
                --aisera-uicomponents-button-color: #838B9C;

                &:hover {
                    svg path {
                        --aisera-uicomponents-button-color: #1c6cb4;
                    }
                }
            }
        }
    }
}

.add-filter-popover-wrapper {
    .MuiFormControlLabel-root {
        .MuiFormControlLabel-label {
            color: #26333F;
            font-size: 14px;
            font-weight: 400;
        }
    }
    .MuiPaper-root {
        border-radius: 4px;
        border: 1px solid #D8DBE2;
        padding: 8px 0px;
        box-shadow: none;
        .menu-padding {
            padding: 0 16px;
        }
        .search-field {
            margin-bottom: 10px;
        }
        .MuiAccordion-root {
            &.Mui-expanded {
                margin: 0;
            }
        }
        .MuiList-root,
        .MuiListItem-root,
        .MuiMenuItem-root {
            padding: 0
        }
        .accordion-wrapper {
            border: none;
            .MuiAccordionSummary-root {
                align-items: start;
                padding: 0;
                &.Mui-expanded {
                    min-height: 40px;
                }
            }
            .MuiAccordionSummary-expandIconWrapper {
                margin-top: 0;
            }
            .MuiAccordionSummary-content {
                margin: 0;
            }
            .MuiList-root,
            .MuiListItem-root,
            .MuiMenuItem-root,
            .MuiAccordionDetails-root {
                padding: 0
            }
        }
        .group-header {
            color: #A8B0C2;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            margin-top: 8px;
        }
    }
}