:root {
	--srfm-font-size: 16px;
	--srfm-error-color: #dc2626;
	--srfm-error-color-border: rgba(220, 38, 38, .65);
	--srfm-error-color-border-glow: rgba(220, 38, 38, .15);
	--srfm-column-gap-between-blocks: 16px;
	--srfm-dropdown-font-weight: 400;
	--srfm-dropdown-badge-gap: 6px;
	--srfm-dropdown-badge-icon-gap: 6px;
	--srfm-dropdown-menu-padding: 6px;
	--srfm-dropdown-menu-icon-gap: 8px;
	--srfm-dropdown-option-padding: 8px 12px;
	--srfm-dropdown-badge-delete-icon: var(--srfm-error-color-border, #dc2626);
	--srfm-expandable-menu-background: #fff;
	--srfm-input-field-border-radius: 6px;
	--srfm-input-field-font-weight: 400;
	--srfm-checkbox-description-margin-left: 24px;
	--srfm-checkbox-input-border-radius: 4px;
	--srfm-check-svg-top: 2px;
	--srfm-check-svg-left: 2px;
	--srfm-flag-section-padding: 10px 0 10px 12px;
	--srfm-gap-between-icon-text: 8px;
	--srfm-label-font-weight: 500;
	--srfm-description-font-weight: 400;
	--srfm-description-margin-top: 2px;
	--srfm-error-font-size: 12px;
	--srfm-error-font-weight: 500;
	--srfm-error-line-height: 16px;
	--srfm-btn-border-radius: 6px;
	--srfm-btn-font-weight: 500;
	--srfm-multi-choice-horizontal-svg-size: 16px;
	--srfm-page-break-indicator-size: 24px;
}

.block-editor-page.post-type-sureforms_form .is-root-container, .srfm-form-container {
	position: relative;
	z-index: 1;
}

.block-editor-page.post-type-sureforms_form .is-root-container *, .srfm-form-container * {
	box-sizing: border-box;
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-25, .srfm-form-container .srfm-block-width-25 {
	flex: 0 1 calc(25% - .75 * var(--srfm-column-gap-between-blocks));
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-50, .srfm-form-container .srfm-block-width-50 {
	flex: 0 1 calc(50% - var(--srfm-column-gap-between-blocks) / 2);
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-75, .srfm-form-container .srfm-block-width-75 {
	flex: 0 1 calc(75% - var(--srfm-column-gap-between-blocks) / 4);
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-100, .srfm-form-container .srfm-block-width-100 {
	flex: 0 1 100%;
}

@media (max-width:576px) {
	.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-25, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-33-33, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-50, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-66-66, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-75, .srfm-form-container .srfm-block-width-25, .srfm-form-container .srfm-block-width-33-33, .srfm-form-container .srfm-block-width-50, .srfm-form-container .srfm-block-width-66-66, .srfm-form-container .srfm-block-width-75 {
		min-width: 100%;
		width: 100%;
	}
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-input-common, .srfm-form-container .srfm-input-common {
	width: 100%;
	max-width: 100%;
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-submit-button, .srfm-form-container .srfm-submit-button {
	cursor: pointer;
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block .srfm-block-label, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-block .srfm-block-legend, .srfm-form-container .srfm-block .srfm-block-label, .srfm-form-container .srfm-block .srfm-block-legend {
	display: block;
	font-size: var(--srfm-label-font-size);
	font-weight: var(--srfm-label-font-weight);
	line-height: var(--srfm-label-line-height);
	color: var(--srfm-color-input-label);
	word-break: break-word;
	margin: 0;
	padding: 0;
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block .srfm-block-wrap, .srfm-form-container .srfm-block .srfm-block-wrap {
	position: relative;
	line-height: 0;
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block .srfm-error-wrap, .srfm-form-container .srfm-block .srfm-error-wrap {
	height: var(--srfm-error-line-height);
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block .srfm-input-input, .srfm-form-container .srfm-block .srfm-input-input {
	height: var(--srfm-input-height);
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child svg, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child svg, .srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child svg, .srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child svg {
	opacity: 0;
	position: absolute;
	top: var(--srfm-check-svg-top);
	left: var(--srfm-check-svg-left);
	fill: none;
	width: var(--srfm-check-svg-size);
	height: var(--srfm-check-svg-size);
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: .2s ease-out;
	transform: translate3d(0, 0, 0);
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-checkbox:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-gdpr:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-checkbox:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg, .block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-gdpr:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg, .srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-checkbox:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg, .srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-gdpr:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg, .srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-checkbox:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg, .srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-gdpr:checked+.srfm-cbx>span.srfm-span-wrap:first-child svg {
	opacity: 1;
	stroke-dashoffset: 0;
}

.editor-styles-wrapper .srfm-button, .srfm-form-container .srfm-button {
	padding: var(--srfm-btn-padding);
	font-size: var(--srfm-btn-font-size);
	font-weight: var(--srfm-btn-font-weight);
	line-height: var(--srfm-btn-line-height);
	border-radius: var(--srfm-btn-border-radius);
	background: var(--srfm-color-scheme-primary);
	color: var(--srfm-color-scheme-text-on-primary);
	border: 1px solid var(--srfm-color-scheme-primary);
}

.editor-styles-wrapper .srfm-button:hover, .srfm-form-container .srfm-button:hover {
	background: var(--srfm-btn-color-hover);
}

.editor-styles-wrapper .srfm-button:focus, .srfm-form-container .srfm-button:focus {
	box-shadow: 0 0 0 3px var(--srfm-color-input-border-focus-glow);
}