/* Slider Styles */
.ui-state-default,
.ui-widget-content .ui-state-default {
	outline: 0;
}

.ui-slider {
	border-radius: 100px;
	background-color: var(--primary-color);
	height: 12px;
}

.ui-slider-range-max {
	background-color: #ededed;
}

.ui-widget.ui-widget-content {
	border: none;
}

.slider-label {
	position: absolute;
	transform-origin: center center;
	background: rgba(33, 206, 153, 0.3);
	background-color: var(--primary-color-o-30);
	padding: 6px 8px;
	border-radius: 10px;
	top: -55px;
}

	.slider-label::after {
		content: '';
		display: block;
		position: absolute;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid rgba(33, 206, 153, 0.3);
		border-top: 8px solid var(--primary-color-o-30);
		left: 50%;
		bottom: -8px;
		margin-left: -8px;
	}