/* Общие стили для модальных окон */
	.top-info-modal {
		display: none; /* Скрыто по умолчанию */
		background-color: white; /* Цвет фона модального окна */
		border: 1px solid #ccc; /* Цвет и стиль рамки */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Тень для модального окна */
		padding: 20px; /* Внутренние отступы */
		position: absolute; /* Позиционирование относительно родителя */
		z-index: 1001; /* Чтобы модальные окна были выше остальных элементов */
	}

	/* Индивидуальные стили для каждого модального окна */
	.top-info-modal.size-1 {
		width: 300px; /* Ширина для первого модального окна */
		height: 150px; /* Высота для первого модального окна */
	}

	.top-info-modal.size-2 {
		width: 400px; /* Ширина для второго модального окна */
		height: 200px; /* Высота для второго модального окна */
	}

	.top-info-modal.size-3 {
		width: 250px; /* Ширина для третьего модального окна */
		height: 100px; /* Высота для третьего модального окна */
	}

	.top-info-modal.size-4 {
		width: 350px; /* Ширина для четвертого модального окна */
		height: 250px; /* Высота для четвертого модального окна */
	}

	.top-info-modal.size-5 {
		width: 450px; /* Ширина для пятого модального окна */
		height: 300px; /* Высота для пятого модального окна */
	}

	.top-info-modal.size-6 {
		width: 500px; /* Ширина для шестого модального окна */
		height: 350px; /* Высота для шестого модального окна */
	}

	/* Стили для заголовка модального окна */
	.top-info-modal-header {
		display: flex; /* Используем flexbox для размещения элементов */
		justify-content: space-between; /* Распределяем элементы по краям */
		align-items: center; /* Центрируем элементы по вертикали */
	}

	/* Стили для кнопки закрытия модального окна */
	.top-info-modal-close {
		cursor: pointer; /* Указываем, что кнопка кликабельна */
		color: #ff4d4d; /* Цвет текста кнопки закрытия */
	}