/* ==========================================================================
   Component: Icon button
   Иконки: arrow (серый фон) / plus (белый фон, active — крестик) /
           search (полупрозрачный фон для тёмного хедера, active — крестик)
   Размеры: xl 56 / l 50 / m 43 (search — 42) / s 37 / xs 26
   ========================================================================== */

.icon-btn {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: var(--ib-box);
	height: var(--ib-box);
	border-radius: 4px;
	cursor: pointer;
	transition: background-color var(--t-fast), color var(--t-fast), filter var(--t-fast);
}

.icon-btn__icon {
	width: var(--ib-ic);
	height: var(--ib-ic);
}

/* arrow */

.icon-btn--arrow {
	color: var(--c-black);
	background-color: var(--c-grey-2);
}

.icon-btn--arrow:hover,
.icon-btn--arrow:active,
.icon-btn--arrow.is-active {
	background-color: var(--c-grey);
}

.icon-btn--arrow .icon-btn__icon {
	transform: rotate(90deg);
}

.icon-btn--arrow.icon-btn--prev .icon-btn__icon {
	transform: rotate(-90deg);
}

.icon-btn--arrow:disabled {
	cursor: default;
	opacity: 0.5;
}

/* plus */

.icon-btn--plus {
	color: var(--c-black);
	background-color: var(--c-white);
}

.icon-btn--plus:hover {
	color: var(--c-orange);
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.18));
}

.icon-btn--plus.is-active,
.is-active > .icon-btn--plus {
	color: var(--c-black);
	filter: none;
}

/* search */

.icon-btn--search {
	color: var(--c-white);
	background-color: rgba(255, 255, 255, 0.1);
}

.icon-btn--search:hover,
.icon-btn--search.is-active {
	background-color: rgba(255, 255, 255, 0.18);
}

/* Размеры: 1920 */

.icon-btn--xl {
	--ib-box: 56px;
	--ib-ic: 24px;
}

.icon-btn--arrow.icon-btn--xl .icon-btn__icon {
	--icon-w: 16px;
	--icon-h: 20px;
	-webkit-mask-image: url("../../../assets/icons/arrow-xl.svg");
	mask-image: url("../../../assets/icons/arrow-xl.svg");
}

.icon-btn--plus.icon-btn--xl .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/plus-xl.svg");
	mask-image: url("../../../assets/icons/plus-xl.svg");
}

.icon-btn--plus.icon-btn--xl.is-active .icon-btn__icon,
.is-active > .icon-btn--plus.icon-btn--xl .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-xl.svg");
	mask-image: url("../../../assets/icons/cross-xl.svg");
}

.icon-btn--l {
	--ib-box: 50px;
	--ib-ic: 20px;
}

.icon-btn--arrow.icon-btn--l .icon-btn__icon {
	--icon-w: 13.6667px;
	--icon-h: 17px;
	-webkit-mask-image: url("../../../assets/icons/arrow-l.svg");
	mask-image: url("../../../assets/icons/arrow-l.svg");
}

.icon-btn--plus.icon-btn--l .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/plus-l.svg");
	mask-image: url("../../../assets/icons/plus-l.svg");
}

.icon-btn--plus.icon-btn--l.is-active .icon-btn__icon,
.is-active > .icon-btn--plus.icon-btn--l .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-l.svg");
	mask-image: url("../../../assets/icons/cross-l.svg");
}

.icon-btn--m {
	--ib-box: 43px;
	--ib-ic: 18px;
}

.icon-btn--arrow.icon-btn--m .icon-btn__icon {
	--icon-w: 12.5px;
	--icon-h: 15.5px;
	-webkit-mask-image: url("../../../assets/icons/arrow-m.svg");
	mask-image: url("../../../assets/icons/arrow-m.svg");
}

.icon-btn--plus.icon-btn--m .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/plus-m.svg");
	mask-image: url("../../../assets/icons/plus-m.svg");
}

.icon-btn--plus.icon-btn--m.is-active .icon-btn__icon,
.is-active > .icon-btn--plus.icon-btn--m .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
	mask-image: url("../../../assets/icons/cross-m.svg");
}

.icon-btn--s {
	--ib-box: 37px;
	--ib-ic: 16px;
}

.icon-btn--arrow.icon-btn--s .icon-btn__icon {
	--icon-w: 10.7333px;
	--icon-h: 13.4px;
	-webkit-mask-image: url("../../../assets/icons/arrow-s.svg");
	mask-image: url("../../../assets/icons/arrow-s.svg");
}

.icon-btn--plus.icon-btn--s .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/plus-s.svg");
	mask-image: url("../../../assets/icons/plus-s.svg");
}

.icon-btn--plus.icon-btn--s.is-active .icon-btn__icon,
.is-active > .icon-btn--plus.icon-btn--s .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
	mask-image: url("../../../assets/icons/cross-s.svg");
}

.icon-btn--xs {
	--ib-box: 26px;
	--ib-ic: 12px;
}

.icon-btn--arrow.icon-btn--xs .icon-btn__icon {
	--icon-w: 8.4px;
	--icon-h: 10.4px;
	-webkit-mask-image: url("../../../assets/icons/arrow-xs.svg");
	mask-image: url("../../../assets/icons/arrow-xs.svg");
}

.icon-btn--plus.icon-btn--xs .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/plus-xs.svg");
	mask-image: url("../../../assets/icons/plus-xs.svg");
}

.icon-btn--plus.icon-btn--xs.is-active .icon-btn__icon,
.is-active > .icon-btn--plus.icon-btn--xs .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-xs.svg");
	mask-image: url("../../../assets/icons/cross-xs.svg");
}

.icon-btn--search.icon-btn--xl {
	--ib-box: 56px;
}

.icon-btn--search.icon-btn--xl .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/search-m.svg");
	mask-image: url("../../../assets/icons/search-m.svg");
}

.icon-btn--search.icon-btn--xl.is-active .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
	mask-image: url("../../../assets/icons/cross-m.svg");
}

.icon-btn--search.icon-btn--l {
	--ib-box: 50px;
}

.icon-btn--search.icon-btn--l .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/search-m.svg");
	mask-image: url("../../../assets/icons/search-m.svg");
}

.icon-btn--search.icon-btn--l.is-active .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
	mask-image: url("../../../assets/icons/cross-m.svg");
}

.icon-btn--search.icon-btn--m {
	--ib-box: 42px;
}

.icon-btn--search.icon-btn--m .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/search-m.svg");
	mask-image: url("../../../assets/icons/search-m.svg");
}

.icon-btn--search.icon-btn--m.is-active .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
	mask-image: url("../../../assets/icons/cross-m.svg");
}

.icon-btn--search.icon-btn--s {
	--ib-box: 37px;
}

.icon-btn--search.icon-btn--s .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/search-s.svg");
	mask-image: url("../../../assets/icons/search-s.svg");
}

.icon-btn--search.icon-btn--s.is-active .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
	mask-image: url("../../../assets/icons/cross-s.svg");
}

.icon-btn--search.icon-btn--xs {
	--ib-box: 26px;
}

.icon-btn--search.icon-btn--xs .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/search-xs.svg");
	mask-image: url("../../../assets/icons/search-xs.svg");
}

.icon-btn--search.icon-btn--xs.is-active .icon-btn__icon {
	-webkit-mask-image: url("../../../assets/icons/burger-26-active.svg");
	mask-image: url("../../../assets/icons/burger-26-active.svg");
}

/* 1440 */

@media (max-width: 1919.98px) {
	.icon-btn--lg-xl {
		--ib-box: 56px;
		--ib-ic: 24px;
	}

	.icon-btn--arrow.icon-btn--lg-xl .icon-btn__icon {
		--icon-w: 16px;
		--icon-h: 20px;
		-webkit-mask-image: url("../../../assets/icons/arrow-xl.svg");
		mask-image: url("../../../assets/icons/arrow-xl.svg");
	}

	.icon-btn--plus.icon-btn--lg-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-xl.svg");
		mask-image: url("../../../assets/icons/plus-xl.svg");
	}

	.icon-btn--plus.icon-btn--lg-xl.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--lg-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-xl.svg");
		mask-image: url("../../../assets/icons/cross-xl.svg");
	}

	.icon-btn--lg-l {
		--ib-box: 50px;
		--ib-ic: 20px;
	}

	.icon-btn--arrow.icon-btn--lg-l .icon-btn__icon {
		--icon-w: 13.6667px;
		--icon-h: 17px;
		-webkit-mask-image: url("../../../assets/icons/arrow-l.svg");
		mask-image: url("../../../assets/icons/arrow-l.svg");
	}

	.icon-btn--plus.icon-btn--lg-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-l.svg");
		mask-image: url("../../../assets/icons/plus-l.svg");
	}

	.icon-btn--plus.icon-btn--lg-l.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--lg-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-l.svg");
		mask-image: url("../../../assets/icons/cross-l.svg");
	}

	.icon-btn--lg-m {
		--ib-box: 43px;
		--ib-ic: 18px;
	}

	.icon-btn--arrow.icon-btn--lg-m .icon-btn__icon {
		--icon-w: 12.5px;
		--icon-h: 15.5px;
		-webkit-mask-image: url("../../../assets/icons/arrow-m.svg");
		mask-image: url("../../../assets/icons/arrow-m.svg");
	}

	.icon-btn--plus.icon-btn--lg-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-m.svg");
		mask-image: url("../../../assets/icons/plus-m.svg");
	}

	.icon-btn--plus.icon-btn--lg-m.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--lg-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--lg-s {
		--ib-box: 37px;
		--ib-ic: 16px;
	}

	.icon-btn--arrow.icon-btn--lg-s .icon-btn__icon {
		--icon-w: 10.7333px;
		--icon-h: 13.4px;
		-webkit-mask-image: url("../../../assets/icons/arrow-s.svg");
		mask-image: url("../../../assets/icons/arrow-s.svg");
	}

	.icon-btn--plus.icon-btn--lg-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-s.svg");
		mask-image: url("../../../assets/icons/plus-s.svg");
	}

	.icon-btn--plus.icon-btn--lg-s.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--lg-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
		mask-image: url("../../../assets/icons/cross-s.svg");
	}

	.icon-btn--lg-xs {
		--ib-box: 26px;
		--ib-ic: 12px;
	}

	.icon-btn--arrow.icon-btn--lg-xs .icon-btn__icon {
		--icon-w: 8.4px;
		--icon-h: 10.4px;
		-webkit-mask-image: url("../../../assets/icons/arrow-xs.svg");
		mask-image: url("../../../assets/icons/arrow-xs.svg");
	}

	.icon-btn--plus.icon-btn--lg-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-xs.svg");
		mask-image: url("../../../assets/icons/plus-xs.svg");
	}

	.icon-btn--plus.icon-btn--lg-xs.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--lg-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-xs.svg");
		mask-image: url("../../../assets/icons/cross-xs.svg");
	}

	.icon-btn--search.icon-btn--lg-xl {
		--ib-box: 56px;
	}

	.icon-btn--search.icon-btn--lg-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--lg-xl.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--lg-l {
		--ib-box: 50px;
	}

	.icon-btn--search.icon-btn--lg-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--lg-l.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--lg-m {
		--ib-box: 42px;
	}

	.icon-btn--search.icon-btn--lg-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--lg-m.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--lg-s {
		--ib-box: 37px;
	}

	.icon-btn--search.icon-btn--lg-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-s.svg");
		mask-image: url("../../../assets/icons/search-s.svg");
	}

	.icon-btn--search.icon-btn--lg-s.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
		mask-image: url("../../../assets/icons/cross-s.svg");
	}

	.icon-btn--search.icon-btn--lg-xs {
		--ib-box: 26px;
	}

	.icon-btn--search.icon-btn--lg-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-xs.svg");
		mask-image: url("../../../assets/icons/search-xs.svg");
	}

	.icon-btn--search.icon-btn--lg-xs.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/burger-26-active.svg");
		mask-image: url("../../../assets/icons/burger-26-active.svg");
	}
}

/* 1024 */

@media (max-width: 1439.98px) {
	.icon-btn--md-xl {
		--ib-box: 56px;
		--ib-ic: 24px;
	}

	.icon-btn--arrow.icon-btn--md-xl .icon-btn__icon {
		--icon-w: 16px;
		--icon-h: 20px;
		-webkit-mask-image: url("../../../assets/icons/arrow-xl.svg");
		mask-image: url("../../../assets/icons/arrow-xl.svg");
	}

	.icon-btn--plus.icon-btn--md-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-xl.svg");
		mask-image: url("../../../assets/icons/plus-xl.svg");
	}

	.icon-btn--plus.icon-btn--md-xl.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--md-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-xl.svg");
		mask-image: url("../../../assets/icons/cross-xl.svg");
	}

	.icon-btn--md-l {
		--ib-box: 50px;
		--ib-ic: 20px;
	}

	.icon-btn--arrow.icon-btn--md-l .icon-btn__icon {
		--icon-w: 13.6667px;
		--icon-h: 17px;
		-webkit-mask-image: url("../../../assets/icons/arrow-l.svg");
		mask-image: url("../../../assets/icons/arrow-l.svg");
	}

	.icon-btn--plus.icon-btn--md-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-l.svg");
		mask-image: url("../../../assets/icons/plus-l.svg");
	}

	.icon-btn--plus.icon-btn--md-l.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--md-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-l.svg");
		mask-image: url("../../../assets/icons/cross-l.svg");
	}

	.icon-btn--md-m {
		--ib-box: 43px;
		--ib-ic: 18px;
	}

	.icon-btn--arrow.icon-btn--md-m .icon-btn__icon {
		--icon-w: 12.5px;
		--icon-h: 15.5px;
		-webkit-mask-image: url("../../../assets/icons/arrow-m.svg");
		mask-image: url("../../../assets/icons/arrow-m.svg");
	}

	.icon-btn--plus.icon-btn--md-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-m.svg");
		mask-image: url("../../../assets/icons/plus-m.svg");
	}

	.icon-btn--plus.icon-btn--md-m.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--md-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--md-s {
		--ib-box: 37px;
		--ib-ic: 16px;
	}

	.icon-btn--arrow.icon-btn--md-s .icon-btn__icon {
		--icon-w: 10.7333px;
		--icon-h: 13.4px;
		-webkit-mask-image: url("../../../assets/icons/arrow-s.svg");
		mask-image: url("../../../assets/icons/arrow-s.svg");
	}

	.icon-btn--plus.icon-btn--md-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-s.svg");
		mask-image: url("../../../assets/icons/plus-s.svg");
	}

	.icon-btn--plus.icon-btn--md-s.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--md-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
		mask-image: url("../../../assets/icons/cross-s.svg");
	}

	.icon-btn--md-xs {
		--ib-box: 26px;
		--ib-ic: 12px;
	}

	.icon-btn--arrow.icon-btn--md-xs .icon-btn__icon {
		--icon-w: 8.4px;
		--icon-h: 10.4px;
		-webkit-mask-image: url("../../../assets/icons/arrow-xs.svg");
		mask-image: url("../../../assets/icons/arrow-xs.svg");
	}

	.icon-btn--plus.icon-btn--md-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-xs.svg");
		mask-image: url("../../../assets/icons/plus-xs.svg");
	}

	.icon-btn--plus.icon-btn--md-xs.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--md-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-xs.svg");
		mask-image: url("../../../assets/icons/cross-xs.svg");
	}

	.icon-btn--search.icon-btn--md-xl {
		--ib-box: 56px;
	}

	.icon-btn--search.icon-btn--md-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--md-xl.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--md-l {
		--ib-box: 50px;
	}

	.icon-btn--search.icon-btn--md-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--md-l.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--md-m {
		--ib-box: 42px;
	}

	.icon-btn--search.icon-btn--md-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--md-m.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--md-s {
		--ib-box: 37px;
	}

	.icon-btn--search.icon-btn--md-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-s.svg");
		mask-image: url("../../../assets/icons/search-s.svg");
	}

	.icon-btn--search.icon-btn--md-s.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
		mask-image: url("../../../assets/icons/cross-s.svg");
	}

	.icon-btn--search.icon-btn--md-xs {
		--ib-box: 26px;
	}

	.icon-btn--search.icon-btn--md-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-xs.svg");
		mask-image: url("../../../assets/icons/search-xs.svg");
	}

	.icon-btn--search.icon-btn--md-xs.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/burger-26-active.svg");
		mask-image: url("../../../assets/icons/burger-26-active.svg");
	}
}

/* 375 */

@media (max-width: 1023.98px) {
	.icon-btn--sm-xl {
		--ib-box: 56px;
		--ib-ic: 24px;
	}

	.icon-btn--arrow.icon-btn--sm-xl .icon-btn__icon {
		--icon-w: 16px;
		--icon-h: 20px;
		-webkit-mask-image: url("../../../assets/icons/arrow-xl.svg");
		mask-image: url("../../../assets/icons/arrow-xl.svg");
	}

	.icon-btn--plus.icon-btn--sm-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-xl.svg");
		mask-image: url("../../../assets/icons/plus-xl.svg");
	}

	.icon-btn--plus.icon-btn--sm-xl.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--sm-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-xl.svg");
		mask-image: url("../../../assets/icons/cross-xl.svg");
	}

	.icon-btn--sm-l {
		--ib-box: 50px;
		--ib-ic: 20px;
	}

	.icon-btn--arrow.icon-btn--sm-l .icon-btn__icon {
		--icon-w: 13.6667px;
		--icon-h: 17px;
		-webkit-mask-image: url("../../../assets/icons/arrow-l.svg");
		mask-image: url("../../../assets/icons/arrow-l.svg");
	}

	.icon-btn--plus.icon-btn--sm-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-l.svg");
		mask-image: url("../../../assets/icons/plus-l.svg");
	}

	.icon-btn--plus.icon-btn--sm-l.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--sm-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-l.svg");
		mask-image: url("../../../assets/icons/cross-l.svg");
	}

	.icon-btn--sm-m {
		--ib-box: 43px;
		--ib-ic: 18px;
	}

	.icon-btn--arrow.icon-btn--sm-m .icon-btn__icon {
		--icon-w: 12.5px;
		--icon-h: 15.5px;
		-webkit-mask-image: url("../../../assets/icons/arrow-m.svg");
		mask-image: url("../../../assets/icons/arrow-m.svg");
	}

	.icon-btn--plus.icon-btn--sm-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-m.svg");
		mask-image: url("../../../assets/icons/plus-m.svg");
	}

	.icon-btn--plus.icon-btn--sm-m.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--sm-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--sm-s {
		--ib-box: 37px;
		--ib-ic: 16px;
	}

	.icon-btn--arrow.icon-btn--sm-s .icon-btn__icon {
		--icon-w: 10.7333px;
		--icon-h: 13.4px;
		-webkit-mask-image: url("../../../assets/icons/arrow-s.svg");
		mask-image: url("../../../assets/icons/arrow-s.svg");
	}

	.icon-btn--plus.icon-btn--sm-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-s.svg");
		mask-image: url("../../../assets/icons/plus-s.svg");
	}

	.icon-btn--plus.icon-btn--sm-s.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--sm-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
		mask-image: url("../../../assets/icons/cross-s.svg");
	}

	.icon-btn--sm-xs {
		--ib-box: 26px;
		--ib-ic: 12px;
	}

	.icon-btn--arrow.icon-btn--sm-xs .icon-btn__icon {
		--icon-w: 8.4px;
		--icon-h: 10.4px;
		-webkit-mask-image: url("../../../assets/icons/arrow-xs.svg");
		mask-image: url("../../../assets/icons/arrow-xs.svg");
	}

	.icon-btn--plus.icon-btn--sm-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/plus-xs.svg");
		mask-image: url("../../../assets/icons/plus-xs.svg");
	}

	.icon-btn--plus.icon-btn--sm-xs.is-active .icon-btn__icon,
	.is-active > .icon-btn--plus.icon-btn--sm-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-xs.svg");
		mask-image: url("../../../assets/icons/cross-xs.svg");
	}

	.icon-btn--search.icon-btn--sm-xl {
		--ib-box: 56px;
	}

	.icon-btn--search.icon-btn--sm-xl .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--sm-xl.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--sm-l {
		--ib-box: 50px;
	}

	.icon-btn--search.icon-btn--sm-l .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--sm-l.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--sm-m {
		--ib-box: 42px;
	}

	.icon-btn--search.icon-btn--sm-m .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-m.svg");
		mask-image: url("../../../assets/icons/search-m.svg");
	}

	.icon-btn--search.icon-btn--sm-m.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-m.svg");
		mask-image: url("../../../assets/icons/cross-m.svg");
	}

	.icon-btn--search.icon-btn--sm-s {
		--ib-box: 37px;
	}

	.icon-btn--search.icon-btn--sm-s .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-s.svg");
		mask-image: url("../../../assets/icons/search-s.svg");
	}

	.icon-btn--search.icon-btn--sm-s.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/cross-s.svg");
		mask-image: url("../../../assets/icons/cross-s.svg");
	}

	.icon-btn--search.icon-btn--sm-xs {
		--ib-box: 26px;
	}

	.icon-btn--search.icon-btn--sm-xs .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/search-xs.svg");
		mask-image: url("../../../assets/icons/search-xs.svg");
	}

	.icon-btn--search.icon-btn--sm-xs.is-active .icon-btn__icon {
		-webkit-mask-image: url("../../../assets/icons/burger-26-active.svg");
		mask-image: url("../../../assets/icons/burger-26-active.svg");
	}
}