.esimcalc input[type="range"] {
	width: 100%;
	margin: 0;
	appearance: none;
	height: 5px;
	background: linear-gradient(to right, #db0a40 var(--progress), #ffffff var(--progress));
	border-radius: 5px;
	outline: none;
}

.esimcalc input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	width: 15px;
	height: 15px;
	background: #ffffff; /* Biała kulka */
	border-radius: 50%;
	cursor: pointer;
}

.esimcalc .slider-value {
	position: absolute;
	top: -50px; /* Pozycja etykiety nad przesuwnikiem */
	left: 0;
	transform: translateX(-50%);
	background-color: #ffffff; /* Białe tło */
	color: #db0a40; /* Kolor czcionki */
	padding: 5px 10px;
	border-radius: 8px; /* Zaokrąglone rogi */
	font-size: 0.8em;
	white-space: nowrap;
	pointer-events: none; /* Zapobiega interakcji z etykietą */
}

.esimcalc .slider-value::after {
	content: '';
	position: absolute;
	bottom: -7px; /* Pozycja trójkąta pod etykietą */
	left: 50%;
	transform: translateX(-50%);
	border-width: 7px; /* Rozmiar trójkąta */
	border-style: solid;
	border-color: #ffffff transparent transparent transparent; /* Biały trójkąt wskazujący w dół */
}

.esimcalc .data-info {
	display: flex; /* Ustawienie wiersza z opisem i wartością */
	justify-content: space-between; /* Rozdzielenie opisu i wartości */
	margin-bottom: 10px; /* Odstęp między wierszami */
}

.esimcalc .data-info strong {
	color: #ccd6f6; /* Kolor tekstu opisu */
}

.esimcalc .data-info span {
	color: #ffffff; /* Kolor tekstu wartości */
}