/**
 * filter-1 — title + horizontal category nav
 * Lobby: 107×48, radius 28, pad 16 / 12 (icon 24), gap icon→text 8
 * bg rgba(250,255,3,.1), border 1px #FAFF03, text #FAFF03 14/17
 */

.filter--filter-1 .filter__item--active {
	background: var(--filter-active-bg);
	border: 1px solid var(--filter-active);
	border-radius: 28px;
	box-sizing: border-box;
	color: var(--filter-active);
	gap: 8px;
	height: 48px;
	justify-content: center;
	padding: 0 16px;
	width: 107px;
}

.filter--filter-1 .filter__item--active .filter__item-icon {
	color: var(--filter-active);
	height: 24px;
	width: 24px;
}

.filter--filter-1 .filter__item--active .filter__item-icon svg,
.filter--filter-1 .filter__item--active .filter__item-icon .filter__asset {
	height: 24px;
	max-height: 24px;
	max-width: 24px;
	width: 24px;
}

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

.filter--filter-1 .filter__item--active:hover,
.filter--filter-1 .filter__item--active:focus-visible {
	color: var(--filter-active);
	filter: brightness(1.05);
}