/* Start:/bitrix/templates/bareshoes/components/itlab/smart.filter/filter/style.css?17748733105665*/



.filter__popup {
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
    height:100%;
	display:none;
}

.filter__overlay {
	position:fixed;
	background-color:#243746;
	opacity:0.4;
	height:100%;
	width:100%;
	top:0;
	right:0;
	z-index:5;
}

.filter__wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:6;
	background-color:#ffffff;
	width:100%;
	height:100%;
	max-width:400px;
	display:flex;
	flex-direction:column;
}

.filter__popup-close {
	position:absolute;
	top:0px;
	right:10px;
	width:40px;
	height:40px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:18px 18px;
	background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.777 0.168283C17.0716 -0.0719826 17.5059 -0.0550368 17.7804 0.219554C18.055 0.494144 18.072 0.9284 17.8317 1.22298L17.7804 1.28011L10.0606 8.99994L17.7804 16.7198L17.8317 16.7769C18.072 17.0715 18.055 17.5057 17.7804 17.7803C17.5059 18.0549 17.0716 18.0719 16.777 17.8316L16.7199 17.7803L9.00006 10.0605L1.28023 17.7803C0.987336 18.0732 0.51257 18.0732 0.219673 17.7803C-0.0732242 17.4874 -0.0732243 17.0127 0.219673 16.7198L7.9395 8.99994L0.219673 1.28011L0.168402 1.22298C-0.0718634 0.9284 -0.0549178 0.494144 0.219673 0.219554C0.494263 -0.0550369 0.928519 -0.0719825 1.2231 0.168283L1.28023 0.219554L9.00006 7.93938L16.7199 0.219554L16.777 0.168283Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}

.filter__header {
	flex:none;
	padding:10px 15px;
	font-size:20px;
	font-weight:700;
	border-bottom:1px solid #ECECEF;
	line-height:1;
	position:relative;
}

.filter__content {
	flex:1;
	overflow:auto;
}

.scroll-wrapper.filter__content {
	
}

.scroll-wrapper.filter__content > .scroll-content {
	border:1px solid #ff0000;
	width:calc(100% - 5px) !important;
}

.filter__footer {
	flex:none;
	padding:10px 15px;
	display:flex;
	align-items:center;
	gap:10px;
	border-top:1px solid #ECECEF;
}

.filter__result-btn {
	flex:1 1 calc((100% / 2) - 5px);
	max-width:calc((100% / 2) - 5px);
}

.filter__footer .btn {
	padding:10px 15px;
	font-size:13px;
	font-weight:400;
	width:100%;
}


.filter__block {
	border-bottom:1px solid #ECECEF;
}

.filter__block + .filter__block {
	margin:0 0 0 0;
}

.filter__block:last-child {
	border:0;
}

.filter__block.is__switch + .filter__block.is__switch {
	margin:0;
}

.filter__block-switch {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
}

.filter__block-title {
	font-size:15px;
	font-weight:500;
	line-height:1.2;
	padding:10px 15px 10px;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:5px 15px;
	cursor:pointer;
	
	background-repeat:no-repeat;
	background-position:calc(100% - 20px) 50%;
	background-image:url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99565 0.504196C7.76784 0.276389 7.3985 0.276389 7.17069 0.504196L4.08317 3.59172L0.995649 0.504196C0.767843 0.276389 0.398497 0.276389 0.170691 0.504196C-0.0571146 0.732003 -0.0571145 1.10135 0.170691 1.32916L3.67069 4.82916C3.8985 5.05696 4.26784 5.05696 4.49565 4.82916L7.99565 1.32916C8.22346 1.10135 8.22346 0.732003 7.99565 0.504196Z' fill='%231A1A1A'/%3E%3C/svg%3E");
}

.filter__block-title.opened {
	background-image:url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99565 4.4958C7.76784 4.72361 7.3985 4.72361 7.17069 4.4958L4.08317 1.40828L0.995649 4.4958C0.767843 4.72361 0.398497 4.72361 0.170691 4.4958C-0.0571146 4.268 -0.0571145 3.89865 0.170691 3.67084L3.67069 0.170844C3.8985 -0.0569624 4.26784 -0.0569624 4.49565 0.170844L7.99565 3.67084C8.22346 3.89865 8.22346 4.268 7.99565 4.4958Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}

.filter__remove-checked {
	font-size:13px;
	font-weight:600;
	color:#CF2331;
	border-bottom:1px solid #CF2331;
	cursor:pointer;
	line-height:1;
}

.filter__block-values {
	padding:5px 15px 10px 15px;
}

.filter__value-item {
	display:block;
	width:100%;
	margin:0 0 7px 0;
}

.filter__value-item .checkbox__content {
	font-size:13px;
	font-weight:400;
	padding-top:1px;
}

.checkbox__input.disabled + .checkbox__content {
	opacity:0.5;
	cursor:not-allowed;
}

.filter__values-images-list {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.filter__values-images-list .filter__value-item {
	flex:none;
	width:30px;
	height:30px;
	margin:0;
}

.filter__values-images-list .checkbox__content:before,
.filter__values-images-list .checkbox__content:after {
	display:none;
}

.filter__values-images-list .checkbox__content {
	width:100%;
	padding-top:100%;
	border:1px solid #f0f0f0;
}

.filter__values-images-list .checkbox__input:checked + .checkbox__content {
	border:2px solid #1A1A1A;
}

.filter__values-images-list .checkbox__content img {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	object-fit:cover;
}

.filter__range-inputs {
	display:flex;
	gap:15px;
}

.filter__range-inputs-col {
	border:2px solid #dddddd;
	display:flex;
	align-items:center;
	padding:8px 10px;
}

.filter__from-to-label {
	margin:0;
	padding:0 5px 0 15px;
	color:#707070;
	font-size:14px;
}

.filter__range-input {
	width:100%;
	border:none !important;
	color:#282828;
	font-weight:400;
	font-size:14px;
	outline:none !important;
}
/* End */
/* /bitrix/templates/bareshoes/components/itlab/smart.filter/filter/style.css?17748733105665 */