.amountSlider {
	display: inline-block;
	margin-left: 2em;
	margin-right: 2em;
}

input[type="range"] {
	width: 200px;
	vertical-align: middle;
	margin-top: -1px;
	margin-left: 1em;
	margin-right: 1em;
}

span.amountDisplay {
	display: inline-block;
	width: 12em;
}



input {
	margin-left: 0.5em;
	margin-right: 0.5em;
	-webkit-appearance: none;
	width: 100%;
	height: 2px;
	background: #888888;
	outline: none;
	opacity: 0.8;
	-webkit-transition: .2s;
	transition: opacity .2s;
	pointer-events: auto;
}

input:hover {
	opacity: 1;
	background: #ffffff;
}

input::-webkit-slider-thumb, input.speedControlSliderDisabled::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 20px;
	background: #ffffff;
	cursor: pointer;
}