/*	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
	CORE/FORM/CLASSES.CSS
	––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Bootstrap override (will use box style instead) */
.form-input--self.form-control {
	border: none !important;
}

.form-input--self.form-control,
.form-input--self.form-control:focus {
	outline				: none			!important;
	box-shadow			: none			!important;
	border-radius		: 0				!important;
	background-color	: transparent	!important;
}

.form-select {
	background-color	: transparent;
	border				: none;
	border-color		: transparent;
	color				: unset;
}

textarea {
	resize: none;
}

.form-switch .form-check-input {
	margin-left: unset;
}

.form-switch {
	padding-left: unset;
}

.form-check .form-check-input {
	float		: unset;
	margin-left	: unset;
}

/*	#region		Input height */

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
	height			: calc((3.5rem + calc(var(--bs-border-width) * 2)) * var(--input-height)) !important;
	--input-height	: 1;
}

.fih-1 {
	--input-height: 1 !important;
}

.fih-2 {
	--input-height: 2 !important;
}

.fih-3 {
	--input-height: 3 !important;
}

.fih-4 {
	--input-height: 4 !important;
}

.fih-5 {
	--input-height: 5 !important;
}

/*	#endregion	Input height */