.form {
	accent-color: var(--color__brown);
}

.form fieldset {
	border: 0;
	padding: 0;
}

.form textarea, 
.form input:not([type="checkbox"]) {
	width: 100%;
	padding: 0.5em;
	
	border: 1px solid var(--color__brown);
	font-weight: var(--fontSemiBold);
}

.form textarea {
	min-height: 8em;
	max-height: 15em;
	resize: vertical;
}

.form .input__wrapper {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	gap: 0.2em;
}

.form__group--inline .input__wrapper {
	flex-direction: row;
	align-items: baseline;
	gap: 1em;
}

.form__group--checkbox input {
	transform: scale(1.5);
}

.form__status {
	display: none;
}

.form__status.error {
	display: block;
	color: var(--color__red);
}

.form__status.success {
	display: block;
	color: var(--color--green);
	font-weight: var(--fontBold);
}

.form__status > * + * {
	margin-top: 0.6em;
}

.form__group.error input:not([type="checkbox"]), 
.form__group.error textarea { 
	border-color: var(--color__red); 
}

.form__group--checkbox.error {
	outline: 1px solid var(--color__red);
	outline-offset: 0.4em;
}