/* Start:/local/templates/main/components/bitrix/news.list/visualizer_2/style.css?17104543002466*/
.visualizer {
    display: block;
	margin-bottom:3rem;
}

.visualizer_filter {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.visualizer_filter_items_wrap {
    width: 25%;
}

.visualizer_filter_item {
    width: 100%;
    margin-bottom: 2rem;
}

.filter_item_color {
     width: 100%;
}

.visualizer_filter_item select {
    display: none;
}

.visualizer_filter_item .select__title {
    margin-top: 0.5rem;
    padding: 0.75rem;
    border: none;
    background: #F5F5F5;
}

.visualizer_filter_item .select__value {
    color: inherit;
}

.visualizer_filter_item .select__options {
    color: inherit;
    background-color: #F5F5F5;
    border: 1px solid #d9d9d9;
    padding: 10px 0 5px;
}

.visualizer_filter_item .select__option:hover {
    color: var(--blue-color);
    background: #fff;
}

.visualizer_filter_item .select__option[hidden] {
    font-weight: 700;
}

.filter_item_collection {
    display: none;
}

.filter_item_collection.active {
    display: block;
}

.filter_color_list {
    position: relative;
    display: none;
    width: 100%;
}

.filter_color_list.active {
    display: block;
}

.filter_item_color .visualizer_filter_item_name {
    margin-bottom: 0.5rem;
}

.filter_color_item {
    margin-right: 10px;
}

.filter_color_item.active {
    border: 5px solid var(--blue-color);
}

.filter_color_item_name {
    font-size: 0.8rem;
    text-align: center;
    padding: 2px 0;
}

.filter_color_list img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.visualizer_block {
    width: 70%;
}


.visualizer_block_images {
    position: relative;
}

.visualizer_block_images img {
   width: 100%;
}

.visualizer_block_images img.visualizer_block_result {
    position: relative;
}

.filter_color_slider {
    display: none;
	height:170px;
}

.filter_color_slider.swiper-container-initialized {
    display: block;
}

.filter_color_scrollbar.swiper-scrollbar {
    position:relative;
    width: 100%;
    margin-bottom: 1rem;
    border: 1px solid var(--blue-color);
}

.filter_color_scrollbar .swiper-scrollbar-drag {
    width: 100px;
    height: 10px;
    background: var(--blue-color);
    cursor: grab;
}

@media all and (max-width: 992px) {
    .visualizer_filter_items_wrap,
    .filter_item_color,
	.visualizer_block	{
        width: 100%;
    }
	.filter_color_slider {
		height: 135px;
	}
}
/* End */
/* /local/templates/main/components/bitrix/news.list/visualizer_2/style.css?17104543002466 */