/*
 * Formie 4 dáva svoje štýly do CSS vrstiev (@layer). Nevrstvený reset
 * v bundle.css (`*{margin:0;padding:0;border:0}`, `button{background:transparent;border:0}`)
 * má preto prednosť a formulár ostane bez rámčekov, checkboxov a tlačidla.
 * `revert-layer` vráti vo formulári hodnoty z Formie vrstiev.
 */
.formie-form *,
.formie-form *::before,
.formie-form *::after {
	margin: revert-layer;
	padding: revert-layer;
	border: revert-layer;
}

.formie-form :is(button, input, optgroup, select, textarea) {
	font-size: revert-layer;
	line-height: revert-layer;
	overflow: revert-layer;
}

.formie-form button,
.formie-form [type=button],
.formie-form [type=submit] {
	background: revert-layer;
	-webkit-appearance: revert-layer;
	appearance: revert-layer;
}