# elasticpress/4.7.1/assets/css/instant-results/range-slider.css

ElasticPress, version 4.7.1. 27 lines.

- Page: https://pluginprobe.com/plugins/elasticpress/4.7.1/code/assets/css/instant-results/range-slider.css
- Raw: https://pluginprobe.com/plugins/elasticpress/4.7.1/raw/assets/css/instant-results/range-slider.css
- Modified: 2023-01-10T18:12:08+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elasticpress/4.7.1/code/assets/css/instant-results/range-slider.css#L10-L20`.

```css
.ep-search-range-slider {
	align-items: center;
	display: flex;
	margin: 0.5em 0;
	min-height: var(--ep-search-range-thumb-size);
}

.ep-search-range-slider__track {
	background: var(--ep-search-alternate-background-color);
	border-radius: calc(var(--ep-search-range-track-size) / 2);
	height: var(--ep-search-range-track-size);
}

.ep-search-range-slider__track-1 {
	background-color: currentcolor;
}

.ep-search-range-slider__thumb {
	background-color: currentcolor;
	border-radius: calc(var(--ep-search-range-thumb-size) / 2);
	box-shadow:
		inset 0 0 0 calc(var(--ep-search-range-thumb-size) / 10) currentcolor,
		inset 0 0 0 calc((var(--ep-search-range-thumb-size) - var(--ep-search-range-track-size)) / 2) var(--ep-search-background-color);
	height: var(--ep-search-range-thumb-size);
	width: var(--ep-search-range-thumb-size);
}

```