.widget_price_filter .porto_price_filter_chart {
	display: none;
	margin: 3px 5px -3px 5px;
	opacity: .75;
}

.widget_price_filter .porto_price_filter_chart.show-chart {
	display: block;
}

.widget_price_filter .ui-slider {
	position: relative;
}

.widget_price_filter .porto_price_filter_chart.show-chart+.ui-slider .ui-slider-range:after {
	position: absolute;
	content: "";
	bottom: 0;
	height: 100px;
	width: 100%;
}

.widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 12px;
	height: 12px;
	cursor: pointer;
	outline: none;
	top: 50%;
	margin-top: -6px;
	margin-left: -6px;
	border-radius: 6px;
	background: var(--porto-primary-color);
}

.widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	background: var(--porto-primary-color);
}

.widget_price_filter .ui-slider-horizontal .porto-slider-price-after, .widget_price_filter .ui-slider-horizontal .porto-slider-price-before {
	position: absolute;
	bottom: 2px;
	background-color: var(--porto-body-bg, #fff);
	transition: width .4s;
}

.widget_price_filter .ui-slider-horizontal .porto-slider-price-before {
	left: 0;
}

.widget_price_filter .ui-slider-horizontal .porto-slider-price-after {
	right: 0;
}

.widget_price_filter .ui-slider-horizontal .porto-slider-price-after:after, .widget_price_filter .ui-slider-horizontal .porto-slider-price-after:before, .widget_price_filter .ui-slider-horizontal .porto-slider-price-before:after, .widget_price_filter .ui-slider-horizontal .porto-slider-price-before:before {
	position: absolute;
	content: "";
	bottom: 0;
	width: 100%;
	height: 100px;
}

.widget_price_filter .ui-slider-horizontal .porto-slider-price-after:before, .widget_price_filter .ui-slider-horizontal .porto-slider-price-before:before {
	backdrop-filter: grayscale(1);
}

.widget_price_filter .ui-slider-horizontal .porto-slider-price-after:after, .widget_price_filter .ui-slider-horizontal .porto-slider-price-before:after {
	opacity: .8;
	background-color: inherit;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
	left: -1px;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
	right: -1px;
}