label.input.square {
	--height: 33px;
	--border-radius: 5px;
	--text-align: left;
	--font-weight: 500;
	--input-color: var(--text-color);
}

label.input.rounded {
	--height: 41px;
	--border-radius: 21px;
	--text-align: center;
	--font-weight: 400;
	--input-color: var(--text-color);
}

label.input {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: var(--text-align);
	margin-bottom: 16px;
	font-weight: var(--font-weight);
}

label.input input,
label.input textarea,
label.input select {
	height: var(--height);
	border-radius: var(--border-radius);
	text-align: var(--text-align);
	color: var(--input-color);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	border: none;
	padding: 0 16px;
	margin: 0;
	background-color: white;
}

label.input :focus-visible,
label.input :focus-visible {
	outline: 1px solid var(--focus-color);
}