@charset "UTF-8";

:root {
	--floating-input-height: 2.35rem;
}

/* Убираем ограничение на минимальную высоту */
.form-floating > .form-select,
.form-floating > .form-control {
	min-height: 0;
	/* Отменяем минимальную высоту */
	height: var(--floating-input-height);
	/* Уменьшенная высота */
	padding: 0.25rem 0.75rem !important;
	/* Уменьшенные отступы */
	font-size: 0.875rem;
	/* Меньший шрифт */
	line-height: 1.5;
	/* Межстрочный интервал */
}

/* Стили для плавающих меток */
.form-floating > label {
	position: absolute;
	top: -0.5rem;
	/* Изначальное положение лейбла */
	left: 0rem;
	font-size: 0.9rem;
	transform-origin: left top;
	transition: all 0.2s ease-in-out;
	pointer-events: none;
}

/* Сдвигаем лейбл вверх при фокусе или заполнении */
.form-floating > .form-control ~ label,
.form-floating > .form-select ~ label {
	top: -1.1rem;
	/* Лейбл поднимается выше */
	color: rgba(var(--bs-body-color-rgb), 0.65);
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control ~ label::after,
.form-floating > .form-select ~ label::after {
	position: absolute;
	inset: 1rem 0.375rem;
	z-index: -1;
	height: 1.5em;
	content: '';
	background-color: var(--bs-body-bg);
	border-radius: var(--bs-border-radius);
}

.form-control[readonly],
.form-select[readonly],
.form-floating > [readonly] ~ label::after,
.form-select[readonly] + .select2-container .select2-selection,
.form-control[disabled],
.form-select[disabled],
.form-floating > :disabled ~ label::after,
.form-select[disabled] + .select2-container .select2-selection {
	background-color: #f5f5f6 !important;
}

.form-select[readonly] + .select2-container .select2-selection {
	pointer-events: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	height: 100%;
}