.form-error {
	color: var(--color-red);
	font-size: var(--text-xs);
	margin-top: var(--spacing);
}

.form-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-2);

	> div {
		display: flex;
		align-items: center;
		gap: var(--spacing-2);
	}
}

.form-cols {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--spacing-6);

	@media (width < 40rem) {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-4);
	}
}

.form-quick-select {
	display: flex;
	align-items: center;
	gap: var(--spacing-2);

	@media (width < 40rem) {
		flex-wrap: wrap;
		> input { flex: 1 0 100% }
	}
}