.slider-wrapper input[type='number']::-webkit-outer-spin-button,
.slider-wrapper input[type='number']::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.slider-wrapper .slider {
	height: 0.5rem;
	position: relative;
	background: #e3e8ef;
	border-radius: 9999px;
}

.slider-wrapper .slider .progress {
	height: 100%;
	position: absolute;
	border-radius: 9999px;
	background: #10122f;
}

.slider-wrapper .range-input {
	position: relative;
}

.slider-wrapper .range-input input {
	position: absolute;
	width: 100%;
	height: 0.5rem;
	top: -0.5rem;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* Styling the slider thumbs */
.slider-wrapper input[type='range']::-webkit-slider-thumb {
	height: 1.5rem;
	width: 1.5rem;
	pointer-events: auto; /* Enable clicks on the thumb only */
	-webkit-appearance: none;
	cursor: pointer;
	border-radius: 9999px;
	border: 2px solid #1c2331;
	background: #ffffff;
	box-shadow:
		0px 4px 6px -1px rgba(10, 13, 18, 0.1),
		0px 2px 4px -2px rgba(10, 13, 18, 0.06);
}

.slider-wrapper input[type='range']::-moz-range-thumb {
	height: 1.5rem;
	width: 1.5rem;
	pointer-events: auto;
	-moz-appearance: none;
	cursor: pointer;
	border-radius: 9999px;
	border: 2px solid #1c2331;
	background: #ffffff;
	box-shadow:
		0px 4px 6px -1px rgba(10, 13, 18, 0.1),
		0px 2px 4px -2px rgba(10, 13, 18, 0.06);
}