/**
 * Filter by Price Widget
 */
body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important

	.widget_price_filter .ui-slider {
		.ui-slider-range,
		.ui-slider-handle {
			background-color: #{map-deep-get($config-global, "color", "primary", "default")};
		}
	}

	.widget_price_filter .price_slider_wrapper .ui-widget-content {
		background-color: #{map-deep-get($config-global, "color", "foreground", "light")};
	}
}