.filter-expression-picker {
    .filters {
        background-color: var(--white);
    }

    .admin-filterbox {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: $filterpickerbox-margin-bottom;
        padding: $filterpickerbox-padding;

        &.mod-small {
            padding: $filterpickerbox-small-padding;
        }

        .filter-badge {
            box-sizing: border-box;
            height: $filter-badge-height;
            font-weight: var(--main-font-regular);
            text-transform: initial;
        }

        .filter-badge {
            display: inline-block;
            margin-left: $filter-badge-margin-left;
            overflow: visible;
            color: var(--deprecated-dark-grey);
            font-size: $filter-badge-font-size;
            background-color: var(--white);
            cursor: pointer;

            .edit-filter {
                box-sizing: border-box;
            }

            .edit-filter-content {
                font-size: $filter-badge-font-size;
                line-height: $edit-filter-content-line-height;
            }

            .filter-operator {
                &.mod-negative {
                    color: var(--critical-70);
                }

                &.mod-positive {
                    color: var(--bright-turquoise-40);
                }
            }

            .filter-value-join {
                color: var(--deprecated-dark-grey);
            }

            .dropdown-toggle:disabled {
                .filter-operator,
                .filter-value-join {
                    color: var(--deprecated-medium-grey);
                }
            }
        }

        .filterbox-filters-container {
            flex-grow: 2;
            padding: $filterbox-filters-container-padding;
            background-color: var(--deprecated-medium-grey);
        }

        .filters {
            position: relative;
            display: inline;
            margin-right: $filters-margin-right;
            vertical-align: baseline;

            &:empty {
                margin-right: 0;
            }

            .active-filters {
                display: inline;
            }

            .editable-filters,
            .editable-filter {
                display: inline-flex;
            }
        }
    }

    .filters .btn.dropdown-toggle,
    .filters .filter-badge,
    .filters .predefined-filter {
        outline: none;
        box-shadow: none;
    }
}