.filter{
	height: auto;
	position: sticky;
	top: calc(var(--offset) + calc(var(--header_height) * 2));
	max-height: calc(100vh - calc(calc(var(--header_height) * 2) + calc(var(--offset) * 2)));
	overflow-y: scroll;
}
.filter__hint{
	color: var(--gray);
	display: block;
	white-space: nowrap;
	padding-bottom: calc(var(--gx) * 4);
	border-bottom: 1px solid var(--lightgray);
}
.filter__arrow{
	width: 16px;
	height: 16px;
	transform: rotate(-90deg);
}
.filter__modal-link{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: calc(var(--gx) * 4) 0;
	color: var(--black);
	border-bottom: 1px solid var(--lightgray);
}
.filter__modal-link:hover{
	color: var(--red);
}
.filter__modal-link:hover svg{
	fill: currentColor;
}
.filter__modal-link > span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.filter .form__field{
	padding: calc(var(--gx) * 3);
}
.irs-from,
.irs-to{
	display: none;
}
.filter .form__block{
	margin-top: calc(var(--gx) * 4);
}
.filter .range{
	margin-bottom: var(--gx);
}
.checkbox__icon{
	width: calc(var(--gx) * 5);
	height: calc(var(--gx) * 5);
	margin-right: calc(var(--gx) * 2);
	border-radius: calc(var(--gx) * 1.5);
	border: 1px solid var(--lightgray);
	background-color: transparent;
	fill: transparent;
}
input[type="checkbox"]:checked + .checkbox__icon{
	background-color: var(--blue);
	border-color: var(--blue);
	fill: var(--white);
}
.fm-checkbox{
	display: none;
}
.fm-list-item-label{
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	justify-content: space-between;
	padding: calc(var(--gx) * 4) 0;
	border-bottom: 1px solid var(--lightgray);
}
.fm-checkbox-text{
	transition: var(--base-transition);
}
.fm-list-item-label:hover .fm-checkbox-text{
	color: var(--red);
}
#fm-search{
	transition: var(--base-transition);
	padding-top: calc(var(--gx) * 3);
	padding-bottom: calc(var(--gx) * 3);
}
#fm-search:not(:focus){
	background: var(--lightgray-0);
	border-color: var(--lightgray-0);
}
.fm-icon-search{
	width: 16px;
	height: 16px;
	position: absolute;
	right: 16px;
	top: 16px;
	fill: var(--gray);
}
.fm-search-label{
	position: relative;
	display: block;
	margin-bottom: calc(var(--gx) * 4);
}
.fm-list{
	padding-bottom: calc(var(--gx) * 15);
}
.fm-checkbox-hint{
	color: var(--lightgray-2);
	font-size: 14px;
}
.filter-items-secondary{
	height: 0;
	transition: var(--base-transition);
	overflow: hidden;
}
.filter-items-secondary.active{
	height: 212px;
}
.secondary-filters-toggler:not(.active) span.few{
	display: none;
}
.secondary-filters-toggler.active span.more{
	display: none;
}
.secondary-filters-toggler{
	color: var(--blue);
	margin-top: calc(var(--gx) * 4);
	float: right;
}
.secondary-filters-toggler + *{
	clear: both;
}
.select__list {
	height: 0;
	transition: var(--base-transition);
	background-color: var(--white);
	border-radius: calc(var(--gx) * 3);
	box-shadow: 0 4px 32px 0 rgba(0,16,61,.12);
	padding: 0 calc(var(--gx) * 4);
	position: absolute;
	top: auto;
	margin-top: calc(var(--gx) * 2);
	min-width: 270px;
	width: auto;
	left: 0;
	max-height: 320px;
	overflow: auto;
	z-index: 3;
}
.select__list.active{
	height: 227px;
}
.select__item {
	display: block;
	cursor: pointer;
	padding: calc(var(--gx) * 4);
	text-align: left;
	font-size: calc(var(--gx) * 4);
	line-height: calc(var(--gx) * 6);
	font-weight: 400;
	color: var(--black);
	margin: 0 calc(var(--gx) * -4);
	transition: var(--base-transition);
	cursor: pointer;
}
.select__item:hover{
	background: var(--lightgray);
}
.select__item:not(:last-child) {
	border-bottom: 1px solid #e0e2e8;
}
.select__item > svg{
	display: none;
}
.btn-view-block > svg{
	transform: rotate(90deg);
}
.btn-view-type.active{
	fill: var(--red);
}
@media (max-width: 1259px){
	.catalog-pjax{
		--filter_real_heigth: 576px;
	}
	.catalog-pjax.filter-expanded{
		--filter_real_heigth: 788px;
	}
	.filter-col{
		transition: var(--base-transition);
		height: 0;
		opacity: 0;
		z-index: -1;
		visibility: hidden;
		position: absolute;
		z-index: 2;
		top: 86px;
		left: 0;
		right: 0;
		/*right: calc(var(--offset) * .5);
		left: calc(var(--offset) * .5);*/
	}
	.filter{
		position: static;
	}
	.filter-col.active{
		visibility: visible;
		opacity: 1;
		z-index: 2;
		height: var(--filter_real_heigth);
	}
	.j-catalog-col .list-view{
		transition: var(--base-transition);
	}
	.j-catalog-col.active .list-view{
		margin-top: calc(var(--filter_real_heigth) + var(--offset));
	}
	.modal__filter{
		--mw: 100%;
	}
}
@media (max-width: 991px){
	.modal .tab-container .panel.listview-params > div,
	.modal .tab-container .panel.listview-params > div > button,
	.modal .tab-container .select__list.active{
		width: 100%;
	}
	.modal .tab-container .panel.listview-params > div > button{
		justify-content: center;
	}
}