.noUi-target,
.noUi-target *{
	box-sizing:border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-ms-touch-action:none;
	touch-action:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.noUi-target{
	background:#FFF;
	-webkit-box-shadow:inset 0 2px 2px -1px rgba(0,0,0,.2);
	box-shadow:inset 0 2px 2px -1px rgba(0,0,0,.2);
	position:relative;
	height:6px;
	border-radius:20px;
}
.noUi-base{
	background:var(--color-gray);
	border-radius:20px;
}
.noUi-base,
.noUi-connects{
	position:relative;
	width:100%;
	height:100%;
	z-index:1
}
.noUi-connects{
	overflow:hidden;
	z-index:0;
}
.noUi-connect,
.noUi-origin{
	position:absolute;
	top:0;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform-style:preserve-3d;
	transform-style:flat;
	width:100%;
	will-change:transform;
	z-index:1
}
.noUi-connect{
	background: var(--color-blue);
	left:0;
	height:100%
}
.noUi-origin{
	left:auto;
	height:0
}
.noUi-handle{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background:var(--color-gray);
	border:4px solid var(--color-blue);;
	border-radius:50%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
	box-shadow:0 0 4px rgba(0,0,0,.2);
	cursor:pointer;
	position:absolute;
	right:-6px;top:-4px;
	width:14px;height:14px
}
.noUi-touch-area{
	width:100%;
	height:100%
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin{
	-webkit-transition:transform .2s;
	transition:transform .2s
}
.noUi-state-drag *{
	cursor:inherit !important
}
.noUi-draggable{
	cursor:ew-resize
}
.noUi-tooltip{
	display:none;
	font-size:10px;
	position:absolute;
	left:50%;top:12px;
	text-align:center;
	transform:translate(-50%, 0);
	white-space:nowrap
}
.noUi-active .noUi-tooltip{
	display:block;
}