html, body {
	overflow: hidden;
}

canvas {
	position: relative;
	z-index: 1;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="range"] {
	position: relative;
	z-index: 2;
	width: 400px;
	max-width: 50%;
}

#controls {
	padding: 10px;
	text-align: center;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
}

#controls .btn {

	padding: 0 1rem;
}

#pointRange {
	padding: 10px;
	position: fixed;
	top: 10px;
	left: 0px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
#pointRange .thumb {
	display: none;
}
#pointRange > * {
	vertical-align: middle;
}