/* Стили для радиокнопок */
	
.radio-group {
	display: flex; /* Используем flexbox для размещения */
	flex-direction: column; /* Вертикальное расположение элементов */
}
.radio-label {
	display: flex; /* Используем flexbox для размещения */
	align-items: center; /* Центрируем по вертикали */
	margin-bottom: 5px; /* Отступ между радиокнопками */
}
.radio-label input {
	display: none; /* Скрываем стандартные радиокнопки */
}
.radio-slider {
	width: 60px; /* Ширина радиокнопки */
	height: 30px; /* Высота радиокнопки */
	background-color: #ccc; /* Цвет фона радиокнопки */
	border-radius: 30px; /* Закругленные углы */
	position: relative; /* Относительное позиционирование */
	margin-right: 10px; /* Отступ справа */
	cursor: pointer; /* Указатель курсора при наведении */
}
.radio-slider:before {
	content: ""; /* Пустое содержимое для псевдоэлемента */
	position: absolute; /* Абсолютное позиционирование */
	height: 26px; /* Высота ползунка */
	width: 26px; /* Ширина ползунка */
	left: 2px; /* Положение слева */
	bottom: 2px; /* Положение снизу */
	background-color: white; /* Цвет фона ползунка */
	border-radius: 50%; /* Круглая форма ползунка */
	transition: .4s; /* Плавный переход */
}
.radio-label input:checked + .radio-slider {
	background-color: #66bb6a; /* Цвет фона при включении */
}
.radio-label input:checked + .radio-slider:before {
	transform: translateX(30px); /* Сдвиг ползунка при включении */
}

