/* Базовые стили для .file */
.file {
	padding: 20px; /* Внутренние отступы */
	text-align: left; /* Выравнивание текста по левому краю */
	cursor: pointer; /* Указатель курсора при наведении */
	margin: 10px 0; /* Внешние отступы: 10px сверху и снизу, 0 слева и справа */
	min-height: 50px; /* Минимальная высота 50px, но может увеличиваться */
	box-sizing: border-box; /* Учитываем padding в общей высоте */
}

/* Если есть класс .file-max, padding и margin не применяются */
.file.file-max {
	padding: 0; /* Убираем padding */
	margin: 0; /* Убираем margin */
}

/* Стили для фона */
.file-bg {
	background-color: #f8fcff; /* Новый, более светлый фон */
}

/* Стили для рамки */
.file-border {
	border: 2px dashed #9CBEE1; /* Пунктирная рамка синего цвета */
	border-radius: 10px; /* Закругленные углы */
}

/* Стили для расширения на всё доступное пространство с ограничениями */
.file-max {
	width: 100%; /* Занимает всю доступную ширину */
	height: 100%; /* Занимает всю доступную высоту */
	max-width: 1000px; /* Ограничение по ширине: не более 1000px */
	max-height: 500px; /* Ограничение по высоте: не более 500px */
}