[data-op3-element-options-type="userprofileform"] {
    // Filter children list item (sidebar fields group).
    &[data-op3-parent-options-property-value-userProfileState="loggedin"] .op3-element-options-property[data-op3-element-options-property-id="children"] .op3-element-options-property-children-list-item:not([data-op3-element-child-spec^="loggedin"]),
    &[data-op3-parent-options-property-value-userProfileState="loggedout"] .op3-element-options-property[data-op3-element-options-property-id="children"] .op3-element-options-property-children-list-item:not([data-op3-element-child-spec^="loggedout"]) {
        display: none;
    }

    // Force display "empty fields" for subforms with no fields.
    &[data-op3-parent-options-property-value-userProfileState="loggedout"] .op3-element-options-property[data-op3-element-options-property-id="children"] .op3-element-options-property-children-list::after {
        display: block;
    }

    // children property
    .op3-element-options-property[data-op3-element-options-property-name="children"] {
        .op3-element-options-property-children-list {
            &::after {
                content: "Empty Children List";
                display: none;
                font-size: 12px;
                color: #8e8e8e;
            }

            &:empty::after {
                display: block;
            }
        }

        .op3-element-options-property-children-list-item-clone,
        .op3-element-options-property-children-list-item-remove {
            display: none;
        }

        .op3-element-options-property-children-list-item-visible {
            display: flex;
        }
    }

    // Field Layout Inline/Stacked
    // [data-op3-element-options-property-name="optinFieldLayout"],
    [data-op3-element-options-property-id="verticalSpacing"],
    [data-op3-element-options-property-id="horizontalSpacing"],
    [data-op3-element-options-property-id="labelSpacing"],
    [data-op3-element-options-property-id="labelFontSize"],
    [data-op3-element-options-property-id="labelColor"] {
        display: none;
    }

    [data-op3-element-options-property-name="optinFieldLayout"] {
        &[data-op3-element-options-property-value="stacked"] {
            ~ [data-op3-element-options-property-id="verticalSpacing"] {
                display: flex;
            }
        }

        &[data-op3-element-options-property-value="inline"] {
            ~ [data-op3-element-options-property-id="horizontalSpacing"],
            ~ [data-op3-element-options-property-id="verticalSpacing"] {
                display: flex;
            }

            ~ [data-op3-element-options-property-id="alignItems"] {
                display: none;
            }
        }
    }

    // Label Spacing
    [data-op3-element-options-property-id="labelVisible"][data-op3-element-options-property-value="1"] {
        ~ [data-op3-element-options-property-id="labelSpacing"],
        ~ [data-op3-element-options-property-id="labelFontSize"],
        ~ [data-op3-element-options-property-id="labelColor"] {
            display: flex;
        }
    }

    .op3-element-options-container {
        &::before {
            display: none;
        }
    }
}