.slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: inline-block;
	vertical-align: bottom;

	width: calc(100% - 55px);
}
.slider .line {
	position: relative;
	display: flex;
	justify-content: space-between;
	border-top: 4px solid black;
	font-size: 0;
}
.slider .line option {
	display: inline-block;
	font-size: 12px;
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.85);
}
.slider .line .dot {
	width: 10px;
	height: 10px;
	background-color: rgba(0, 0, 0, 0.35);
	display: block;
	border-radius: 10px;
	top: -11.6px;
	position: absolute;
	margin-left: -6px;
	border: 4px solid rgba(255, 255, 255, 0.85);
}
.slider .line .dot:hover {
	border: 4px solid rgba(255, 255, 255, 1);
}
.slider + input[name] {
	width: 41px;
	margin: 0 0 10px 12px;
	text-align: center;
}