.field {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
}

.input {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	border: 1px solid var(--black-300);
	font-family: Inter;
	font-size: 18px;
	font-weight: 400;
	color: var(--black-900);
	padding: 10px 15px;
}

.input:focus {
	outline: none;
	border: 1px solid var(--black-500);
}

.input::placeholder {
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	color: var(--black-400);
}

.inputError {
	border: 1px solid var(--error-500);
}

.label {
	width: 100%;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	color: var(--black-900);
}

.error {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	color: var(--error-500);
}
