@import 'style';

.wp-block-themeisle-blocks-form {
	.wp-block-themeisle-blocks-form-input {
		.otter-form-input {
			margin-bottom: 0;
		}
	}

	.components-placeholder__label > svg {
		width: 32px;
		height: 32px;
	}

	.otter-form-captcha {
		margin: 10px 0;
	}

	.otter-form__container > .block-editor-inner-blocks > .block-editor-block-list__layout {
		display: flex;
		flex-wrap: wrap;
		gap: var(--inputs-gap);

		&> div {
			width: 100%;
			margin: 0px;
		}
	}
}

.o-fetch-msg {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 8px 0;
	border-left: 3px solid orange;
	padding-left: 18px;
	grid-column: span 2;

	&.o-error {
		border-color: red;
	}
}

.o-form-options {
	// gap: 0 !important;

	.components-tools-panel-item:not( .is-first ) {
		border-top: 1px solid #ededed;
	}
}

.wp-block-themeisle-blocks-form-hidden-field {
	label {
		position: relative;
	}
}

.o-hidden-field-mark {
	position: absolute;
	right: 0px;
	padding: 0px 10px;
	background-color: var(--label-color, #ed6f57);
	color: white;
	border-radius: 5px;
	margin-right: 5px;
}
