.rangeslider,
.rangeslider__fill{
	display:block;
	-moz-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.rangeslider{
	background:#40325f;
	position:relative;
}
.rangeslider--horizontal{
	height:20px;
	width:242px;
	overflow:visible;
	padding:0 4px;
	margin:0 10px;
	float:left;
}
.rangeslider--vertical{
	width:20px;
	min-height:150px;
	max-height:100%;
}
.rangeslider--disabled{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity:0.4;
}
.rangeslider__fill{
	background:#fd9306;
	position:absolute;
}
.rangeslider--horizontal .rangeslider__fill{
	top:4px;
	height:12px;
}
.rangeslider--vertical .rangeslider__fill{
	bottom:0;
	width:100%;
}
.rangeslider__handle{
	background:white;
	border:0;
	cursor:pointer;
	display:inline-block;
	width:28px;
	height:28px;
	position:absolute;
	background-size:100%;
	background:linear-gradient(to top, #ff9f03, #ffc101);
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.rangeslider__handle:after{
	content:"";
	display:block;
	width:18px;
	height:18px;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-size:100%;
	background:linear-gradient(to top, #ffcf11, #ff8e04);
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color:#f00;
}
.rangeslider--horizontal .rangeslider__handle{
	top:-4px;
	touch-action:pan-y;
	-ms-touch-action:pan-y;
}
.rangeslider--vertical .rangeslider__handle{
	left:-10px;
	touch-action:pan-x;
	-ms-touch-action:pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle{
	-moz-box-shadow:0 0 8px rgba(255, 0, 255, 0.9);
	-webkit-box-shadow:0 0 8px rgba(255, 0, 255, 0.9);
	box-shadow:0 0 8px rgba(255, 0, 255, 0.9);
}