form {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-m);
	margin-bottom: 6em;
}

form .field-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
}

form input,
form textarea {
	border-radius: var(--b-radius);
	overflow: hidden;
}

form input:not([type="submit"]):not([type="checkbox"]),
form textarea {
	resize: none;
	border: var(--gray) solid 1px;
	padding: var(--spacing-m);
	border-bottom-color: var(--primary--dark);
}

form input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	outline: none;
	font-size: inherit;
	cursor: pointer;

    width: 1.5em;
    height: 1.5em;
	align-self: flex-start;
	border: solid 1px var(--primary--dark);
	position: relative;
}
input[type='checkbox']:checked {
    background-color: var(--primary);
}

input[type='checkbox']:checked:after {
  content: "✔";
  position: absolute;
  font-size: 1.5em;
  color: var(--primary--dark);
  left: 6%;
  top: -12%;
}

form input[type="submit"] {
	padding: var(--spacing-s);
}