<?xml version="1.0" encoding="UTF-8"?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <fieldset name="advanced" sortOrder="200">
        <settings>
            <label translate="true">Advanced</label>
            <collapsible>true</collapsible>
            <opened>false</opened>
        </settings>
        <field name="text_align" sortOrder="10" formElement="select" component="Magento_PageBuilder/js/form/element/visual-select">
            <settings>
                <visible>false</visible>
            </settings>
        </field>
        <field name="border" sortOrder="20" formElement="select">
            <settings>
                <visible>false</visible>
            </settings>
        </field>
        <field name="border_color" sortOrder="30" formElement="colorPicker">
            <settings>
                <visible>false</visible>
            </settings>
        </field>
        <field name="border_width" sortOrder="40" formElement="input">
            <settings>
                <visible>false</visible>
            </settings>
        </field>
        <field name="border_radius" sortOrder="50" formElement="input">
            <settings>
                <visible>false</visible>
            </settings>
        </field>
        <field name="css_classes" sortOrder="10" formElement="input"/>
        <field name="margins_and_padding" sortOrder="20" formElement="input" component="Magento_PageBuilder/js/form/element/margins-and-padding">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}</item>
                </item>
            </argument>
        </field>
        <field name="mobile_margin" sortOrder="21" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Mobile Margins</label>
                <additionalClasses>
                    <class name="admin__field-medium">true</class>
                </additionalClasses>
                <dataScope>mobile_margin</dataScope>
            </settings>
        </field>
        <field name="mobile_padding" sortOrder="22" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Mobile Paddings</label>
                <additionalClasses>
                    <class name="admin__field-medium">true</class>
                </additionalClasses>
                <dataScope>mobile_padding</dataScope>
            </settings>
        </field>
        <field name="custom_style" sortOrder="40" formElement="textarea">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="rows" xsi:type="number">10</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Custom Style</label>
                <dataScope>custom_style</dataScope>
            </settings>
        </field>
    </fieldset>
</form>
