:root {
    --srfm-font-size: 16px;
    --srfm-error-color: #dc2626;
    --srfm-error-color-border: rgba(220, 38, 38, 0.65);
    --srfm-error-color-border-glow: rgba(220, 38, 38, 0.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: #ffffff;
    --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
}

button.srfm-toolbar-width-setting-button {
    width: max-content !important;
    color: var(--wp-components-color-foreground, #1e1e1e)
}

button.srfm-toolbar-width-setting-button:before {
    display: none !important
}

button.srfm-toolbar-width-setting-button.is-selected .srfm-toolbar-width-setting-icon {
    background: #7e257d;
    box-shadow: 0 0 0 1px #1e1e1e;
    color: #fff
}

button.srfm-toolbar-width-setting-button:hover {
    color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))
}

button.srfm-toolbar-width-setting-button .srfm-toolbar-width-setting-icon {
    border: 1px solid;
    padding: 6px;
    border-radius: 2px;
    line-height: 1.4;
    font-size: 13px
}

.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% - 0.75 * var(--srfm-column-gap-between-blocks))
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-block-width-33-33,
.srfm-form-container .srfm-block-width-33-33 {
    flex: 0 1 calc(33.33% - 0.6666666667 * 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-66-66,
.srfm-form-container .srfm-block-width-66-66 {
    flex: 0 1 calc(66.66% - 0.3333333333 * var(--srfm-column-gap-between-blocks))
}

.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-nxt-btn,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-pre-btn,
.srfm-form-container .srfm-nxt-btn,
.srfm-form-container .srfm-pre-btn {
    cursor: pointer
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-custom-button-ctn,
.srfm-form-container .srfm-custom-button-ctn {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-custom-button-ctn .srfm-button,
.srfm-form-container .srfm-custom-button-ctn .srfm-button {
    margin-top: var(--srfm-input-label-gap, var(--srfm-input-field-margin-top));
    margin-bottom: var(--srfm-input-field-margin-bottom);
    margin-right: 0;
    margin-left: 0
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-custom-button-ctn.srfm-block,
.srfm-form-container .srfm-custom-button-ctn.srfm-block {
    height: auto
}

.block-editor-page.post-type-sureforms_form .is-root-container .ts-dropdown-icon,
.srfm-form-container .ts-dropdown-icon {
    position: absolute;
    background: 0 0 !important;
    right: var(--srfm-dropdown-padding-right);
    color: var(--srfm-color-input-text);
    display: flex;
    align-items: center
}

.block-editor-page.post-type-sureforms_form .is-root-container fieldset,
.srfm-form-container fieldset {
    font-size: inherit;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 0
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-email-confirm-block,
.srfm-form-container .srfm-email-confirm-block {
    margin-top: var(--srfm-row-gap-between-blocks)
}

.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-description,
.srfm-form-container .srfm-block .srfm-description {
    display: block;
    font-size: var(--srfm-description-font-size);
    font-weight: var(--srfm-description-font-weight);
    line-height: var(--srfm-description-line-height);
    color: var(--srfm-color-input-description);
    margin-top: var(--srfm-description-margin-top)
}

.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-description,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-description,
.srfm-form-container .srfm-checkbox-block .srfm-description,
.srfm-form-container .srfm-gdpr-block .srfm-description {
    margin-left: var(--srfm-checkbox-description-margin-left)
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-error-message,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-error-message,
.srfm-form-container .srfm-checkbox-block .srfm-error-message,
.srfm-form-container .srfm-gdpr-block .srfm-error-message {
    padding-top: 4px
}

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

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-block-url,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-block-url,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-block-url,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-block-url {
    color: var(--srfm-color-scheme-primary)
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx {
    display: flex;
    gap: var(--srfm-check-gap);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: .2s ease-out
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-block-text,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-block-text,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-block-text,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-block-text {
    flex: 1
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0)
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:first-child {
    margin-top: var(--srfm-checkbox-margin-top-frontend);
    width: var(--srfm-check-ctn-width);
    height: var(--srfm-check-ctn-height);
    border-radius: var(--srfm-checkbox-input-border-radius);
    transform: scale(1);
    border: 1px solid var(--srfm-color-input-border);
    background-color: var(--srfm-color-input-background);
    transition: .2s ease-out
}

.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-cbx .srfm-span-wrap:last-child,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:last-child,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:last-child,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx .srfm-span-wrap:last-child {
    position: relative;
    max-width: calc(100% - 30px)
}

@media screen and (max-width:640px) {

    .block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx,
    .block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx,
    .srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-cbx,
    .srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-cbx {
        width: 100%
    }
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-checkbox,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-gdpr,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-checkbox,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-gdpr,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-checkbox,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-gdpr,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-checkbox,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-gdpr {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important
}

.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,
.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,
.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,
.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,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-checkbox:checked+.srfm-cbx>span.srfm-span-wrap:first-child,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-input-gdpr:checked+.srfm-cbx>span.srfm-span-wrap:first-child,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-checkbox:checked+.srfm-cbx>span.srfm-span-wrap:first-child,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-input-gdpr:checked+.srfm-cbx>span.srfm-span-wrap:first-child {
    background: var(--srfm-color-scheme-primary);
    border-color: var(--srfm-color-scheme-primary)
}

.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
}

.block-editor-page.post-type-sureforms_form .is-root-container .srfm-checkbox-block .srfm-block-wrap .srfm-inline-svg,
.block-editor-page.post-type-sureforms_form .is-root-container .srfm-gdpr-block .srfm-block-wrap .srfm-inline-svg,
.srfm-form-container .srfm-checkbox-block .srfm-block-wrap .srfm-inline-svg,
.srfm-form-container .srfm-gdpr-block .srfm-block-wrap .srfm-inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.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: #7e257d;
    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)
}

.srfm-submit-button-hidden .srfm-form .srfm-block-single:has(+ .srfm-submit-container) {
    margin-bottom: 0 !important
}

.srfm-form-restriction-wrapper {
    background-color: #fff
}

.srfm-form-restriction-wrapper .srfm-form-restriction-message {
    background: #fefce8;
    border: 1px solid #fef08a;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 0
}

.srfm-form-restriction-wrapper .srfm-form-restriction-message .srfm-form-restriction-icon {
    color: #faad14
}

.srfm-form-restriction-wrapper .srfm-form-restriction-message .srfm-form-restriction-text {
    color: #333;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}