.o3-form-text-input {
	border: var(--_o3-form-input-border);
	padding: var(--o3-spacing-4xs) var(--o3-spacing-2xs);
	background-color: var(--_o3-form-color-use-case-background);
	box-sizing: border-box;
	border-radius: var(--_o3-form-input-border-radius);
	font-family: var(--o3-type-body-lg-font-family);
	font-size: var(--o3-type-body-lg-font-size);
	font-weight: var(--o3-type-body-lg-font-weight);
	line-height: var(--o3-type-body-lg-line-height);
	--o3-grid-columns-to-span-count: 4;
	max-width: var(
		--_o3-form-text-input-max-width,
		var(--o3-grid-columns-to-span-width)
	);
	min-height: 44px;
}

.o3-form-text-input[class*='--short'] {
	box-sizing: initial;
}
.o3-form-text-input--short-2 {
	--_o3-form-text-input-max-width: 1.5em;
}

.o3-form-text-input--short-3 {
	--_o3-form-text-input-max-width: 2.5em;
}

.o3-form-text-input--short-4 {
	--_o3-form-text-input-max-width: 3.5em;
}

.o3-form-text-input--short-5 {
	--_o3-form-text-input-max-width: 4.5em;
}

.o3-form-text-input--error {
	border: var(--_o3-form-input-border-error);
	background-color: var(--_o3-form-color-use-case-background-error);
}

input[class*='o3-form-text-input'][type='password']:disabled,
input[class*='o3-form-text-input'][type='text']:disabled {
	color: var(--o3-color-use-case-muted-text);
	background-color: var(--_o3-form-color-use-case-background-disabled);
	border-color: var(--_o3-form-color-use-case-border-disabled);
}
