nouislider.space.css

	.noUiSlider,
	.noUiSlider * {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
	-ms-user-select: none;
		display: block;
		cursor: default;
	}
	.noUiSlider {
		position: relative;
	}
	.noUiSlider a {
		position: absolute;
		z-index: 1;
	}
	.noUiSlider a:nth-child(2) {
		background: inherit !important;
	}
	.noUiSlider.vertical a {
		width: 100%;
		bottom: 0;
	}
	.noUiSlider.horizontal a {
		height: 100%;
		right: 0;
	}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.noUiSlider:before,
	body.TOUCH,
	.noUiSlider div {
		-ms-touch-action: none;
	}
	.noUiSlider:before {
		display: block;
		position: absolute;
		width: 150%;
		left: -25%;
		height: 400%;
		top: -150%;
		content: "";
		z-index: -1;
	}
	.noUiSlider.vertical:before {
		width: 400%;
		left: -150%;
		height: 150%;
		top: -25%;
	}
}
	.noUiSlider {
		background: #000;
		border: 0 solid #000;
	}
	.noUiSlider.disabled div:before,
	.noUiSlider.disabled {
		background: #ccc;
		border-color: #ccc;
	}
	.noUiSlider.horizontal {
		border-width: 0 12px;
	}
	.noUiSlider.vertical {
		border-width: 12px 0;
	}
	.noUiSlider div {
		height: 44px;
		width: 44px;
		position: relative;
	}
	.noUiSlider div:before {
		position: absolute;
		background: #000;
		content: "";
	}
	.noUiSlider.horizontal div:before {
		left: 10px;
		height: 4px;
		width: 24px;
	}
	.noUiSlider.vertical div:before {
		top: 10px;
		width: 4px;
		height: 24px;
	}
	.noUiSlider:not(.disabled) div.active:after,
	.noUiSlider:not(.disabled) div:hover:after {
		height: 30px;
		width: 30px;
		border: 1px solid #333;
		position: absolute;
		top: 6px;
		left: 6px;
		content: "";
		border-radius: 30px;
	}
	.noUiSlider.horizontal {
		width: 300px;
		height: 1px;
	}
	.noUiSlider.horizontal div {
		margin: 1px 0 0 -22px;
	}
	.noUiSlider.vertical {
		width: 1px;
		height: 300px;
	}
	.noUiSlider.vertical div {
		margin: -22px 0 0 1px;
	}