/* Slider Field Styles */

.number-slider-wrapper {
	width: 100%;

	--slider-color: #4dabf7;
}

.number-slider-wrapper input[type="range"].slider-input {
	width: 100%;
	accent-color: var(--slider-color);
}

/* Custom color is applied via JavaScript since CSS attr() doesn't work for custom properties. */

.slider-value-display {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
	color: var(--slider-color);
}