@import '../wrappers/NewDesignWrapper.css';

form:not(:first-child) {
	margin-top: 20px;
}

div[class*='Exception'], div.error {
	color: red;
	font-weight: bold;
	flex-basis: 100%;
}

form {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

div[data-field] {
	flex-grow: 1
}

	div[data-field] label {
		display: none;
	}

div[data-field-type$="text"] {
	flex-basis: 100%;
}

div[data-field-type] :is(span, textarea, input) {
	width: 100%;
}

div.HumanUserCheck {
	flex-basis: 100%;
}

	div.HumanUserCheck input {
		max-width: 60px;
	}

input, textarea {
	font-family: var(--main-font);
	font-size: 16px;
	padding: 5px;
	border-radius: 3px;
}

textarea {
	min-height: 180px;
}

form :is(input, textarea):invalid:not(:placeholder-shown) {
	color: red;
	border-color: red;
}

input[type="submit"] {
	background-color: var(--logo-color);
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	box-shadow: 3px 3px 2px black;
	border-radius: 5px;
	padding: 10px;
	transition-property: filter,box-shadow;
	transition-duration: 0.5s;
}

	input[type="submit"]:hover {
		filter: brightness(1.1);
		box-shadow: 5px 5px 5px black;
	}