.slider {
	position: relative;
	text-align: center;
	cursor: pointer;

	span {
		display: none;
	}

	.rail {
		border-radius: 4px;
		height: 8px;
		position: relative;
		z-index: 1;
		background: rgba($primary, 0.1)
	}

	.rail-handle {
		position: absolute;
		z-index: 10;
		top: -5px;
		height: 18px;
		width: 18px;
	}

	.rail-active {
		background-color: $accent;
		border-radius: 4px;
		height: 100%;
		position: relative;
	}

	.handle {
		background-color: #fff;
		border-radius: 50%;
		margin: 0 -9px;
		height: 18px;
		width: 18px;
		box-shadow: 0 2px 12px rgba($primary, 0.12);
	}

}