.fea-filter {
    display:flex;
    flex-direction:column;
    
    font-family: var(--e-global-typography-text-font-family);
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	color: var(--e-global-color-text);
}
.fea-filter .filter-available {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 0.5em;
    column-gap: 1.5em;
    margin-bottom: 1em;
}
.fea-filter .filter-available > .filter {
    flex-grow:1;
    flex-shrink: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
}
.fea-filter .filter-available > .filter > .label {
    text-align: center;
}
.fea-filter .filter-available > .filter > select {
    /*margin: 1em;*/
}
.fea-filter .filter-available > .filter > .filter-item-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
    justify-content: start;
    
    padding: 15px 30px;
    
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
    font-size: var(--e-global-typography-primary-font-size);
    background-color: var(--e-global-color-secondary);

    line-height: 27px;
}
.fea-filter .filter-available > .filter > .filter-item-group > a.filter-item {
    width: 2em;
    line-height: unset;

    color: white;
    cursor: pointer;
}
.fea-filter .filter-available > .filter > .filter-item-group > a.filter-item[data-filter-reset] {
    width:unset;
}
.fea-filter .filter-available > .filter > .filter-item-group > a.filter-item.active {
    color: var(--e-global-color-primary);
    font-weight: bold;
    text-decoration: underline;
}