.twf-filteritem {
    flex: 1;
    display: flex;
    min-width: 40rem;
    max-width: 40rem;
    flex-direction: row;
    border-radius: 0.25rem;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.twf-filteritem-label {
    flex: 0;
    min-width: 10rem;
    overflow: auto;
    align-self: center;
    margin: 0 1rem !important;
}

.twf-filteritem-content {
    flex: 1;
    display: flex;
    flex-direction: row;
    height: max-content;
    align-self: center;
}

.twf-filteritem-operation {
    flex: 1;
    max-width : 9rem;
    margin-right: 0.4rem!important;
}

.twf-filter-select-item {
    flex: 1;
    margin-right: 0.4rem !important;
}

.twf-filteritem-operand {
    flex: 1;
}

.twf-filter-panel {
    display: flex;
    flex-direction: column;
    max-height: 23.4rem;
}

.twf-filter-item-comp-container {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1rem;
}

.twf-filteritem-selection {
    flex: 1;
}