.op3-toolbar {
    [data-op3-element-options-type="tabsheaderitem"],
    [data-op3-element-options-type="tabsheader"] {
        &[data-op3-element-options-path*="/tabsheader"] {
            .op3-element-options-property[data-op3-element-options-property-id="gutter"] {
                button {
                    display: none;
                }
            }
        }

        [data-op3-element-options-property-id="justifyContent"],
        [data-op3-element-options-property-id="alignItems"] {
            .jquery-select-buttons-widget {
                [data-jquery-select-buttons-option-value="normal"] {
                    display: none;
                }

                [data-jquery-select-buttons-option-value="flex-start"] .jquery-select-buttons-option-icon::before { content: $op3-icon-align-horizontal-left; }
                [data-jquery-select-buttons-option-value="center"] .jquery-select-buttons-option-icon::before { content: $op3-icon-align-horizontal-middle; }
                [data-jquery-select-buttons-option-value="flex-end"] .jquery-select-buttons-option-icon::before { content: $op3-icon-align-horizontal-right; }
            }
        }
    }

    [data-op3-element-options-type="tabsheader"] {
        .op3-element-options-property[data-op3-element-options-property-id="justifyContent"],
        .op3-element-options-property[data-op3-element-options-property-id="alignItems"] {
            display: none;
        }
    }
}

@mixin displayDeviceFieldLayoutProperty($device) {
    [data-op3-element-options-type="tabsheader"] {
        .op3-element-options-property[data-op3-element-options-property-id="fieldLayout#{capitalize($device)}"] {
            display: none;
        }
    }

    [data-op3-device="#{$device}"] {
        [data-op3-element-options-type="tabsheader"] {
            .op3-element-options-property[data-op3-element-options-property-id="fieldLayout#{capitalize($device)}"] {
                display: block;

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

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

@include displayDeviceFieldLayoutProperty(desktop);
@include displayDeviceFieldLayoutProperty(tablet);
@include displayDeviceFieldLayoutProperty(mobile);