:root {
	--sp50: 50px;
}
.laf-filter > span, .laf-subfilter > span {
	cursor: pointer;
    padding: 2px 5px;
	margin: 0 4px 4px 0;
	border: 1px solid #ccc;
	display: inline-block;
	border-radius: 3px;
	transition: all .2s ease;
}
.laf-filter > span:hover {
	opacity: 0.75;
}
.laf-filter span.active,
.laf-subfilter span.active {
    background: #333;
    color: #fff;
    border-color: #333;
}
.lafcols {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp50);
}

.lafcols.lafcol2 .laf-item {
    flex: 1 1 calc(50% - var(--sp50));
    max-width: calc(50% - var(--sp50));
}
.lafcols.lafcol3 .laf-item {
    flex: 1 1 calc(33% - var(--sp50));
    max-width: calc(33% - var(--sp50));
}
.lafcols.lafcol4 {
	column-gap: calc(var(--sp50)/2);
}
.lafcols.lafcol4 .laf-item {
    flex: 1 1 calc(25% - (var(--sp50)/4));
    max-width: calc(25% - (var(--sp50)/4));
}