main input, main select {
	background-color: var(--color-gray);
	border-bottom: 2px solid black;
	border-top: 2px solid transparent;
	border-left: 0;
	border-right: 0;
	color: black;
	font-family: inherit;
	font-size: inherit;
	margin-bottom: 10px;
	padding: 5px 8px 7px 8px;
	text-align: left;
	width: 100%;
}
	main input:not([type=checkbox], [type=radio]), main select {
		-webkit-appearance: none;
	}

	main input::-webkit-date-and-time-value {
		text-align: left;
	}

	main input:focus {
		outline: none;
		background-color: var(--color-gray-light);
	}

	main input:read-only:not([type=file]), main select:disabled {
		border-bottom-color: #656565;
		color: #656565;
	}

	main input:read-only[value=""]:not([type=file]) {
		color: transparent;
	}

@media only screen and (max-width: 412px) {
	.edge-field-group {
		display: grid;
		grid-template-columns: 1fr auto;
	}

		.edge-field-group label {
			grid-column: 1 / 3;
		}

		.edge-field-group :not(label):not(.edge-field-group-split) {
			grid-column: 1 / 3;
		}

		.edge-field-group .edge-field-group-extra {
			margin-left: 10px;
			margin-bottom: 10px;
		}

		.edge-field-group a.edge-field-group-extra {
			display: flex;
			align-items: center;
			justify-content: center;
		}
}

@media only screen and (min-width: 413px) {
	.edge-field-group {
		display: grid;
		grid-template-columns: auto 1fr auto;
	}

		.edge-field-group * {
			margin-bottom: 10px;
		}

		.edge-field-group .edge-field-group-extra {
			margin-left: 10px;
		}

		.edge-field-group :not(label):not(.edge-field-group-split) {
			grid-column: 2 / 4;
		}

		.edge-field-group label {
			padding: 7px 0 9px 0;
		}

		.edge-field-group a.edge-field-group-extra {
			display: flex;
			align-items: center;
			justify-content: center;
		}

	label.edge-field-group-indent {
		padding-left: 20px;
	}
}

.edge-validation-error {
	border: 2px solid red;
}