/**
 * filter-2 — flat nav (no Lobby pill)
 * Title: standard .container
 * Nav: 1275×29 centered
 * Title → nav gap: 48px
 */

.filter--filter-2 .filter__title {
	margin-bottom: 24px;
}

@media (max-width: 768px) {
	.filter--filter-2 .filter__title {
		margin-bottom: 0;
	}
}

.filter--filter-2 .filter__nav {
	gap: 10px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1275px;
	width: 100%;
}

.filter--filter-2 .filter__item {
	height: 18px;
}

.filter--filter-2 .filter__item--multi {
	height: 29px;
}

.filter--filter-2 .filter__item--active {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--filter-item);
	gap: 5px;
	height: 18px;
	min-width: 0;
	padding: 0;
	width: auto;
}

.filter--filter-2 .filter__item--active .filter__item-icon {
	color: var(--filter-magenta);
	height: 17px;
	width: 16px;
}

.filter--filter-2 .filter__item--active .filter__item-icon svg,
.filter--filter-2 .filter__item--active .filter__item-icon .filter__asset {
	height: 16px;
	max-height: 17px;
	max-width: 16px;
	width: 16px;
}

.filter--filter-2 .filter__item--active .filter__item-label {
	color: var(--filter-item);
	font-size: 14px;
	line-height: 16px;
}

.filter--filter-2 .filter__item--active:hover,
.filter--filter-2 .filter__item--active:focus-visible {
	color: var(--filter-item);
	filter: none;
}

.filter--filter-2 .filter__item--pink .filter__item-icon {
	color: var(--filter-magenta);
}