.form-slider {
	-webkit-appearance: none;
	width: 100%;
	height: 1rem;
	background: #dadada;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;

	&--wider {
		min-width: 20rem;
	}

	&:hover {
		opacity: 1;
	}

	&::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 1rem;
		height: 1rem;
		background: #496898;
		cursor: pointer;
	}

	&::-moz-range-thumb {
		width: 1rem;
		height: 1rem;
		border-radius: 0;
		border: 0;
		background: #496898;
		cursor: pointer;
	}
}