.range-slider {
	margin: 0 5px 10px;
}

.range-slider-track {
	width: auto;
	height: 20px;
	margin: 0 auto;
	position: relative;
	cursor: e-resize;
}

.range-slider-track::before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--c-black);
}

.range-slider-track .dragger {
	display: block;
	width: 10px;
	height: inherit;
	position: relative;
	z-index: 2;
	background-color: var(--c-darkblue-bg);
	cursor: inherit;

	/* opacity:.6; */
}

.range-slider-vertical {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 10px 5px 0;
}

.range-slider-vertical .range-slider-track {
	cursor: n-resize;
	width: 20px;
	height: 100px;
}

.range-slider-vertical .range-slider-track::before {
	top: 0;
	right: auto;
	left: 9px;
	width: 2px;
	height: 100%;
}

.range-slider-vertical .range-slider-track .dragger {
	width: inherit;
	height: 10px;
}