.form {
	width: 100%;
	max-width: 30rem;
	display: flex;
	flex-direction: column;
}

.form-section {
	margin-bottom: 1rem;
}

.form-row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: .5rem;

	.input {
		flex-grow: 1;
	}
}

.form-column {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	min-width: 10rem;
}

.form-actions {
	display: flex;
	margin-bottom: .5rem;
	justify-content: flex-end;
	margin-top: .5rem;
}

.form-heading {
	color: var(--primary-light-10);
	margin: 0 0 .75rem 0;
}

.form-error {
	background: var(--error);
	color: var(--text-light);
	padding: 1rem;
	border-radius: .25rem;
	text-align: center;
	font-weight: bold;
}
