.mnk-eco-sperant-form {
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(0, 1fr);
}

.mnk-eco-sperant-form-field {
	display: grid;
	gap: 0.35rem;
	grid-template-columns: minmax(0, 1fr);
}

.mnk-eco-sperant-form-field-message {
	color: #b32d2e;
	font-size: 0.875em;
	min-height: 1.25em;
}

.mnk-eco-sperant-form-field-invalid input,
.mnk-eco-sperant-form-field-invalid select,
.mnk-eco-sperant-form-field-invalid textarea {
	border-color: #b32d2e;
}

.mnk-eco-sperant-form__grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.mnk-eco-sperant-form__legal {
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
}

.mnk-eco-sperant-form__legal .mnk-eco-sperant-form-field-message {
	grid-column: 1 / -1;
}

.mnk-eco-sperant-form__messages {
	min-height: 1.5em;
}

.mnk-eco-sperant-form__messages.is-success {
	color: #16733c;
}

.mnk-eco-sperant-form--sending {
	opacity: 0.75;
}

.mnk-eco-sperant-form[hidden],
.mnk-eco-sperant-form__messages[hidden],
.mnk-eco-sperant-type-preview__placeholder[hidden],
.mnk-eco-sperant-type-preview__alternative[hidden] {
	display: none;
}

.mnk-eco-sperant-form__configuration-error {
	color: #b32d2e;
}

.mnk-eco-sperant-type-preview__placeholder {
	aspect-ratio: 4 / 3;
	place-items: center;
	overflow: hidden;
}

.mnk-eco-sperant-type-preview__image {
	height: 100%;
	object-fit: contain;
	width: 100%;
	border-radius: .75rem;
}