.rd-range {
	height: 18px;
	margin-top: 0.8125rem;
	display: flex;
	align-items: center;
}

.rd-range__wrap {
	position: relative;
	width: 100%;
	background-color: #e0fdf5;
	transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
	height: 8px;
}

.rd-range:hover .rd-range__pointer:before {
	transform: scale(1);
	animation-name: pulse;
}

.rd-range__pointer {
	position: absolute;
	cursor: pointer;
	top: 3px;
	left: 6%;
	z-index: 1;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transform-origin: 0% 15%;
	transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
	overflow: visible;
	background-color: #fff;
	background-clip: padding-box;
	border: 2px solid #1e676e;
}

@media (min-width: 768px) {
	.rd-range__pointer.active {
		transform: scale3d(1.5, 1.5, 1.5) translate(-50%, -50%);
	}
}

.rd-range__line {
	background-color: #29d3cd;
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
}

.rd-range.hasTooltip .rd-range__pointer-tooltip {
	font-size: 12px;
	color: #ffffff;
	opacity: 0;
	transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.rd-range.hasTooltip .rd-range__pointer {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -38px;
	width: 28px;
	height: 28px;
	border-radius: 28px;
	transform: scale(0.45) translate3d(0, 67.5px, 0);
	transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.rd-range.hasTooltip .rd-range__pointer:before {
	content: none;
}

.rd-range.hasTooltip .rd-range__pointer:after {
	position: absolute;
	content: '';
	left: 0;
	border-radius: 16px;
	top: 19px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 16px solid #124b40;
	opacity: 0;
	transform: translate3d(0, -8px, 0);
	transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.rd-range.hasTooltip .rd-range__pointer.active {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1) translateX(-14px);
}

.rd-range.hasTooltip .rd-range__pointer.active:after {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.rd-range.hasTooltip .rd-range__pointer.active .rd-range__pointer-tooltip {
	opacity: 1;
}

.rd-range-meta {
	font-size: 1rem;
}

.rd-range-value {
	display: flex;
}

.rd-range-form-wrap {
	display: flex;
}

.rd-range-label {
	margin-right: 0.1875rem;
	color: #1e676e;
}

.rd-range-input {
	min-width: 1.875rem;
	font-weight: inherit;
	border: none;
	padding: 0;
	color: inherit;
	background-color: transparent;
}

.rd-range-input-value-1 {
	width: 1.125rem;
	min-width: 1.125rem;
}

* + .rd-range-meta {
	margin-top: 0.375rem;
}