{"en_US": "<t t-name=\"web_editor.snippet_options_background_options\">\n    <div t-att-data-js=\"with_colors and with_color_combinations and 'ColoredLevelBackground' or 'BackgroundToggler'\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n        <we-row t-if=\"with_colors or with_images\" string=\"Background\" class=\"o_we_full_row\">\n            <t t-if=\"with_colors\" t-call=\"web_editor.snippet_options_background_color_widget\"/>\n            <t t-if=\"with_images\">\n                <we-button title=\"Image\" class=\"ms-auto fa fa-fw fa-camera\" data-name=\"bg_image_toggle_opt\" t-att-data-dependencies=\"images_dependencies\" data-toggle-bg-image=\"true\" data-no-preview=\"true\">\n                </we-button>\n                <t t-if=\"with_shapes\">\n                    <we-button title=\"Shape\" data-toggle-bg-shape=\"true\" t-att-data-dependencies=\"images_dependencies\" data-no-preview=\"true\" data-img=\"/web_editor/static/src/img/snippets_options/bg_shape.svg\"/>\n                </t>\n            </t>\n        </we-row>\n    </div>\n    <t t-if=\"with_images\">\n        <div data-js=\"BackgroundImage\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Image\" class=\"o_we_sublevel_1\">\n                <we-imagepicker title=\"Edit image\" data-background=\"\" data-name=\"bg_image_opt\" data-dependencies=\"bg_image_opt\"/>\n            </we-row>\n            <we-row string=\"Main Color\" class=\"o_we_sublevel_2\" title=\"Main Color\" data-name=\"main_color_opt\">\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c1\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c2\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c3\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c4\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c5\"/>\n            </we-row>\n        </div>\n\n        <div data-js=\"BackgroundPosition\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Position\" class=\"o_we_sublevel_2\">\n                <we-select data-no-preview=\"true\">\n                    <we-button data-background-type=\"cover\">Cover</we-button>\n                    <we-button data-background-type=\"repeat-pattern\" data-name=\"background_repeat_opt\">Repeat pattern</we-button>\n                </we-select>\n                <we-button class=\"fa fa-fw fa-crosshairs\" title=\"Background Position\" data-background-position-overlay=\"true\" data-no-preview=\"true\"/>\n            </we-row>\n            <we-multi data-css-property=\"background-size\" data-dependencies=\"background_repeat_opt\">\n                <we-input string=\"Width\" class=\"o_we_sublevel_3\" data-select-style=\"auto\" placeholder=\"auto\" data-unit=\"px\"/>\n                <we-input string=\"Height\" class=\"o_we_sublevel_3\" data-select-style=\"auto\" placeholder=\"auto\" data-unit=\"px\"/>\n            </we-multi>\n        </div>\n\n        <div data-js=\"BackgroundOptimize\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <t t-call=\"web_editor.snippet_options_image_optimization_widgets\">\n                <t t-set=\"indent\" t-value=\"True\"/>\n            </t>\n        </div>\n\n        <!-- Color filter -->\n        <div t-att-data-js=\"with_colors and with_color_combinations and 'ColoredLevelBackground' or 'BackgroundToggler'\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <t t-set=\"color_filter_dependencies\" t-valuef=\"bg_image_toggle_opt\"/>\n            <we-colorpicker string=\"Color Filter\" class=\"o_we_sublevel_2\" t-att-data-dependencies=\"color_filter_dependencies\" data-name=\"bg_filter_opt\" data-select-filter-color=\"\" data-color-prefix=\"bg-\" data-opacity=\"0.5\" data-with-gradients=\"1\" data-selected-tab=\"gradients\" data-excluded=\"theme, common\"/>\n        </div>\n\n        <div data-js=\"BackgroundShape\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Shape\" class=\"o_we_sublevel_1\">\n                <we-select-pager class=\"o_we_bg_shape_menu\" data-dependencies=\"!shape_none_opt\" data-name=\"bg_shape_opt\">\n                    <header class=\"o_pager_nav d-flex flex-column flex-wrap flex-shrink-0 mh-100\">\n                        <div class=\"d-flex align-items-center\">\n                            <button class=\"o_pager_nav_angle fa fa-angle-left btn btn-secondary bg-transparent border-0\"/>\n                            <h5 class=\"o_pager_nav_title mb-0 text-white\">Background Shapes</h5>\n                        </div>\n                        <div class=\"d-flex\">\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase active\" data-scroll-to=\"o_scroll_bgshapes_basic\">\n                                <span class=\"w-100\">Basic</span>\n                            </button>\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase\" data-scroll-to=\"o_scroll_bgshapes_linear\">\n                                <span class=\"w-100\">Linear</span>\n                            </button>\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase\" data-scroll-to=\"o_scroll_bgshapes_creative\">\n                                <span class=\"w-100\">Creative</span>\n                            </button>\n                        </div>\n                    </header>\n                    <div class=\"o_pager_container\">\n                        <div class=\"o_scroll_bgshapes_basic\">\n                            <we-title>Origins</we-title>\n                            <we-select-page string=\"Origins\">\n                                <we-button data-shape=\"web_editor/Origins/02_001\" data-select-label=\"Origins 01\"/>\n                                <we-button data-shape=\"web_editor/Origins/04_001\" data-select-label=\"Origins 02\"/>\n                                <we-button data-shape=\"web_editor/Origins/05\" data-select-label=\"Origins 03\"/>\n                                <we-button data-shape=\"web_editor/Origins/06_001\" data-select-label=\"Origins 04\"/>\n                                <we-button data-shape=\"web_editor/Origins/07_002\" data-select-label=\"Origins 05\"/>\n                                <we-button data-shape=\"web_editor/Origins/08\" data-select-label=\"Origins 06\"/>\n                                <we-button data-shape=\"web_editor/Origins/09_001\" data-select-label=\"Origins 07\"/>\n                                <we-button data-shape=\"web_editor/Origins/11_001\" data-select-label=\"Origins 08\"/>\n                                <we-button data-shape=\"web_editor/Origins/14_001\" data-select-label=\"Origins 09\"/>\n                                <we-button data-shape=\"web_editor/Origins/16\" data-select-label=\"Origins 10\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/17\" data-select-label=\"Origins 11\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/18\" data-select-label=\"Origins 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/19\" data-select-label=\"Origins 13\"/>\n                            </we-select-page>\n                            <we-title>Bold</we-title>\n                            <we-select-page string=\"Bold\">\n                                <we-button data-shape=\"web_editor/Bold/01\" data-select-label=\"Bold 01\"/>\n                                <we-button data-shape=\"web_editor/Bold/02\" data-select-label=\"Bold 02\"/>\n                                <we-button data-shape=\"web_editor/Bold/03\" data-select-label=\"Bold 03\"/>\n                                <we-button data-shape=\"web_editor/Bold/04\" data-select-label=\"Bold 04\"/>\n                                <we-button data-shape=\"web_editor/Bold/05_001\" data-select-label=\"Bold 05\"/>\n                                <we-button data-shape=\"web_editor/Bold/06_001\" data-select-label=\"Bold 06\"/>\n                                <we-button data-shape=\"web_editor/Bold/07_001\" data-select-label=\"Bold 07\"/>\n                                <we-button data-shape=\"web_editor/Bold/08\" data-select-label=\"Bold 08\"/>\n                                <we-button data-shape=\"web_editor/Bold/09\" data-select-label=\"Bold 09\"/>\n                                <we-button data-shape=\"web_editor/Bold/10_001\" data-select-label=\"Bold 10\"/>\n                                <we-button data-shape=\"web_editor/Bold/11_001\" data-select-label=\"Bold 11\"/>\n                                <we-button data-shape=\"web_editor/Bold/12_001\" data-select-label=\"Bold 12\"/>\n                            </we-select-page>\n                            <we-title>Blobs</we-title>\n                            <we-select-page string=\"Blobs\">\n                                <we-button data-shape=\"web_editor/Blobs/01_001\" data-select-label=\"Blobs 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Blobs/02\" data-select-label=\"Blobs 02\"/>\n                                <we-button data-shape=\"web_editor/Blobs/03\" data-select-label=\"Blobs 03\"/>\n                                <we-button data-shape=\"web_editor/Blobs/04\" data-select-label=\"Blobs 04\"/>\n                                <we-button data-shape=\"web_editor/Blobs/05\" data-select-label=\"Blobs 05\"/>\n                                <we-button data-shape=\"web_editor/Blobs/06\" data-select-label=\"Blobs 06\"/>\n                                <we-button data-shape=\"web_editor/Blobs/07\" data-select-label=\"Blobs 07\"/>\n                                <we-button data-shape=\"web_editor/Blobs/08\" data-select-label=\"Blobs 08\"/>\n                                <we-button data-shape=\"web_editor/Blobs/09\" data-select-label=\"Blobs 09\"/>\n                                <we-button data-shape=\"web_editor/Blobs/10_001\" data-select-label=\"Blobs 10\"/>\n                                <we-button data-shape=\"web_editor/Blobs/11\" data-select-label=\"Blobs 11\"/>\n                                <we-button data-shape=\"web_editor/Blobs/12\" data-select-label=\"Blobs 12\"/>\n                            </we-select-page>\n                        </div>\n                        <div class=\"o_scroll_bgshapes_linear\">\n                            <we-title>Airy &amp; Zigs</we-title>\n                            <we-select-page string=\"Airy &amp; Zigs\">\n                                <we-button data-shape=\"web_editor/Airy/01\" data-select-label=\"Airy 01\"/>\n                                <we-button data-shape=\"web_editor/Airy/02\" data-select-label=\"Airy 02\"/>\n                                <we-button data-shape=\"web_editor/Airy/03_001\" data-select-label=\"Airy 03\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/04_001\" data-select-label=\"Airy 04\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/05_001\" data-select-label=\"Airy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/06\" data-select-label=\"Airy 06\"/>\n                                <we-button data-shape=\"web_editor/Airy/07\" data-select-label=\"Airy 07\"/>\n                                <we-button data-shape=\"web_editor/Airy/08\" data-select-label=\"Airy 08\"/>\n                                <we-button data-shape=\"web_editor/Airy/09\" data-select-label=\"Airy 09\"/>\n                                <we-button data-shape=\"web_editor/Airy/10\" data-select-label=\"Airy 10\"/>\n                                <we-button data-shape=\"web_editor/Airy/11\" data-select-label=\"Airy 11\"/>\n                                <we-button data-shape=\"web_editor/Airy/12_001\" data-select-label=\"Airy 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/13_001\" data-select-label=\"Airy 13\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/14\" data-select-label=\"Airy 14\"/>\n                                <we-button data-shape=\"web_editor/Zigs/01_001\" data-select-label=\"Zigs 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Zigs/02_001\" data-select-label=\"Zigs 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Zigs/03\" data-select-label=\"Zigs 03\"/>\n                                <we-button data-shape=\"web_editor/Zigs/04\" data-select-label=\"Zigs 04\"/>\n                                <we-button data-shape=\"web_editor/Zigs/05\" data-select-label=\"Zigs 05\"/>\n                                <we-button data-shape=\"web_editor/Zigs/06\" data-select-label=\"Zigs 06\"/>\n                            </we-select-page>\n                        </div>\n                        <div class=\"o_scroll_bgshapes_creative\">\n                            <we-title>Wavy</we-title>\n                            <we-select-page string=\"Wavy\">\n                                <we-button data-shape=\"web_editor/Wavy/01_001\" data-select-label=\"Wavy 01\"/>\n                                <we-button data-shape=\"web_editor/Wavy/02_001\" data-select-label=\"Wavy 02\"/>\n                                <we-button data-shape=\"web_editor/Wavy/03\" data-select-label=\"Wavy 03\"/>\n                                <we-button data-shape=\"web_editor/Wavy/10\" data-select-label=\"Wavy 04\"/>\n                                <we-button data-shape=\"web_editor/Wavy/24\" data-select-label=\"Wavy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/25\" data-select-label=\"Wavy 06\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/26\" data-select-label=\"Wavy 07\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/27\" data-select-label=\"Wavy 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/04\" data-select-label=\"Wavy 09\"/>\n                                <we-button data-shape=\"web_editor/Wavy/05\" data-select-label=\"Wavy 10\"/>\n                                <we-button data-shape=\"web_editor/Wavy/06_001\" data-select-label=\"Wavy 11\"/>\n                                <we-button data-shape=\"web_editor/Wavy/07\" data-select-label=\"Wavy 12\"/>\n                                <we-button data-shape=\"web_editor/Wavy/08\" data-select-label=\"Wavy 13\"/>\n                                <we-button data-shape=\"web_editor/Wavy/09\" data-select-label=\"Wavy 14\"/>\n                                <we-button data-shape=\"web_editor/Wavy/11\" data-select-label=\"Wavy 15\"/>\n                                <we-button data-shape=\"web_editor/Wavy/12_001\" data-select-label=\"Wavy 16\"/>\n                                <we-button data-shape=\"web_editor/Wavy/28\" data-select-label=\"Wavy 17\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/13_001\" data-select-label=\"Wavy 18\"/>\n                                <we-button data-shape=\"web_editor/Wavy/14\" data-select-label=\"Wavy 19\"/>\n                                <we-button data-shape=\"web_editor/Wavy/15\" data-select-label=\"Wavy 20\"/>\n                                <we-button data-shape=\"web_editor/Wavy/16\" data-select-label=\"Wavy 21\"/>\n                                <we-button data-shape=\"web_editor/Wavy/17\" data-select-label=\"Wavy 22\"/>\n                                <we-button data-shape=\"web_editor/Wavy/18\" data-select-label=\"Wavy 23\"/>\n                                <we-button data-shape=\"web_editor/Wavy/19\" data-select-label=\"Wavy 24\"/>\n                                <we-button data-shape=\"web_editor/Wavy/20\" data-select-label=\"Wavy 25\"/>\n                                <we-button data-shape=\"web_editor/Wavy/21\" data-select-label=\"Wavy 26\"/>\n                                <we-button data-shape=\"web_editor/Wavy/22\" data-select-label=\"Wavy 27\"/>\n                                <we-button data-shape=\"web_editor/Wavy/23\" data-select-label=\"Wavy 28\"/>\n                            </we-select-page>\n                            <we-title>Block &amp; Rainy</we-title>\n                            <we-select-page string=\"Blocks &amp; Rainy\">\n                                <we-button data-shape=\"web_editor/Blocks/02_001\" data-select-label=\"Blocks 01\"/>\n                                <we-button data-shape=\"web_editor/Blocks/01_001\" data-select-label=\"Blocks 02\"/>\n                                <we-button data-shape=\"web_editor/Blocks/03\" data-select-label=\"Blocks 03\"/>\n                                <we-button data-shape=\"web_editor/Blocks/04\" data-select-label=\"Blocks 04\"/>\n                                <we-button data-shape=\"web_editor/Rainy/01_001\" data-select-label=\"Rainy 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/02_001\" data-select-label=\"Rainy 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/06\" data-select-label=\"Rainy 03\"/>\n                                <we-button data-shape=\"web_editor/Rainy/07\" data-select-label=\"Rainy 04\"/>\n                                <we-button data-shape=\"web_editor/Rainy/10\" data-select-label=\"Rainy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/04\" data-select-label=\"Rainy 06\"/>\n                                <we-button data-shape=\"web_editor/Rainy/05_001\" data-select-label=\"Rainy 07\"/>\n                                <we-button data-shape=\"web_editor/Rainy/03_001\" data-select-label=\"Rainy 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/08_001\" data-select-label=\"Rainy 09\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/09_001\" data-select-label=\"Rainy 10\"/>\n                            </we-select-page>\n                            <we-title>Floating Shapes</we-title>\n                            <we-select-page string=\"Floating Shapes\">\n                                <we-button data-shape=\"web_editor/Floats/01\" data-select-label=\"Float 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/02\" data-select-label=\"Float 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/03\" data-select-label=\"Float 03\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/04\" data-select-label=\"Float 04\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/05\" data-select-label=\"Float 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/06\" data-select-label=\"Float 06\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/07\" data-select-label=\"Float 07\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/08\" data-select-label=\"Float 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/09\" data-select-label=\"Float 09\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/10\" data-select-label=\"Float 10\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/11\" data-select-label=\"Float 11\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/12\" data-select-label=\"Float 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/13\" data-select-label=\"Float 13\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/14\" data-select-label=\"Float 14\" data-animated=\"true\"/>\n                            </we-select-page>\n                        </div>\n                    </div>\n                </we-select-pager>\n                <we-button class=\"o_we_device\" data-show-on-mobile=\"false\" title=\"Show/Hide on Mobile\" data-dependencies=\"!shape_none_opt\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/mobile_invisible.svg\"/>\n                <we-button data-shape=\"\" data-name=\"shape_none_opt\" data-dependencies=\"!shape_none_opt\" data-no-preview=\"true\" class=\"o_we_image_shape_remove o_we_bg_danger fa fa-fw fa-times\"/>\n            </we-row>\n            <we-row string=\"Flip\" class=\"o_we_sublevel_2\">\n                <we-button class=\"oi oi-fw oi-arrows-h\" data-flip-x=\"true\" data-no-preview=\"true\" data-dependencies=\"!shape_none_opt\"/>\n                <we-button class=\"oi oi-fw oi-arrows-v\" data-flip-y=\"true\" data-no-preview=\"true\" data-dependencies=\"!shape_none_opt\"/>\n            </we-row>\n            <we-row string=\"Colors\" class=\"o_we_sublevel_2\" data-name=\"colors\">\n                <we-colorpicker data-select-style=\"\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-apply-to=\"&gt; .o_we_shape\"/>\n            </we-row>\n            <we-row string=\"Speed\" class=\"o_we_sublevel_2\">\n                <we-range data-name=\"bg_shape_anim_speed_opt\" data-no-preview=\"true\" data-display-range-value=\"true\" data-set-bg-shape-animation-speed=\"\" data-max=\"2\" data-min=\"-2\" data-step=\"0.1\" data-to-ratio=\"true\"/>\n            </we-row>\n        </div>\n    </t>\n</t>", "es_ES": "<t t-name=\"web_editor.snippet_options_background_options\">\n    <div t-att-data-js=\"with_colors and with_color_combinations and 'ColoredLevelBackground' or 'BackgroundToggler'\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n        <we-row t-if=\"with_colors or with_images\" string=\"Fondo\" class=\"o_we_full_row\">\n            <t t-if=\"with_colors\" t-call=\"web_editor.snippet_options_background_color_widget\"/>\n            <t t-if=\"with_images\">\n                <we-button title=\"Imagen\" class=\"ms-auto fa fa-fw fa-camera\" data-name=\"bg_image_toggle_opt\" t-att-data-dependencies=\"images_dependencies\" data-toggle-bg-image=\"true\" data-no-preview=\"true\">\n                </we-button>\n                <t t-if=\"with_shapes\">\n                    <we-button title=\"Forma\" data-toggle-bg-shape=\"true\" t-att-data-dependencies=\"images_dependencies\" data-no-preview=\"true\" data-img=\"/web_editor/static/src/img/snippets_options/bg_shape.svg\"/>\n                </t>\n            </t>\n        </we-row>\n    </div>\n    <t t-if=\"with_images\">\n        <div data-js=\"BackgroundImage\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Imagen\" class=\"o_we_sublevel_1\">\n                <we-imagepicker title=\"Editar imagen\" data-background=\"\" data-name=\"bg_image_opt\" data-dependencies=\"bg_image_opt\"/>\n            </we-row>\n            <we-row string=\"Color principal\" class=\"o_we_sublevel_2\" title=\"Color principal\" data-name=\"main_color_opt\">\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c1\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c2\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c3\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c4\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c5\"/>\n            </we-row>\n        </div>\n\n        <div data-js=\"BackgroundPosition\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Posición\" class=\"o_we_sublevel_2\">\n                <we-select data-no-preview=\"true\">\n                    <we-button data-background-type=\"cover\">Portada</we-button>\n                    <we-button data-background-type=\"repeat-pattern\" data-name=\"background_repeat_opt\">Repetir patrón</we-button>\n                </we-select>\n                <we-button class=\"fa fa-fw fa-crosshairs\" title=\"Posición del fondo\" data-background-position-overlay=\"true\" data-no-preview=\"true\"/>\n            </we-row>\n            <we-multi data-css-property=\"background-size\" data-dependencies=\"background_repeat_opt\">\n                <we-input string=\"Ancho\" class=\"o_we_sublevel_3\" data-select-style=\"auto\" placeholder=\"automático\" data-unit=\"px\"/>\n                <we-input string=\"Altura\" class=\"o_we_sublevel_3\" data-select-style=\"auto\" placeholder=\"automático\" data-unit=\"px\"/>\n            </we-multi>\n        </div>\n\n        <div data-js=\"BackgroundOptimize\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <t t-call=\"web_editor.snippet_options_image_optimization_widgets\">\n                <t t-set=\"indent\" t-value=\"True\"/>\n            </t>\n        </div>\n\n        <!-- Color filter -->\n        <div t-att-data-js=\"with_colors and with_color_combinations and 'ColoredLevelBackground' or 'BackgroundToggler'\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <t t-set=\"color_filter_dependencies\" t-valuef=\"bg_image_toggle_opt\"/>\n            <we-colorpicker string=\"Filtro de color\" class=\"o_we_sublevel_2\" t-att-data-dependencies=\"color_filter_dependencies\" data-name=\"bg_filter_opt\" data-select-filter-color=\"\" data-color-prefix=\"bg-\" data-opacity=\"0.5\" data-with-gradients=\"1\" data-selected-tab=\"gradients\" data-excluded=\"theme, common\"/>\n        </div>\n\n        <div data-js=\"BackgroundShape\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Forma\" class=\"o_we_sublevel_1\">\n                <we-select-pager class=\"o_we_bg_shape_menu\" data-dependencies=\"!shape_none_opt\" data-name=\"bg_shape_opt\">\n                    <header class=\"o_pager_nav d-flex flex-column flex-wrap flex-shrink-0 mh-100\">\n                        <div class=\"d-flex align-items-center\">\n                            <button class=\"o_pager_nav_angle fa fa-angle-left btn btn-secondary bg-transparent border-0\"/>\n                            <h5 class=\"o_pager_nav_title mb-0 text-white\">Formas del fondo</h5>\n                        </div>\n                        <div class=\"d-flex\">\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase active\" data-scroll-to=\"o_scroll_bgshapes_basic\">\n                                <span class=\"w-100\">Básico</span>\n                            </button>\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase\" data-scroll-to=\"o_scroll_bgshapes_linear\">\n                                <span class=\"w-100\">Lineal</span>\n                            </button>\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase\" data-scroll-to=\"o_scroll_bgshapes_creative\">\n                                <span class=\"w-100\">Creativo</span>\n                            </button>\n                        </div>\n                    </header>\n                    <div class=\"o_pager_container\">\n                        <div class=\"o_scroll_bgshapes_basic\">\n                            <we-title>Orígenes</we-title>\n                            <we-select-page string=\"Orígenes\">\n                                <we-button data-shape=\"web_editor/Origins/02_001\" data-select-label=\"Origins 01\"/>\n                                <we-button data-shape=\"web_editor/Origins/04_001\" data-select-label=\"Origins 02\"/>\n                                <we-button data-shape=\"web_editor/Origins/05\" data-select-label=\"Origins 03\"/>\n                                <we-button data-shape=\"web_editor/Origins/06_001\" data-select-label=\"Origins 04\"/>\n                                <we-button data-shape=\"web_editor/Origins/07_002\" data-select-label=\"Origins 05\"/>\n                                <we-button data-shape=\"web_editor/Origins/08\" data-select-label=\"Origins 06\"/>\n                                <we-button data-shape=\"web_editor/Origins/09_001\" data-select-label=\"Origins 07\"/>\n                                <we-button data-shape=\"web_editor/Origins/11_001\" data-select-label=\"Origins 08\"/>\n                                <we-button data-shape=\"web_editor/Origins/14_001\" data-select-label=\"Origins 09\"/>\n                                <we-button data-shape=\"web_editor/Origins/16\" data-select-label=\"Origins 10\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/17\" data-select-label=\"Origins 11\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/18\" data-select-label=\"Origins 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/19\" data-select-label=\"Origins 13\"/>\n                            </we-select-page>\n                            <we-title>Negrita</we-title>\n                            <we-select-page string=\"Negrita\">\n                                <we-button data-shape=\"web_editor/Bold/01\" data-select-label=\"Bold 01\"/>\n                                <we-button data-shape=\"web_editor/Bold/02\" data-select-label=\"Bold 02\"/>\n                                <we-button data-shape=\"web_editor/Bold/03\" data-select-label=\"Bold 03\"/>\n                                <we-button data-shape=\"web_editor/Bold/04\" data-select-label=\"Bold 04\"/>\n                                <we-button data-shape=\"web_editor/Bold/05_001\" data-select-label=\"Bold 05\"/>\n                                <we-button data-shape=\"web_editor/Bold/06_001\" data-select-label=\"Bold 06\"/>\n                                <we-button data-shape=\"web_editor/Bold/07_001\" data-select-label=\"Bold 07\"/>\n                                <we-button data-shape=\"web_editor/Bold/08\" data-select-label=\"Bold 08\"/>\n                                <we-button data-shape=\"web_editor/Bold/09\" data-select-label=\"Bold 09\"/>\n                                <we-button data-shape=\"web_editor/Bold/10_001\" data-select-label=\"Bold 10\"/>\n                                <we-button data-shape=\"web_editor/Bold/11_001\" data-select-label=\"Bold 11\"/>\n                                <we-button data-shape=\"web_editor/Bold/12_001\" data-select-label=\"Bold 12\"/>\n                            </we-select-page>\n                            <we-title>Manchas</we-title>\n                            <we-select-page string=\"Manchas\">\n                                <we-button data-shape=\"web_editor/Blobs/01_001\" data-select-label=\"Blobs 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Blobs/02\" data-select-label=\"Blobs 02\"/>\n                                <we-button data-shape=\"web_editor/Blobs/03\" data-select-label=\"Blobs 03\"/>\n                                <we-button data-shape=\"web_editor/Blobs/04\" data-select-label=\"Blobs 04\"/>\n                                <we-button data-shape=\"web_editor/Blobs/05\" data-select-label=\"Blobs 05\"/>\n                                <we-button data-shape=\"web_editor/Blobs/06\" data-select-label=\"Blobs 06\"/>\n                                <we-button data-shape=\"web_editor/Blobs/07\" data-select-label=\"Blobs 07\"/>\n                                <we-button data-shape=\"web_editor/Blobs/08\" data-select-label=\"Blobs 08\"/>\n                                <we-button data-shape=\"web_editor/Blobs/09\" data-select-label=\"Blobs 09\"/>\n                                <we-button data-shape=\"web_editor/Blobs/10_001\" data-select-label=\"Blobs 10\"/>\n                                <we-button data-shape=\"web_editor/Blobs/11\" data-select-label=\"Blobs 11\"/>\n                                <we-button data-shape=\"web_editor/Blobs/12\" data-select-label=\"Blobs 12\"/>\n                            </we-select-page>\n                        </div>\n                        <div class=\"o_scroll_bgshapes_linear\">\n                            <we-title>Fino &amp; en zigzag</we-title>\n                            <we-select-page string=\"Fino &amp;amp; en zigzag\">\n                                <we-button data-shape=\"web_editor/Airy/01\" data-select-label=\"Airy 01\"/>\n                                <we-button data-shape=\"web_editor/Airy/02\" data-select-label=\"Airy 02\"/>\n                                <we-button data-shape=\"web_editor/Airy/03_001\" data-select-label=\"Airy 03\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/04_001\" data-select-label=\"Airy 04\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/05_001\" data-select-label=\"Airy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/06\" data-select-label=\"Airy 06\"/>\n                                <we-button data-shape=\"web_editor/Airy/07\" data-select-label=\"Airy 07\"/>\n                                <we-button data-shape=\"web_editor/Airy/08\" data-select-label=\"Airy 08\"/>\n                                <we-button data-shape=\"web_editor/Airy/09\" data-select-label=\"Airy 09\"/>\n                                <we-button data-shape=\"web_editor/Airy/10\" data-select-label=\"Airy 10\"/>\n                                <we-button data-shape=\"web_editor/Airy/11\" data-select-label=\"Airy 11\"/>\n                                <we-button data-shape=\"web_editor/Airy/12_001\" data-select-label=\"Airy 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/13_001\" data-select-label=\"Airy 13\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/14\" data-select-label=\"Airy 14\"/>\n                                <we-button data-shape=\"web_editor/Zigs/01_001\" data-select-label=\"Zigs 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Zigs/02_001\" data-select-label=\"Zigs 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Zigs/03\" data-select-label=\"Zigs 03\"/>\n                                <we-button data-shape=\"web_editor/Zigs/04\" data-select-label=\"Zigs 04\"/>\n                                <we-button data-shape=\"web_editor/Zigs/05\" data-select-label=\"Zigs 05\"/>\n                                <we-button data-shape=\"web_editor/Zigs/06\" data-select-label=\"Zigs 06\"/>\n                            </we-select-page>\n                        </div>\n                        <div class=\"o_scroll_bgshapes_creative\">\n                            <we-title>Ondulado</we-title>\n                            <we-select-page string=\"Ondulado\">\n                                <we-button data-shape=\"web_editor/Wavy/01_001\" data-select-label=\"Wavy 01\"/>\n                                <we-button data-shape=\"web_editor/Wavy/02_001\" data-select-label=\"Wavy 02\"/>\n                                <we-button data-shape=\"web_editor/Wavy/03\" data-select-label=\"Wavy 03\"/>\n                                <we-button data-shape=\"web_editor/Wavy/10\" data-select-label=\"Wavy 04\"/>\n                                <we-button data-shape=\"web_editor/Wavy/24\" data-select-label=\"Wavy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/25\" data-select-label=\"Wavy 06\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/26\" data-select-label=\"Wavy 07\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/27\" data-select-label=\"Wavy 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/04\" data-select-label=\"Wavy 09\"/>\n                                <we-button data-shape=\"web_editor/Wavy/05\" data-select-label=\"Wavy 10\"/>\n                                <we-button data-shape=\"web_editor/Wavy/06_001\" data-select-label=\"Wavy 11\"/>\n                                <we-button data-shape=\"web_editor/Wavy/07\" data-select-label=\"Wavy 12\"/>\n                                <we-button data-shape=\"web_editor/Wavy/08\" data-select-label=\"Wavy 13\"/>\n                                <we-button data-shape=\"web_editor/Wavy/09\" data-select-label=\"Wavy 14\"/>\n                                <we-button data-shape=\"web_editor/Wavy/11\" data-select-label=\"Wavy 15\"/>\n                                <we-button data-shape=\"web_editor/Wavy/12_001\" data-select-label=\"Wavy 16\"/>\n                                <we-button data-shape=\"web_editor/Wavy/28\" data-select-label=\"Wavy 17\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/13_001\" data-select-label=\"Wavy 18\"/>\n                                <we-button data-shape=\"web_editor/Wavy/14\" data-select-label=\"Wavy 19\"/>\n                                <we-button data-shape=\"web_editor/Wavy/15\" data-select-label=\"Wavy 20\"/>\n                                <we-button data-shape=\"web_editor/Wavy/16\" data-select-label=\"Wavy 21\"/>\n                                <we-button data-shape=\"web_editor/Wavy/17\" data-select-label=\"Wavy 22\"/>\n                                <we-button data-shape=\"web_editor/Wavy/18\" data-select-label=\"Wavy 23\"/>\n                                <we-button data-shape=\"web_editor/Wavy/19\" data-select-label=\"Wavy 24\"/>\n                                <we-button data-shape=\"web_editor/Wavy/20\" data-select-label=\"Wavy 25\"/>\n                                <we-button data-shape=\"web_editor/Wavy/21\" data-select-label=\"Wavy 26\"/>\n                                <we-button data-shape=\"web_editor/Wavy/22\" data-select-label=\"Wavy 27\"/>\n                                <we-button data-shape=\"web_editor/Wavy/23\" data-select-label=\"Wavy 28\"/>\n                            </we-select-page>\n                            <we-title>Bloque y lluvioso</we-title>\n                            <we-select-page string=\"Bloques y lluvioso\">\n                                <we-button data-shape=\"web_editor/Blocks/02_001\" data-select-label=\"Blocks 01\"/>\n                                <we-button data-shape=\"web_editor/Blocks/01_001\" data-select-label=\"Blocks 02\"/>\n                                <we-button data-shape=\"web_editor/Blocks/03\" data-select-label=\"Blocks 03\"/>\n                                <we-button data-shape=\"web_editor/Blocks/04\" data-select-label=\"Blocks 04\"/>\n                                <we-button data-shape=\"web_editor/Rainy/01_001\" data-select-label=\"Rainy 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/02_001\" data-select-label=\"Rainy 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/06\" data-select-label=\"Rainy 03\"/>\n                                <we-button data-shape=\"web_editor/Rainy/07\" data-select-label=\"Rainy 04\"/>\n                                <we-button data-shape=\"web_editor/Rainy/10\" data-select-label=\"Rainy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/04\" data-select-label=\"Rainy 06\"/>\n                                <we-button data-shape=\"web_editor/Rainy/05_001\" data-select-label=\"Rainy 07\"/>\n                                <we-button data-shape=\"web_editor/Rainy/03_001\" data-select-label=\"Rainy 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/08_001\" data-select-label=\"Rainy 09\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/09_001\" data-select-label=\"Rainy 10\"/>\n                            </we-select-page>\n                            <we-title>Formas flotantes</we-title>\n                            <we-select-page string=\"Formas flotantes\">\n                                <we-button data-shape=\"web_editor/Floats/01\" data-select-label=\"Float 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/02\" data-select-label=\"Float 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/03\" data-select-label=\"Float 03\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/04\" data-select-label=\"Float 04\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/05\" data-select-label=\"Float 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/06\" data-select-label=\"Float 06\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/07\" data-select-label=\"Float 07\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/08\" data-select-label=\"Float 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/09\" data-select-label=\"Float 09\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/10\" data-select-label=\"Float 10\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/11\" data-select-label=\"Float 11\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/12\" data-select-label=\"Float 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/13\" data-select-label=\"Float 13\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/14\" data-select-label=\"Float 14\" data-animated=\"true\"/>\n                            </we-select-page>\n                        </div>\n                    </div>\n                </we-select-pager>\n                <we-button class=\"o_we_device\" data-show-on-mobile=\"false\" title=\"Mostrar/ocultar en móvil\" data-dependencies=\"!shape_none_opt\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/mobile_invisible.svg\"/>\n                <we-button data-shape=\"\" data-name=\"shape_none_opt\" data-dependencies=\"!shape_none_opt\" data-no-preview=\"true\" class=\"o_we_image_shape_remove o_we_bg_danger fa fa-fw fa-times\"/>\n            </we-row>\n            <we-row string=\"Girar\" class=\"o_we_sublevel_2\">\n                <we-button class=\"oi oi-fw oi-arrows-h\" data-flip-x=\"true\" data-no-preview=\"true\" data-dependencies=\"!shape_none_opt\"/>\n                <we-button class=\"oi oi-fw oi-arrows-v\" data-flip-y=\"true\" data-no-preview=\"true\" data-dependencies=\"!shape_none_opt\"/>\n            </we-row>\n            <we-row string=\"Colores\" class=\"o_we_sublevel_2\" data-name=\"colors\">\n                <we-colorpicker data-select-style=\"\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-apply-to=\"&gt; .o_we_shape\"/>\n            </we-row>\n            <we-row string=\"Velocidad\" class=\"o_we_sublevel_2\">\n                <we-range data-name=\"bg_shape_anim_speed_opt\" data-no-preview=\"true\" data-display-range-value=\"true\" data-set-bg-shape-animation-speed=\"\" data-max=\"2\" data-min=\"-2\" data-step=\"0.1\" data-to-ratio=\"true\"/>\n            </we-row>\n        </div>\n    </t>\n</t>", "pt_PT": "<t t-name=\"web_editor.snippet_options_background_options\">\n    <div t-att-data-js=\"with_colors and with_color_combinations and 'ColoredLevelBackground' or 'BackgroundToggler'\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n        <we-row t-if=\"with_colors or with_images\" string=\"Fundo\" class=\"o_we_full_row\">\n            <t t-if=\"with_colors\" t-call=\"web_editor.snippet_options_background_color_widget\"/>\n            <t t-if=\"with_images\">\n                <we-button title=\"Imagem\" class=\"ms-auto fa fa-fw fa-camera\" data-name=\"bg_image_toggle_opt\" t-att-data-dependencies=\"images_dependencies\" data-toggle-bg-image=\"true\" data-no-preview=\"true\">\n                </we-button>\n                <t t-if=\"with_shapes\">\n                    <we-button title=\"Forma\" data-toggle-bg-shape=\"true\" t-att-data-dependencies=\"images_dependencies\" data-no-preview=\"true\" data-img=\"/web_editor/static/src/img/snippets_options/bg_shape.svg\"/>\n                </t>\n            </t>\n        </we-row>\n    </div>\n    <t t-if=\"with_images\">\n        <div data-js=\"BackgroundImage\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Imagem\" class=\"o_we_sublevel_1\">\n                <we-imagepicker title=\"Editar imagem\" data-background=\"\" data-name=\"bg_image_opt\" data-dependencies=\"bg_image_opt\"/>\n            </we-row>\n            <we-row string=\"Cor principal\" class=\"o_we_sublevel_2\" title=\"Cor principal\" data-name=\"main_color_opt\">\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c1\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c2\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c3\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c4\"/>\n                <we-colorpicker data-dynamic-color=\"true\" data-color-name=\"c5\"/>\n            </we-row>\n        </div>\n\n        <div data-js=\"BackgroundPosition\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Posição\" class=\"o_we_sublevel_2\">\n                <we-select data-no-preview=\"true\">\n                    <we-button data-background-type=\"cover\">Capa</we-button>\n                    <we-button data-background-type=\"repeat-pattern\" data-name=\"background_repeat_opt\">Repetir o padrão</we-button>\n                </we-select>\n                <we-button class=\"fa fa-fw fa-crosshairs\" title=\"Posição do plano de fundo\" data-background-position-overlay=\"true\" data-no-preview=\"true\"/>\n            </we-row>\n            <we-multi data-css-property=\"background-size\" data-dependencies=\"background_repeat_opt\">\n                <we-input string=\"Largura\" class=\"o_we_sublevel_3\" data-select-style=\"auto\" placeholder=\"auto\" data-unit=\"px\"/>\n                <we-input string=\"Altura\" class=\"o_we_sublevel_3\" data-select-style=\"auto\" placeholder=\"auto\" data-unit=\"px\"/>\n            </we-multi>\n        </div>\n\n        <div data-js=\"BackgroundOptimize\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <t t-call=\"web_editor.snippet_options_image_optimization_widgets\">\n                <t t-set=\"indent\" t-value=\"True\"/>\n            </t>\n        </div>\n\n        <!-- Color filter -->\n        <div t-att-data-js=\"with_colors and with_color_combinations and 'ColoredLevelBackground' or 'BackgroundToggler'\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <t t-set=\"color_filter_dependencies\" t-valuef=\"bg_image_toggle_opt\"/>\n            <we-colorpicker string=\"Filtro de cores\" class=\"o_we_sublevel_2\" t-att-data-dependencies=\"color_filter_dependencies\" data-name=\"bg_filter_opt\" data-select-filter-color=\"\" data-color-prefix=\"bg-\" data-opacity=\"0.5\" data-with-gradients=\"1\" data-selected-tab=\"gradients\" data-excluded=\"theme, common\"/>\n        </div>\n\n        <div data-js=\"BackgroundShape\" t-att-data-selector=\"selector\" t-att-data-exclude=\"exclude\" t-att-data-target=\"target\">\n            <we-row string=\"Forma\" class=\"o_we_sublevel_1\">\n                <we-select-pager class=\"o_we_bg_shape_menu\" data-dependencies=\"!shape_none_opt\" data-name=\"bg_shape_opt\">\n                    <header class=\"o_pager_nav d-flex flex-column flex-wrap flex-shrink-0 mh-100\">\n                        <div class=\"d-flex align-items-center\">\n                            <button class=\"o_pager_nav_angle fa fa-angle-left btn btn-secondary bg-transparent border-0\"/>\n                            <h5 class=\"o_pager_nav_title mb-0 text-white\">Formas do plano de fundo</h5>\n                        </div>\n                        <div class=\"d-flex\">\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase active\" data-scroll-to=\"o_scroll_bgshapes_basic\">\n                                <span class=\"w-100\">Básico</span>\n                            </button>\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase\" data-scroll-to=\"o_scroll_bgshapes_linear\">\n                                <span class=\"w-100\">Linear</span>\n                            </button>\n                            <button type=\"button\" class=\"o_pager_nav_btn p-0 text-uppercase\" data-scroll-to=\"o_scroll_bgshapes_creative\">\n                                <span class=\"w-100\">Criativo</span>\n                            </button>\n                        </div>\n                    </header>\n                    <div class=\"o_pager_container\">\n                        <div class=\"o_scroll_bgshapes_basic\">\n                            <we-title>Origins</we-title>\n                            <we-select-page string=\"Origins\">\n                                <we-button data-shape=\"web_editor/Origins/02_001\" data-select-label=\"Origins 01\"/>\n                                <we-button data-shape=\"web_editor/Origins/04_001\" data-select-label=\"Origins 02\"/>\n                                <we-button data-shape=\"web_editor/Origins/05\" data-select-label=\"Origins 03\"/>\n                                <we-button data-shape=\"web_editor/Origins/06_001\" data-select-label=\"Origins 04\"/>\n                                <we-button data-shape=\"web_editor/Origins/07_002\" data-select-label=\"Origins 05\"/>\n                                <we-button data-shape=\"web_editor/Origins/08\" data-select-label=\"Origins 06\"/>\n                                <we-button data-shape=\"web_editor/Origins/09_001\" data-select-label=\"Origins 07\"/>\n                                <we-button data-shape=\"web_editor/Origins/11_001\" data-select-label=\"Origins 08\"/>\n                                <we-button data-shape=\"web_editor/Origins/14_001\" data-select-label=\"Origins 09\"/>\n                                <we-button data-shape=\"web_editor/Origins/16\" data-select-label=\"Origins 10\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/17\" data-select-label=\"Origins 11\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/18\" data-select-label=\"Origins 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Origins/19\" data-select-label=\"Origins 13\"/>\n                            </we-select-page>\n                            <we-title>Negrito</we-title>\n                            <we-select-page string=\"Negrito\">\n                                <we-button data-shape=\"web_editor/Bold/01\" data-select-label=\"Bold 01\"/>\n                                <we-button data-shape=\"web_editor/Bold/02\" data-select-label=\"Bold 02\"/>\n                                <we-button data-shape=\"web_editor/Bold/03\" data-select-label=\"Bold 03\"/>\n                                <we-button data-shape=\"web_editor/Bold/04\" data-select-label=\"Bold 04\"/>\n                                <we-button data-shape=\"web_editor/Bold/05_001\" data-select-label=\"Bold 05\"/>\n                                <we-button data-shape=\"web_editor/Bold/06_001\" data-select-label=\"Bold 06\"/>\n                                <we-button data-shape=\"web_editor/Bold/07_001\" data-select-label=\"Bold 07\"/>\n                                <we-button data-shape=\"web_editor/Bold/08\" data-select-label=\"Bold 08\"/>\n                                <we-button data-shape=\"web_editor/Bold/09\" data-select-label=\"Bold 09\"/>\n                                <we-button data-shape=\"web_editor/Bold/10_001\" data-select-label=\"Bold 10\"/>\n                                <we-button data-shape=\"web_editor/Bold/11_001\" data-select-label=\"Bold 11\"/>\n                                <we-button data-shape=\"web_editor/Bold/12_001\" data-select-label=\"Bold 12\"/>\n                            </we-select-page>\n                            <we-title>Manchas</we-title>\n                            <we-select-page string=\"Manchas\">\n                                <we-button data-shape=\"web_editor/Blobs/01_001\" data-select-label=\"Blobs 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Blobs/02\" data-select-label=\"Blobs 02\"/>\n                                <we-button data-shape=\"web_editor/Blobs/03\" data-select-label=\"Blobs 03\"/>\n                                <we-button data-shape=\"web_editor/Blobs/04\" data-select-label=\"Blobs 04\"/>\n                                <we-button data-shape=\"web_editor/Blobs/05\" data-select-label=\"Blobs 05\"/>\n                                <we-button data-shape=\"web_editor/Blobs/06\" data-select-label=\"Blobs 06\"/>\n                                <we-button data-shape=\"web_editor/Blobs/07\" data-select-label=\"Blobs 07\"/>\n                                <we-button data-shape=\"web_editor/Blobs/08\" data-select-label=\"Blobs 08\"/>\n                                <we-button data-shape=\"web_editor/Blobs/09\" data-select-label=\"Blobs 09\"/>\n                                <we-button data-shape=\"web_editor/Blobs/10_001\" data-select-label=\"Blobs 10\"/>\n                                <we-button data-shape=\"web_editor/Blobs/11\" data-select-label=\"Blobs 11\"/>\n                                <we-button data-shape=\"web_editor/Blobs/12\" data-select-label=\"Blobs 12\"/>\n                            </we-select-page>\n                        </div>\n                        <div class=\"o_scroll_bgshapes_linear\">\n                            <we-title>Airy &amp; Zigs</we-title>\n                            <we-select-page string=\"Airy &amp; Zigs\">\n                                <we-button data-shape=\"web_editor/Airy/01\" data-select-label=\"Airy 01\"/>\n                                <we-button data-shape=\"web_editor/Airy/02\" data-select-label=\"Airy 02\"/>\n                                <we-button data-shape=\"web_editor/Airy/03_001\" data-select-label=\"Airy 03\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/04_001\" data-select-label=\"Airy 04\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/05_001\" data-select-label=\"Airy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/06\" data-select-label=\"Airy 06\"/>\n                                <we-button data-shape=\"web_editor/Airy/07\" data-select-label=\"Airy 07\"/>\n                                <we-button data-shape=\"web_editor/Airy/08\" data-select-label=\"Airy 08\"/>\n                                <we-button data-shape=\"web_editor/Airy/09\" data-select-label=\"Airy 09\"/>\n                                <we-button data-shape=\"web_editor/Airy/10\" data-select-label=\"Airy 10\"/>\n                                <we-button data-shape=\"web_editor/Airy/11\" data-select-label=\"Airy 11\"/>\n                                <we-button data-shape=\"web_editor/Airy/12_001\" data-select-label=\"Airy 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/13_001\" data-select-label=\"Airy 13\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Airy/14\" data-select-label=\"Airy 14\"/>\n                                <we-button data-shape=\"web_editor/Zigs/01_001\" data-select-label=\"Zigs 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Zigs/02_001\" data-select-label=\"Zigs 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Zigs/03\" data-select-label=\"Zigs 03\"/>\n                                <we-button data-shape=\"web_editor/Zigs/04\" data-select-label=\"Zigs 04\"/>\n                                <we-button data-shape=\"web_editor/Zigs/05\" data-select-label=\"Zigs 05\"/>\n                                <we-button data-shape=\"web_editor/Zigs/06\" data-select-label=\"Zigs 06\"/>\n                            </we-select-page>\n                        </div>\n                        <div class=\"o_scroll_bgshapes_creative\">\n                            <we-title>Ondulado</we-title>\n                            <we-select-page string=\"Ondulado\">\n                                <we-button data-shape=\"web_editor/Wavy/01_001\" data-select-label=\"Wavy 01\"/>\n                                <we-button data-shape=\"web_editor/Wavy/02_001\" data-select-label=\"Wavy 02\"/>\n                                <we-button data-shape=\"web_editor/Wavy/03\" data-select-label=\"Wavy 03\"/>\n                                <we-button data-shape=\"web_editor/Wavy/10\" data-select-label=\"Wavy 04\"/>\n                                <we-button data-shape=\"web_editor/Wavy/24\" data-select-label=\"Wavy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/25\" data-select-label=\"Wavy 06\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/26\" data-select-label=\"Wavy 07\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/27\" data-select-label=\"Wavy 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/04\" data-select-label=\"Wavy 09\"/>\n                                <we-button data-shape=\"web_editor/Wavy/05\" data-select-label=\"Wavy 10\"/>\n                                <we-button data-shape=\"web_editor/Wavy/06_001\" data-select-label=\"Wavy 11\"/>\n                                <we-button data-shape=\"web_editor/Wavy/07\" data-select-label=\"Wavy 12\"/>\n                                <we-button data-shape=\"web_editor/Wavy/08\" data-select-label=\"Wavy 13\"/>\n                                <we-button data-shape=\"web_editor/Wavy/09\" data-select-label=\"Wavy 14\"/>\n                                <we-button data-shape=\"web_editor/Wavy/11\" data-select-label=\"Wavy 15\"/>\n                                <we-button data-shape=\"web_editor/Wavy/12_001\" data-select-label=\"Wavy 16\"/>\n                                <we-button data-shape=\"web_editor/Wavy/28\" data-select-label=\"Wavy 17\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Wavy/13_001\" data-select-label=\"Wavy 18\"/>\n                                <we-button data-shape=\"web_editor/Wavy/14\" data-select-label=\"Wavy 19\"/>\n                                <we-button data-shape=\"web_editor/Wavy/15\" data-select-label=\"Wavy 20\"/>\n                                <we-button data-shape=\"web_editor/Wavy/16\" data-select-label=\"Wavy 21\"/>\n                                <we-button data-shape=\"web_editor/Wavy/17\" data-select-label=\"Wavy 22\"/>\n                                <we-button data-shape=\"web_editor/Wavy/18\" data-select-label=\"Wavy 23\"/>\n                                <we-button data-shape=\"web_editor/Wavy/19\" data-select-label=\"Wavy 24\"/>\n                                <we-button data-shape=\"web_editor/Wavy/20\" data-select-label=\"Wavy 25\"/>\n                                <we-button data-shape=\"web_editor/Wavy/21\" data-select-label=\"Wavy 26\"/>\n                                <we-button data-shape=\"web_editor/Wavy/22\" data-select-label=\"Wavy 27\"/>\n                                <we-button data-shape=\"web_editor/Wavy/23\" data-select-label=\"Wavy 28\"/>\n                            </we-select-page>\n                            <we-title>Bloco e Respingo</we-title>\n                            <we-select-page string=\"Blocos e Respingos\">\n                                <we-button data-shape=\"web_editor/Blocks/02_001\" data-select-label=\"Blocks 01\"/>\n                                <we-button data-shape=\"web_editor/Blocks/01_001\" data-select-label=\"Blocks 02\"/>\n                                <we-button data-shape=\"web_editor/Blocks/03\" data-select-label=\"Blocks 03\"/>\n                                <we-button data-shape=\"web_editor/Blocks/04\" data-select-label=\"Blocks 04\"/>\n                                <we-button data-shape=\"web_editor/Rainy/01_001\" data-select-label=\"Rainy 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/02_001\" data-select-label=\"Rainy 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/06\" data-select-label=\"Rainy 03\"/>\n                                <we-button data-shape=\"web_editor/Rainy/07\" data-select-label=\"Rainy 04\"/>\n                                <we-button data-shape=\"web_editor/Rainy/10\" data-select-label=\"Rainy 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/04\" data-select-label=\"Rainy 06\"/>\n                                <we-button data-shape=\"web_editor/Rainy/05_001\" data-select-label=\"Rainy 07\"/>\n                                <we-button data-shape=\"web_editor/Rainy/03_001\" data-select-label=\"Rainy 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/08_001\" data-select-label=\"Rainy 09\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Rainy/09_001\" data-select-label=\"Rainy 10\"/>\n                            </we-select-page>\n                            <we-title>Floating Shapes</we-title>\n                            <we-select-page string=\"Floating Shapes\">\n                                <we-button data-shape=\"web_editor/Floats/01\" data-select-label=\"Float 01\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/02\" data-select-label=\"Float 02\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/03\" data-select-label=\"Float 03\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/04\" data-select-label=\"Float 04\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/05\" data-select-label=\"Float 05\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/06\" data-select-label=\"Float 06\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/07\" data-select-label=\"Float 07\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/08\" data-select-label=\"Float 08\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/09\" data-select-label=\"Float 09\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/10\" data-select-label=\"Float 10\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/11\" data-select-label=\"Float 11\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/12\" data-select-label=\"Float 12\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/13\" data-select-label=\"Float 13\" data-animated=\"true\"/>\n                                <we-button data-shape=\"web_editor/Floats/14\" data-select-label=\"Float 14\" data-animated=\"true\"/>\n                            </we-select-page>\n                        </div>\n                    </div>\n                </we-select-pager>\n                <we-button class=\"o_we_device\" data-show-on-mobile=\"false\" title=\"Mostrar/ocultar em dispositivos móveis\" data-dependencies=\"!shape_none_opt\" data-no-preview=\"true\" data-img=\"/website/static/src/img/snippets_options/mobile_invisible.svg\"/>\n                <we-button data-shape=\"\" data-name=\"shape_none_opt\" data-dependencies=\"!shape_none_opt\" data-no-preview=\"true\" class=\"o_we_image_shape_remove o_we_bg_danger fa fa-fw fa-times\"/>\n            </we-row>\n            <we-row string=\"Inverter\" class=\"o_we_sublevel_2\">\n                <we-button class=\"oi oi-fw oi-arrows-h\" data-flip-x=\"true\" data-no-preview=\"true\" data-dependencies=\"!shape_none_opt\"/>\n                <we-button class=\"oi oi-fw oi-arrows-v\" data-flip-y=\"true\" data-no-preview=\"true\" data-dependencies=\"!shape_none_opt\"/>\n            </we-row>\n            <we-row string=\"Cores\" class=\"o_we_sublevel_2\" data-name=\"colors\">\n                <we-colorpicker data-select-style=\"\" data-css-property=\"background-color\" data-color-prefix=\"bg-\" data-apply-to=\"&gt; .o_we_shape\"/>\n            </we-row>\n            <we-row string=\"Velocidade\" class=\"o_we_sublevel_2\">\n                <we-range data-name=\"bg_shape_anim_speed_opt\" data-no-preview=\"true\" data-display-range-value=\"true\" data-set-bg-shape-animation-speed=\"\" data-max=\"2\" data-min=\"-2\" data-step=\"0.1\" data-to-ratio=\"true\"/>\n            </we-row>\n        </div>\n    </t>\n</t>"}