/* Start:/local/templates/main/components/bitrix/catalog/main/bitrix/catalog.smart.filter/.default/style.css?17800473089657*/
.filter-action-wrapper { display: flex; flex-direction: row; gap: 8px; margin-bottom: 24px;}
.bx-filter-wrapper { display: flex; flex-direction: row; gap: 8px; }
.bx-filter-wrapper .bx-filter-parameters-box { position: relative; }
.bx-filter-wrapper .bx-filter-parameters-box .dropdown-menu-inner { padding: 20px 16px; background: #fff; }

.form-checkbox {margin-bottom: 12px}
.form-checkbox:last-of-type {margin-bottom: 0}
.form-checkbox input[type=checkbox] {display: none}
.form-checkbox__input--visible {display: block;visibility: hidden;width: 0;line-height: 0;margin: 0}
label.form-checkbox__label {padding-left: 35px;position: relative;cursor: pointer;display: block;margin: 0;color: #666;line-height: 24px;min-height: 24px}
.form-checkbox__label:not(.disabled):hover {color:#000;}
.form-checkbox__label--no-text {padding-left: 20px}
.form-checkbox__label:not(.form-checkbox__label--sm) {font-size: .875rem}
.form-checkbox__box {position: absolute;top: 0;left: 0;width: 24px;height: 24px;border-radius: 4px;background: #f8f8f8;border: 1px solid #dadada;transition: .3s}
.form-checkbox__label:not(.disabled):hover .form-checkbox__box {box-shadow: 0 0 0 1px inset #000;border-color: #000}
.form-checkbox__input:checked + .form-checkbox__label {color: #222}
.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {border: 8px solid #000;background: #000}
.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: -1px; width: 4px; height: 8px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; content: ""; box-sizing: content-box; transform-origin: 0 100%; animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards; }

.dropdown-select__title .delete_filter svg { width: 8px; height: 8px; stroke: #fff; }
.dropdown-select__title .count_selected:not(:empty) { margin-right: 3px; }
.delete_filter { display: none; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 34px; cursor: pointer; align-items: center; justify-content: center;}
.delete_filter:before { content: ""; display: block; position: absolute; top: 8px; left: 0px; bottom: 8px; width: 1px; background: rgba(255, 255, 255, 0.2);}
.dropdown-select--with-dropdown.opened .delete_filter { display: flex; }

label.form-checkbox__label.disabled { color: #666; cursor: not-allowed; opacity: 0.6; }
.disabled .form-checkbox__box { background-color: #f8f8f8; }
.disabled .form-box { background-color: #f8f8f8; border-color: #ddd; box-shadow: none; }
.disabled .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box { background-color: #ddd; }

.bx-filter .bx-filter-title { display: none; }
.bx-filter .price-wrapper { color: #222; box-shadow: none; border: 1px solid #dadada; height: 47px; padding: 6px 14px; background: #fff; font-size: 16px; line-height: calc(1em + 4px); border-radius: 0; position: relative;}
.bx-filter input[type=text] { background: 0 0; border: none; height: 100%; padding: 0; flex: 1; color: #222;}
.bx-filter .bx_ui_slider_track { position: relative; height: 1px; margin: -1px 18px 18px; background: #ddd; z-index: 1; }
.bx-filter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after, .bx-filter .bx_ui_slider_track .bx_ui_slider_pricebar_VD:after, .bx-filter .bx_ui_slider_track .bx_ui_slider_pricebar_VN:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 2px; margin-top: -2px; }
.bx-filter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after { background-color: #000; }
.bx-filter .bx_ui_slider_pricebar, .bx-filter .bx_ui_slider_pricebar_V, .bx-filter .bx_ui_slider_pricebar_VD, .bx-filter .bx_ui_slider_pricebar_VN, .bx-filter .bx_ui_slider_range { position: absolute; top: 0; bottom: 0; box-sizing: border-box; border-right: 1px solid transparent; }
.bx-filter .bx_ui_slider_pricebar { z-index: 100; }
.bx-filter .bx_ui_slider_range { z-index: auto; background: #dadada; }
.bx-filter .bx_ui_slider_pricebar_V { top: -8px; height: 18px; z-index: 80; background-color: transparent; cursor: pointer; }
.bx-filter .bx_ui_slider_pricebar_VD { top: -8px; height: 18px; z-index: 60; background-color: transparent; cursor: pointer; }
.bx-filter .bx_ui_slider_pricebar_VN { top: -8px; height: 18px; z-index: 70; background-color: transparent; cursor: pointer; }
.bx-filter .bx_ui_slider_handle { position: absolute; top: 100%; width: 22px; height: 22px; }
.bx-filter .bx_ui_slider_handle:hover { cursor: grab; }
.bx-filter .bx_ui_slider_handle:active { cursor: grabbing; }
.bx-filter .bx_ui_slider_handle.left { left: 0; margin-left: -9px; }
.bx-filter .bx_ui_slider_handle.right { right: 0; margin-right: -9px; }
.bx-filter .bx_ui_slider_track .bx_ui_slider_handle { position: absolute; top: -9px; width: 18px; height: 18px; display: inline-block; cursor: grab; z-index: 100; background: #fff; border-radius: 100%; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); }
.bx-filter .bx_ui_slider_handle:after { content: "."; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; font-size: 0; display: inline-block; background: #000; border-radius: 100%; }
.bx-filter .bx_ui_slider_track .bx_ui_slider_handle:active, .bx-filter .bx_ui_slider_track .bx_ui_slider_handle:hover { border-color: #333; }
.bx-filter .bx_ui_slider_part { position: absolute; top: -3px; width: 0; height: 10px; background: #000; display: none; }
.bx-filter .bx_ui_slider_part.p1 { left: -1px; }
.bx-filter .bx_ui_slider_part.p2 { left: 25%; }
.bx-filter .bx_ui_slider_part.p3 { left: 50%; }
.bx-filter .bx_ui_slider_part.p4 { left: 75%; }
.bx-filter .bx_ui_slider_part.p5 { right: 1px; }
.bx-filter .bx_ui_slider_part span { position: absolute; bottom: 13px; left: 50%; display: block; width: 100px; margin-left: -50px; font-size: .8em; text-align: center; color: #999; }
.bx-filter .bx_ui_slider_part.p2 span, .bx-filter .bx_ui_slider_part.p3 span, .bx-filter .bx_ui_slider_part.p4 span { color: #b1b1b1; display: none; }
.bx-filter .bx_ui_slider_part.first span { left: -8px; margin-left: 0; text-align: left; }
.bx-filter .bx_ui_slider_part.last span { left: auto; right: -8px; margin-left: 0; text-align: right; }

.bx-filter .filter-params-container { max-height: 250px; overflow: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;}

.bx-filter .bx-filter-button-box{ display: none; }



@media only screen and (min-width: 768px) {
	.dropdown-select--with-dropdown.opened .dropdown-select__title { background-color: #000; border-color: #000; color: #fff; padding-right: 46px;}
	.dropdown-select--with-dropdown.opened .dropdown-select__title:hover { box-shadow: none; }
	.dropdown-select--with-dropdown.opened .dropdown-select__title use { fill: #fff; }
}


@media only screen and (max-width: 767px) {
	.bx-filter .delete_filter { display: none!important; }

	.filter-panel__sort .dropdown-menu-wrapper{ right:0; left: auto; }

	.filter-action-wrapper { flex-direction: row-reverse; justify-content: space-between; align-items: baseline; }
	.filter-toggle { font-size: 12px; font-weight: 700; cursor: pointer; }

	.bx-filter .bx-filter-title { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; padding: 16px; border-bottom: 1px solid #e5e5e5; }
	.bx-filter .bx-filter-title span { font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.8px; }
	.bx-filter .bx-filter-title svg { fill: #999; width:14px; height:14px; cursor: pointer; }

	.bx-filter .bx-filter-section { width: 100%; background: #fff; z-index: 10010; overflow: hidden; transition: left .4s,opacity .4s; position: fixed; left: -100%; top: 0; bottom: 0; max-width: 100%; height: 100dvh}
	.bx-filter .bx-filter-section.active { left: 0; box-shadow: 3px 0 10px 0 rgba(0,0,0,.45)}

	.bx-filter .bx-filter-wrapper {position: absolute; top: 55px; bottom: 48px; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; display: block; }
	.bx-filter .bx-filter-button-box { display: block; position: absolute; bottom: 0; z-index: 9; width: 100%; visibility: visible !important; border-top: 1px solid #e5e5e5; padding: 0; left: 0; background: #fff; }

	.bx-filter-wrapper .bx-filter-parameters-box { border-bottom: 1px solid #ededed; padding: 16px; min-width: 100%; }
	.bx-filter-wrapper .bx-filter-parameters-box .dropdown-select__title { width: 100%; display: flex; box-shadow: none; border: none; padding: 0; font-size: 15px; flex-direction: row; justify-content: space-between; }
	.bx-filter-wrapper .bx-filter-parameters-box .dropdown-select__title:hover { box-shadow: none; }
	.bx-filter-wrapper .bx-filter-parameters-box .dropdown-select__title .count_selected { display: none; }
	.bx-filter-wrapper .bx-filter-parameters-box .param-title { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width:100%; }
	.bx-filter-wrapper .bx-filter-parameters-box .dropdown-menu-wrapper { position: relative; top:unset; left:unset; }

	.bx-filter-wrapper .bx-filter-parameters-box .dropdown-menu-inner { padding: 13px 0 0 0; box-shadow: none; max-width: none; }

	.bx-filter-parameters-box-container { display: flex; flex-direction: row; }
	.bx-filter-parameters-box-container .btn { height: 42px; display: block; flex: 1; margin: 4px;}
}

@keyframes checkbox-check {
	0% {width: 0;height: 0;border-color: #fff;transform: rotate(45deg)}
	33% {width: 4px;height: 0}
	100% {width: 4px;height: 8px;border-color: #fff;transform: translate3d(0, -8px, 0) rotate(45deg)}
}
/* End */
/* /local/templates/main/components/bitrix/catalog/main/bitrix/catalog.smart.filter/.default/style.css?17800473089657 */