<?php

use Breakdance\Lib\Vendor\Twig\Environment;
use Breakdance\Lib\Vendor\Twig\Error\LoaderError;
use Breakdance\Lib\Vendor\Twig\Error\RuntimeError;
use Breakdance\Lib\Vendor\Twig\Extension\SandboxExtension;
use Breakdance\Lib\Vendor\Twig\Markup;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityError;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityNotAllowedTagError;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityNotAllowedFilterError;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityNotAllowedFunctionError;
use Breakdance\Lib\Vendor\Twig\Source;
use Breakdance\Lib\Vendor\Twig\Template;

/* macros.twig */
class __TwigTemplate_3025726b89eee1675f3232ed691e220cbe1014013585729002bfec10ac8ab52e extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
        $macros["_self"] = $this->macros["_self"] = $this;
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        // line 1
        echo "    ";
        // line 313
        echo "    

    ";
        // line 336
        echo "    

";
        // line 344
        echo "
";
        // line 368
        echo "

";
        // line 678
        echo "

";
        // line 877
        echo "
";
        // line 887
        echo "
";
        // line 902
        echo "



";
        // line 913
        echo "
";
        // line 959
        echo "
";
        // line 963
        echo "




";
        // line 1089
        echo "

";
        // line 1130
        echo "




";
        // line 1206
        echo "



";
        // line 1251
        echo "

";
        // line 1288
        echo "
";
        // line 1292
        echo "
";
        // line 1297
        echo "
";
        // line 1310
        echo "

";
        // line 1469
        echo "



";
        // line 1487
        echo "



";
        // line 1761
        echo "
";
        // line 1809
        echo "

";
        // line 1908
        echo "



";
        // line 1921
        echo "
";
        // line 1932
        echo "




";
        // line 1947
        echo "
";
        // line 1958
        echo "

";
        // line 1965
        echo "

";
        // line 1971
        echo "

";
        // line 1982
        echo "

";
        // line 1992
        echo "
";
        // line 2005
        echo "
";
        // line 2007
        echo "
";
        // line 2016
        echo "
";
        // line 2018
        echo "
";
        // line 2025
        echo "
";
        // line 2031
        echo "

";
        // line 2036
        echo "

";
        // line 2138
        echo "

";
        // line 2261
        echo "

";
        // line 2345
        echo "
";
        // line 2581
        echo "

";
        // line 2595
        echo "
";
        // line 2599
        echo "
";
        // line 2603
        echo "

";
        // line 2873
        echo "



";
        // line 2896
        echo "
";
        // line 2918
        echo "

";
        // line 2952
        echo "

";
        // line 2997
        echo "

";
        // line 3021
        echo "
";
        // line 3025
        echo "
";
        // line 3042
        echo "
";
        // line 3061
        echo "
";
        // line 3093
        echo "

";
        // line 3135
        echo "
";
        // line 3148
        echo "
";
        // line 3162
        echo "
";
        // line 3175
        echo "

";
        // line 3202
        echo "
  ";
        // line 3206
        echo "
";
        // line 3232
        echo "
";
        // line 3256
        echo "
";
        // line 3276
        echo "
";
        // line 3355
        echo "
";
        // line 3368
        echo "
";
        // line 3382
        echo "
";
        // line 3396
        echo "
";
        // line 3431
        echo "
";
        // line 3448
        echo "
";
        // line 3544
        echo "

";
        // line 3638
        echo "

";
        // line 3668
        echo "

";
        // line 3678
        echo "

";
        // line 3684
        echo "
";
        // line 3692
        echo "
";
        // line 3700
        echo "
";
        // line 3702
        echo "
";
        // line 3718
        echo "
";
        // line 3723
        echo "
";
        // line 3728
        echo "

";
        // line 3731
        echo "
";
        // line 3747
        echo "
";
        // line 3752
        echo "
";
        // line 3757
        echo "

";
        // line 3765
        echo "



";
        // line 3795
        echo "

";
        // line 3857
        echo "
";
        // line 3875
        echo "

";
        // line 3892
        echo "

";
        // line 3909
        echo "
";
        // line 3954
        echo "

";
        // line 3977
        echo "
";
        // line 3991
        echo "
";
        // line 4000
        echo "
";
        // line 4015
        echo "




";
        // line 4026
        echo "
";
        // line 4037
        echo "
";
        // line 4045
        echo "

";
        // line 4066
        echo "
";
        // line 4190
        echo "
";
        // line 4317
        echo "

";
        // line 4333
        echo "
";
        // line 4345
        echo "
";
        // line 4357
        echo "
";
        // line 4369
        echo "
";
        // line 4381
        echo "
";
        // line 4403
        echo "
";
        // line 4429
        echo "

/* Pagination */

";
        // line 4522
        echo "

";
        // line 4593
        echo "

";
        // line 4697
        echo "

";
        // line 4723
        echo "

";
        // line 4746
        echo "

";
    }

    // line 1
    public function macro_wooGlobalStyler($__design__ = null, $__rootSelector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "design" => $__design__,
            "rootSelector" => $__rootSelector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2
            echo "        ";
            $context["localSelector"] = (($context["rootSelector"]) ?? (".breakdance-woocommerce"));
            // line 3
            echo "
";
            // line 4
            echo (($context["rootSelector"]) ?? (":root, .bde-global-css-vars"));
            echo " {
  --bde-woo-base-text-color: ";
            // line 5
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 5), "text", [], "any", false, false, false, 5);
            echo ";
  --bde-woo-base-headings-color: ";
            // line 6
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 6), "headings", [], "any", false, false, false, 6);
            echo ";
  --bde-woo-base-border-color: ";
            // line 7
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 7), "borders", [], "any", false, false, false, 7);
            echo ";
  --bde-woo-base-primary-color: ";
            // line 8
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 8), "brand", [], "any", false, false, false, 8);
            echo ";
  --bde-woo-base-primary-color-hover: ";
            // line 9
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, true, false, 9), "brand_hover", [], "any", true, true, false, 9)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, true, false, 9), "brand_hover", [], "any", false, false, false, 9), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 9), "brand", [], "any", false, false, false, 9))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 9), "brand", [], "any", false, false, false, 9)));
            echo ";
  --bde-woo-base-text-on-primary-color: ";
            // line 10
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 10), "text_on_brand", [], "any", false, false, false, 10);
            echo ";

  --bde-woo-base-space: ";
            // line 12
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 12), "spacing", [], "any", false, false, false, 12), "base", [], "any", false, false, false, 12), "style", [], "any", false, false, false, 12);
            echo ";
  --bde-woo-base-ratio: ";
            // line 13
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 13), "spacing", [], "any", false, false, false, 13), "ratio", [], "any", false, false, false, 13);
            echo ";

  --bde-woo-base-extra-small-gaps: ";
            // line 15
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 15), "spacing", [], "any", false, false, false, 15), "sizes", [], "any", false, false, false, 15), "extra_small", [], "any", false, false, false, 15), "style", [], "any", false, false, false, 15);
            echo ";
  --bde-woo-base-small-gaps: ";
            // line 16
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 16), "spacing", [], "any", false, false, false, 16), "sizes", [], "any", false, false, false, 16), "small", [], "any", false, false, false, 16), "style", [], "any", false, false, false, 16);
            echo ";
  --bde-woo-base-standard-gaps: ";
            // line 17
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 17), "spacing", [], "any", false, false, false, 17), "sizes", [], "any", false, false, false, 17), "standard", [], "any", false, false, false, 17), "style", [], "any", false, false, false, 17);
            echo ";
  --bde-woo-base-medium-gaps: ";
            // line 18
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 18), "spacing", [], "any", false, false, false, 18), "sizes", [], "any", false, false, false, 18), "medium", [], "any", false, false, false, 18), "style", [], "any", false, false, false, 18);
            echo ";
  --bde-woo-base-big-gaps: ";
            // line 19
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 19), "spacing", [], "any", false, false, false, 19), "sizes", [], "any", false, false, false, 19), "big", [], "any", false, false, false, 19), "style", [], "any", false, false, false, 19);
            echo ";
  --bde-woo-base-large-gaps: ";
            // line 20
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 20), "spacing", [], "any", false, false, false, 20), "sizes", [], "any", false, false, false, 20), "large", [], "any", false, false, false, 20), "style", [], "any", false, false, false, 20);
            echo ";
  --bde-woo-base-extra-large-gaps: ";
            // line 21
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 21), "spacing", [], "any", false, false, false, 21), "sizes", [], "any", false, false, false, 21), "extra_large", [], "any", false, false, false, 21), "style", [], "any", false, false, false, 21);
            echo ";

  --bde-woo-typography-font-weight-normal: ";
            // line 23
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 23), "weights", [], "any", false, false, false, 23), "normal", [], "any", false, false, false, 23);
            echo ";
  --bde-woo-typography-font-weight-medium: ";
            // line 24
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 24), "weights", [], "any", false, false, false, 24), "medium", [], "any", false, false, false, 24);
            echo ";
  --bde-woo-typography-font-weight-heavy: ";
            // line 25
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 25), "weights", [], "any", false, false, false, 25), "heavy", [], "any", false, false, false, 25);
            echo ";

  --bde-woo-typography__size-small: ";
            // line 27
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 27), "sizes", [], "any", false, false, false, 27), "small", [], "any", false, false, false, 27), "size", [], "any", false, false, false, 27), "style", [], "any", false, false, false, 27);
            echo ";
  --bde-woo-typography__size-small-font-family: ";
            // line 28
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 28), "sizes", [], "any", false, false, false, 28), "small", [], "any", false, false, false, 28), "font", [], "any", false, false, false, 28));
            echo ";
  --bde-woo-typography__size-standard: ";
            // line 29
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 29), "sizes", [], "any", false, false, false, 29), "standard", [], "any", false, false, false, 29), "size", [], "any", false, false, false, 29), "style", [], "any", false, false, false, 29);
            echo ";
  --bde-woo-typography__size-standard-font-family: ";
            // line 30
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 30), "sizes", [], "any", false, false, false, 30), "standard", [], "any", false, false, false, 30), "font", [], "any", false, false, false, 30));
            echo ";
  --bde-woo-typography__size-medium: ";
            // line 31
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 31), "sizes", [], "any", false, false, false, 31), "medium", [], "any", false, false, false, 31), "size", [], "any", false, false, false, 31), "style", [], "any", false, false, false, 31);
            echo ";
  --bde-woo-typography__size-medium-font-family: ";
            // line 32
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 32), "sizes", [], "any", false, false, false, 32), "medium", [], "any", false, false, false, 32), "font", [], "any", false, false, false, 32));
            echo ";
  --bde-woo-typography__size-large: ";
            // line 33
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 33), "sizes", [], "any", false, false, false, 33), "large", [], "any", false, false, false, 33), "size", [], "any", false, false, false, 33), "style", [], "any", false, false, false, 33);
            echo ";
  --bde-woo-typography__size-large-font-family: ";
            // line 34
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 34), "sizes", [], "any", false, false, false, 34), "large", [], "any", false, false, false, 34), "font", [], "any", false, false, false, 34));
            echo ";
  --bde-woo-typography__size-extra-large: ";
            // line 35
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 35), "sizes", [], "any", false, false, false, 35), "extra_large", [], "any", false, false, false, 35), "size", [], "any", false, false, false, 35), "style", [], "any", false, false, false, 35);
            echo ";
  --bde-woo-typography__size-extra-large-font-family: ";
            // line 36
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 36), "sizes", [], "any", false, false, false, 36), "extra_large", [], "any", false, false, false, 36), "font", [], "any", false, false, false, 36));
            echo ";

  ";
            // line 38
            $context["link_color"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, true, false, 38), "text_links", [], "any", false, true, false, 38), "color", [], "any", true, true, false, 38)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, true, false, 38), "text_links", [], "any", false, true, false, 38), "color", [], "any", false, false, false, 38), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 38), "brand", [], "any", false, false, false, 38))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 38), "brand", [], "any", false, false, false, 38)));
            // line 39
            echo "  ";
            $context["link_hover_color"] = _twig_default_filter(_twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, true, false, 39), "text_links", [], "any", false, true, false, 39), "color_hover", [], "any", true, true, false, 39)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, true, false, 39), "text_links", [], "any", false, true, false, 39), "color_hover", [], "any", false, false, false, 39), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, false, false, 39), "text_links", [], "any", false, false, false, 39), "color", [], "any", false, false, false, 39))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, false, false, 39), "text_links", [], "any", false, false, false, 39), "color", [], "any", false, false, false, 39))), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 39), "brand_hover", [], "any", false, false, false, 39)), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 39), "brand", [], "any", false, false, false, 39));
            // line 40
            echo "  --bde-woo-buttons-and-links__text-link-color: ";
            echo ($context["link_color"] ?? null);
            echo ";
  --bde-woo-buttons-and-links__text-link-color-hover: ";
            // line 41
            echo ($context["link_hover_color"] ?? null);
            echo ";

  --bde-woo-buttons-and-links__disabled-button-color: ";
            // line 43
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, false, false, 43), "disabled", [], "any", false, false, false, 43), "background", [], "any", false, false, false, 43);
            echo ";
  --bde-woo-buttons-and-links__disabled-button-text-color: ";
            // line 44
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, false, false, 44), "disabled", [], "any", false, false, false, 44), "text", [], "any", false, false, false, 44);
            echo ";

  ";
            // line 47
            echo "  ";
            // line 48
            echo "
  --bde-woo-forms__spacing-after-label: ";
            // line 49
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 49), "spacing", [], "any", false, false, false, 49), "after_label", [], "any", false, false, false, 49), "style", [], "any", false, false, false, 49);
            echo ";
  --bde-woo-forms__spacing-sub-label: ";
            // line 50
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 50), "spacing", [], "any", false, false, false, 50), "sub_label", [], "any", false, false, false, 50), "style", [], "any", false, false, false, 50);
            echo ";
  --bde-woo-forms__spacing-between-fields: ";
            // line 51
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 51), "spacing", [], "any", false, false, false, 51), "between_fields", [], "any", false, false, false, 51), "style", [], "any", false, false, false, 51);
            echo ";
  --bde-woo-forms__spacing-between-columns: ";
            // line 52
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 52), "spacing", [], "any", false, false, false, 52), "between_columns", [], "any", false, false, false, 52), "style", [], "any", false, false, false, 52);
            echo ";

  --bde-woo-forms__inputs-placeholder-color:  ";
            // line 54
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 54), "fields", [], "any", false, false, false, 54), "placeholder", [], "any", false, false, false, 54);
            echo ";

  --bde-woo-forms__inputs-select2-selected-item: ";
            // line 56
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 56), "fields", [], "any", false, false, false, 56), "advanced", [], "any", false, false, false, 56), "dropdown", [], "any", false, false, false, 56), "selected", [], "any", false, false, false, 56);
            echo ";
  --bde-woo-forms__inputs-select2-hover-item: ";
            // line 57
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 57), "fields", [], "any", false, false, false, 57), "advanced", [], "any", false, false, false, 57), "dropdown", [], "any", false, false, false, 57), "hover", [], "any", false, false, false, 57);
            echo ";

  --bde-woo-forms__labels-color: ";
            // line 59
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, true, false, 59), "labels", [], "any", false, true, false, 59), "text", [], "any", true, true, false, 59)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, true, false, 59), "labels", [], "any", false, true, false, 59), "text", [], "any", false, false, false, 59), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 59), "headings", [], "any", false, false, false, 59))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 59), "headings", [], "any", false, false, false, 59)));
            echo ";
  --bde-woo-forms__labels-required-color: ";
            // line 60
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 60), "fields", [], "any", false, false, false, 60), "required", [], "any", false, false, false, 60), "color", [], "any", false, false, false, 60);
            echo ";
  --bde-woo-forms__labels-required-size: ";
            // line 61
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 61), "fields", [], "any", false, false, false, 61), "required", [], "any", false, false, false, 61), "size", [], "any", false, false, false, 61), "style", [], "any", false, false, false, 61);
            echo ";

  --bde-woo-forms__labels-required-nudge-x: ";
            // line 63
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 63), "fields", [], "any", false, false, false, 63), "required", [], "any", false, false, false, 63), "nudge_x", [], "any", false, false, false, 63), "style", [], "any", false, false, false, 63);
            echo ";
  --bde-woo-forms__labels-required-nudge-y: ";
            // line 64
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 64), "fields", [], "any", false, false, false, 64), "required", [], "any", false, false, false, 64), "nudge_y", [], "any", false, false, false, 64), "style", [], "any", false, false, false, 64);
            echo ";

  ";
            // line 67
            echo "  
  --bde-woo-notices__icon-size: ";
            // line 68
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 68), "notices", [], "any", false, false, false, 68), "icon_size", [], "any", false, false, false, 68), "style", [], "any", false, false, false, 68);
            echo ";
  --bde-woo-notices__padding: ";
            // line 69
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 69), "notices", [], "any", false, false, false, 69), "padding", [], "any", false, false, false, 69), "style", [], "any", false, false, false, 69);
            echo ";
  --bde-woo-notices__padding-left: ";
            // line 70
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 70), "notices", [], "any", false, false, false, 70), "padding_left", [], "any", false, false, false, 70), "style", [], "any", false, false, false, 70);
            echo ";
  --bde-woo-notices__border-radius: ";
            // line 71
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 71), "notices", [], "any", false, false, false, 71), "border_radius", [], "any", false, false, false, 71), "style", [], "any", false, false, false, 71);
            echo ";
  --bde-woo-notices__error-background: ";
            // line 72
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 72), "notices", [], "any", false, false, false, 72), "error", [], "any", false, false, false, 72), "background", [], "any", false, false, false, 72);
            echo ";
  --bde-woo-notices__error-text: ";
            // line 73
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 73), "notices", [], "any", false, false, false, 73), "error", [], "any", false, false, false, 73), "text", [], "any", false, false, false, 73);
            echo ";
  --bde-woo-notices__error-link-text: ";
            // line 74
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 74), "notices", [], "any", false, false, false, 74), "error", [], "any", false, false, false, 74), "link", [], "any", false, false, false, 74);
            echo ";
  --bde-woo-notices__error-link-text-hover: ";
            // line 75
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 75), "notices", [], "any", false, true, false, 75), "error", [], "any", false, true, false, 75), "link_hover", [], "any", true, true, false, 75)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 75), "notices", [], "any", false, true, false, 75), "error", [], "any", false, true, false, 75), "link_hover", [], "any", false, false, false, 75), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 75), "notices", [], "any", false, false, false, 75), "error", [], "any", false, false, false, 75), "link", [], "any", false, false, false, 75))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 75), "notices", [], "any", false, false, false, 75), "error", [], "any", false, false, false, 75), "link", [], "any", false, false, false, 75)));
            echo ";
  --bde-woo-notices__info-background: ";
            // line 76
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 76), "notices", [], "any", false, false, false, 76), "info", [], "any", false, false, false, 76), "background", [], "any", false, false, false, 76);
            echo ";
  --bde-woo-notices__info-text: ";
            // line 77
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 77), "notices", [], "any", false, false, false, 77), "info", [], "any", false, false, false, 77), "text", [], "any", false, false, false, 77);
            echo ";
  --bde-woo-notices__info-link-text: ";
            // line 78
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 78), "notices", [], "any", false, false, false, 78), "info", [], "any", false, false, false, 78), "link", [], "any", false, false, false, 78);
            echo ";
  --bde-woo-notices__info-link-text-hover: ";
            // line 79
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 79), "notices", [], "any", false, true, false, 79), "info", [], "any", false, true, false, 79), "link_hover", [], "any", true, true, false, 79)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 79), "notices", [], "any", false, true, false, 79), "info", [], "any", false, true, false, 79), "link_hover", [], "any", false, false, false, 79), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 79), "notices", [], "any", false, false, false, 79), "info", [], "any", false, false, false, 79), "link", [], "any", false, false, false, 79))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 79), "notices", [], "any", false, false, false, 79), "info", [], "any", false, false, false, 79), "link", [], "any", false, false, false, 79)));
            echo ";
  --bde-woo-notices__success-background: ";
            // line 80
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 80), "notices", [], "any", false, false, false, 80), "success", [], "any", false, false, false, 80), "background", [], "any", false, false, false, 80);
            echo ";
  --bde-woo-notices__success-text: ";
            // line 81
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 81), "notices", [], "any", false, false, false, 81), "success", [], "any", false, false, false, 81), "text", [], "any", false, false, false, 81);
            echo ";
  --bde-woo-notices__success-link-text: ";
            // line 82
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 82), "notices", [], "any", false, false, false, 82), "success", [], "any", false, false, false, 82), "link", [], "any", false, false, false, 82);
            echo ";
  --bde-woo-notices__success-link-text-hover: ";
            // line 83
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 83), "notices", [], "any", false, true, false, 83), "success", [], "any", false, true, false, 83), "link_hover", [], "any", true, true, false, 83)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 83), "notices", [], "any", false, true, false, 83), "success", [], "any", false, true, false, 83), "link_hover", [], "any", false, false, false, 83), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 83), "notices", [], "any", false, false, false, 83), "success", [], "any", false, false, false, 83), "link", [], "any", false, false, false, 83))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 83), "notices", [], "any", false, false, false, 83), "success", [], "any", false, false, false, 83), "link", [], "any", false, false, false, 83)));
            echo ";

  ";
            // line 86
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 86), "notices", [], "any", false, false, false, 86), "error", [], "any", false, false, false, 86), "icon", [], "any", false, false, false, 86)) {
                // line 87
                echo "    --error-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 87), "notices", [], "any", false, false, false, 87), "error", [], "any", false, false, false, 87), "icon", [], "any", false, false, false, 87), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.5 16.084l-1.403 1.416-4.09-4.096-4.102 4.096-1.405-1.405 4.093-4.092-4.093-4.098 1.405-1.405 4.088 4.089 4.091-4.089 1.416 1.403-4.092 4.087 4.092 4.094z\"/></svg>');
  ";
            }
            // line 89
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 89), "notices", [], "any", false, false, false, 89), "success", [], "any", false, false, false, 89), "icon", [], "any", false, false, false, 89)) {
                // line 90
                echo "    --success-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 90), "notices", [], "any", false, false, false, 90), "success", [], "any", false, false, false, 90), "icon", [], "any", false, false, false, 90), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z\"/></svg>');
  ";
            }
            // line 92
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 92), "notices", [], "any", false, false, false, 92), "info", [], "any", false, false, false, 92), "icon", [], "any", false, false, false, 92)) {
                // line 93
                echo "    --info-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 93), "notices", [], "any", false, false, false, 93), "info", [], "any", false, false, false, 93), "icon", [], "any", false, false, false, 93), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 18h-2v-6h-2v-2h4v8zm-1-9.75c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z\"/></svg>');
  ";
            }
            // line 95
            echo "
  --bde-woo-sale-badge__border-radius: ";
            // line 96
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 96), "sale_badge", [], "any", false, false, false, 96), "radius", [], "any", false, false, false, 96), "style", [], "any", false, false, false, 96);
            echo ";
  --bde-woo-sale-badge__background-color: ";
            // line 97
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 97), "sale_badge", [], "any", false, false, false, 97), "background", [], "any", false, false, false, 97);
            echo ";
  --bde-woo-sale-badge__text-color: ";
            // line 98
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 98), "sale_badge", [], "any", false, false, false, 98), "text", [], "any", false, false, false, 98);
            echo ";
  --bde-woo-sale-badge__font-weight: ";
            // line 99
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 99), "sale_badge", [], "any", false, false, false, 99), "font_weight", [], "any", false, false, false, 99);
            echo ";
  --bde-woo-sale-badge__font-size: ";
            // line 100
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 100), "sale_badge", [], "any", false, false, false, 100), "font_size", [], "any", false, false, false, 100), "style", [], "any", false, false, false, 100);
            echo ";
  --bde-woo-sale-badge__padding: ";
            // line 101
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 101), "sale_badge", [], "any", false, false, false, 101), "padding", [], "any", false, false, false, 101), "style", [], "any", false, false, false, 101);
            echo " ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 101), "sale_badge", [], "any", false, false, false, 101), "horizontal_padding", [], "any", false, false, false, 101), "style", [], "any", false, false, false, 101);
            echo ";

  ";
            // line 103
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 103), "ratings", [], "any", false, false, false, 103), "star_color", [], "any", false, false, false, 103)) {
                // line 104
                echo "    --bde-woo-ratings__filled-star-svg: url('data:image/svg+xml;utf8,<svg width=\"24px\" height=\"24px\" fill=\"%23";
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 104), "ratings", [], "any", false, false, false, 104), "star_color", [], "any", false, false, false, 104), "#");
                echo "\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><polygon id=\"Path\" points=\"12 0.587 15.668 8.155 24 9.306 17.936 15.134 19.416 23.413 12 19.446 4.583 23.413 6.064 15.134 0 9.306 8.332 8.155\"></polygon></svg>');
    --bde-woo-ratings__empty-star-svg: url('data:image/svg+xml;utf8,<svg width=\"24px\" height=\"24px\" fill=\"%23";
                // line 105
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 105), "ratings", [], "any", false, false, false, 105), "star_color", [], "any", false, false, false, 105), "#");
                echo "\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><path d=\"M12,5.173 L14.335,9.99 L19.64,10.722 L15.779,14.432 L16.721,19.702 L12,17.178 L7.279,19.703 L8.221,14.433 L4.36,10.723 L9.665,9.99 L12,5.173 L12,5.173 Z M12,0.587 L8.332,8.155 L0,9.306 L6.064,15.134 L4.584,23.413 L12,19.446 L19.416,23.412 L17.936,15.133 L24,9.306 L15.668,8.156 L12,0.587 Z\" id=\"Shape\"></path></svg>');
  ";
            }
            // line 107
            echo "  --bde-woo-ratings__star_size: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 107), "ratings", [], "any", false, false, false, 107), "star_size", [], "any", false, false, false, 107), "style", [], "any", false, false, false, 107);
            echo ";

  --bde-woo-product-images__border-radius: ";
            // line 109
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 109), "product_images", [], "any", false, false, false, 109), "border_radius", [], "any", false, false, false, 109), "style", [], "any", false, false, false, 109);
            echo ";
  --bde-woo-product-images__border-width: ";
            // line 110
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 110), "product_images", [], "any", false, false, false, 110), "border_width", [], "any", false, false, false, 110), "style", [], "any", false, false, false, 110);
            echo ";
  --bde-woo-product-images__border-color: ";
            // line 111
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 111), "product_images", [], "any", false, false, false, 111), "border_color", [], "any", false, false, false, 111);
            echo ";

  --bde-woo-wrappers__background-color: ";
            // line 113
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 113), "wrappers", [], "any", false, false, false, 113), "background", [], "any", false, false, false, 113);
            echo ";
  --bde-woo-wrappers__border-radius: ";
            // line 114
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 114), "wrappers", [], "any", false, false, false, 114), "border_radius", [], "any", false, false, false, 114), "style", [], "any", false, false, false, 114);
            echo ";
  --bde-woo-wrappers__border-width: ";
            // line 115
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 115), "wrappers", [], "any", false, false, false, 115), "border_width", [], "any", false, false, false, 115), "style", [], "any", false, false, false, 115);
            echo ";
  --bde-woo-wrappers__border-color: ";
            // line 116
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 116), "wrappers", [], "any", false, false, false, 116), "border", [], "any", false, false, false, 116);
            echo ";
  --bde-woo-wrappers__shadow: ";
            // line 117
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 117), "wrappers", [], "any", false, false, false, 117), "shadow", [], "any", false, false, false, 117), "style", [], "any", false, false, false, 117);
            echo ";

  --bde-woo-tables__header-color: ";
            // line 119
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 119), "tables", [], "any", false, false, false, 119), "header", [], "any", false, false, false, 119);
            echo ";
  --bde-woo-tables__background-color: ";
            // line 120
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 120), "tables", [], "any", false, false, false, 120), "background", [], "any", false, false, false, 120);
            echo ";
  --bde-woo-tables__border-radius: ";
            // line 121
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 121), "tables", [], "any", false, false, false, 121), "border_radius", [], "any", false, false, false, 121), "style", [], "any", false, false, false, 121);
            echo ";
  --bde-woo-tables__border-color: ";
            // line 122
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 122), "tables", [], "any", false, false, false, 122), "border", [], "any", false, false, false, 122);
            echo ";
  --bde-woo-tables__border-width: ";
            // line 123
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 123), "tables", [], "any", false, false, false, 123), "border_width", [], "any", false, false, false, 123), "style", [], "any", false, false, false, 123);
            echo ";

  --bde-woo-widgets__chip-text-color: ";
            // line 125
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 125), "widgets", [], "any", false, false, false, 125), "chip_text", [], "any", false, false, false, 125);
            echo ";
  --bde-woo-widgets__chip-background-color: ";
            // line 126
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 126), "widgets", [], "any", false, false, false, 126), "chip_background", [], "any", false, false, false, 126);
            echo ";
  --bde-woo-widgets__chip-text-color-hover: ";
            // line 127
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 127), "widgets", [], "any", false, false, false, 127), "chip_text_hover", [], "any", false, false, false, 127);
            echo ";
  --bde-woo-widgets__chip-background-color-hover: ";
            // line 128
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 128), "widgets", [], "any", false, false, false, 128), "chip_background_hover", [], "any", false, false, false, 128);
            echo ";

  ";
            // line 131
            echo "  --bde-woo-select2__active-item-background-color: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 131), "misc", [], "any", false, false, false, 131), "select2_active_item", [], "any", false, false, false, 131);
            echo ";
  --bde-woo-widgets__remove-item-from-cart-color: ";
            // line 132
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 132), "misc", [], "any", false, false, false, 132), "remove_item_from_cart", [], "any", false, false, false, 132);
            echo ";
  --bde-woo-gallery__zoom-icon-shadow: ";
            // line 133
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 133), "misc", [], "any", false, false, false, 133), "gallery_zoom_icon_shadow", [], "any", false, false, false, 133), "style", [], "any", false, false, false, 133);
            echo ";

  ";
            // line 136
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 136), "products_list", [], "any", false, false, false, 136), "products_per_row", [], "any", false, false, false, 136)) {
                // line 137
                echo "    --bde-woo-products-list-products-per-row: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 137), "products_list", [], "any", false, false, false, 137), "products_per_row", [], "any", false, false, false, 137);
                echo ";
  ";
            } elseif ( !            // line 138
($context["rootSelector"] ?? null)) {
                // line 139
                echo "    ";
                if ((($context["breakpoint"] ?? null) == "breakpoint_tablet_portrait")) {
                    // line 140
                    echo "      --bde-woo-products-list-products-per-row: 3;
    ";
                } elseif ((                // line 141
($context["breakpoint"] ?? null) == "breakpoint_phone_landscape")) {
                    // line 142
                    echo "      --bde-woo-products-list-products-per-row: 2;
    ";
                } elseif ((                // line 143
($context["breakpoint"] ?? null) == "breakpoint_phone_portrait")) {
                    // line 144
                    echo "      --bde-woo-products-list-products-per-row: 1;
    ";
                }
                // line 146
                echo "  ";
            }
            // line 147
            echo "
  --bde-woo-payment-box-background-color: ";
            // line 148
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 148), "payment_box", [], "any", false, false, false, 148), "background", [], "any", false, false, false, 148);
            echo ";
  --bde-woo-payment-box-border-color: ";
            // line 149
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 149), "payment_box", [], "any", false, false, false, 149), "border_color", [], "any", false, false, false, 149);
            echo ";
  --bde-woo-payment-box-border-width: ";
            // line 150
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 150), "payment_box", [], "any", false, false, false, 150), "border_width", [], "any", false, false, false, 150), "style", [], "any", false, false, false, 150);
            echo ";

  ";
            // line 153
            echo "  --bde-woo-quicklook-button-background-color: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 153), "quicklook", [], "any", false, false, false, 153), "button", [], "any", false, false, false, 153), "background", [], "any", false, false, false, 153);
            echo ";
  --bde-woo-quicklook-button-background-color-hover: ";
            // line 154
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 154), "quicklook", [], "any", false, false, false, 154), "button", [], "any", false, false, false, 154), "background_hover", [], "any", false, false, false, 154);
            echo ";
  --bde-woo-quicklook-button-text-indent: ";
            // line 155
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 155), "quicklook", [], "any", false, false, false, 155), "hide_label", [], "any", false, false, false, 155)) ? ("-9999px") : (""));
            echo ";
  --bde-woo-quicklook-button-backdrop-color: ";
            // line 156
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 156), "quicklook", [], "any", false, false, false, 156), "backdrop", [], "any", false, false, false, 156), "color", [], "any", false, false, false, 156);
            echo ";
  --bde-woo-quicklook-button-backdrop-opacity: ";
            // line 157
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 157), "quicklook", [], "any", false, false, false, 157), "backdrop", [], "any", false, false, false, 157), "opacity", [], "any", false, false, false, 157);
            echo ";

  ";
            // line 159
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 159), "quicklook", [], "any", false, false, false, 159), "button", [], "any", false, false, false, 159), "icon", [], "any", false, false, false, 159)) {
                // line 160
                echo "    --bde-woo-quicklook-button-icon: url(";
                echo Breakdance\PluginsAPI\data_uri(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 160), "quicklook", [], "any", false, false, false, 160), "button", [], "any", false, false, false, 160), "icon", [], "any", false, false, false, 160), "svgCode", [], "any", false, false, false, 160), "image/svg+xml");
                echo ");
  ";
            }
            // line 162
            echo "
  --bde-woo-quicklook-modal-background-color: ";
            // line 163
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 163), "quicklook", [], "any", false, false, false, 163), "modal", [], "any", false, false, false, 163), "background", [], "any", false, false, false, 163);
            echo ";
  --bde-woo-quicklook-overlay-color: ";
            // line 164
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 164), "quicklook", [], "any", false, false, false, 164), "modal", [], "any", false, false, false, 164), "overlay_color", [], "any", false, false, false, 164);
            echo ";
  --bde-woo-quicklook-close-button-size: ";
            // line 165
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 165), "quicklook", [], "any", false, false, false, 165), "modal", [], "any", false, false, false, 165), "close_button", [], "any", false, false, false, 165), "size", [], "any", false, false, false, 165), "style", [], "any", false, false, false, 165);
            echo ";
  --bde-woo-quicklook-close-button-color: ";
            // line 166
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 166), "quicklook", [], "any", false, false, false, 166), "modal", [], "any", false, false, false, 166), "close_button", [], "any", false, false, false, 166), "color", [], "any", false, false, false, 166);
            echo ";
  --bde-woo-quicklook-close-button-color-hover: ";
            // line 167
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 167), "quicklook", [], "any", false, false, false, 167), "modal", [], "any", false, false, false, 167), "close_button", [], "any", false, false, false, 167), "color_hover", [], "any", false, false, false, 167);
            echo ";
  --bde-woo-quicklook-arrow-size: ";
            // line 168
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 168), "quicklook", [], "any", false, false, false, 168), "modal", [], "any", false, false, false, 168), "arrows", [], "any", false, false, false, 168), "size", [], "any", false, false, false, 168), "style", [], "any", false, false, false, 168);
            echo ";
  --bde-woo-quicklook-arrow-color: ";
            // line 169
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 169), "quicklook", [], "any", false, false, false, 169), "modal", [], "any", false, false, false, 169), "arrows", [], "any", false, false, false, 169), "color", [], "any", false, false, false, 169);
            echo ";
  --bde-woo-quicklook-arrow-color-hover: ";
            // line 170
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 170), "quicklook", [], "any", false, false, false, 170), "modal", [], "any", false, false, false, 170), "arrows", [], "any", false, false, false, 170), "color_hover", [], "any", false, false, false, 170);
            echo ";
  --bde-woo-quicklook-arrow-background-color: ";
            // line 171
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 171), "quicklook", [], "any", false, false, false, 171), "modal", [], "any", false, false, false, 171), "arrows", [], "any", false, false, false, 171), "background", [], "any", false, false, false, 171);
            echo ";
  --bde-woo-quicklook-arrow-background-color-hover: ";
            // line 172
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 172), "quicklook", [], "any", false, false, false, 172), "modal", [], "any", false, false, false, 172), "arrows", [], "any", false, false, false, 172), "background_hover", [], "any", false, false, false, 172);
            echo ";

  ";
            // line 175
            echo "  ";
            $context["stackAt"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 175), "stack_vertically_at", [], "any", true, true, false, 175)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, true, false, 175), "stack_vertically_at", [], "any", false, false, false, 175), "breakpoint_phone_landscape")) : ("breakpoint_phone_landscape"));
            // line 176
            echo "
  ";
            // line 177
            if ((($context["breakpoint"] ?? null) == ($context["stackAt"] ?? null))) {
                // line 178
                echo "    /*
    * Make all woo elements stack vertically on mobile
    */
    --bde-woo-responsive__stack: column;
    --bde-woo-responsive__width: 100%;
    --bde-woo-responsive__max-width: 100%;
  ";
            }
            // line 185
            echo "}

";
            // line 188
            echo ($context["localSelector"] ?? null);
            echo " {
  --bde-brand-primary-color: ";
            // line 189
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 189), "brand", [], "any", false, false, false, 189);
            echo ";
  --bde-brand-primary-color-hover: ";
            // line 190
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, true, false, 190), "brand_hover", [], "any", true, true, false, 190)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, true, false, 190), "brand_hover", [], "any", false, false, false, 190), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 190), "brand", [], "any", false, false, false, 190))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 190), "brand", [], "any", false, false, false, 190)));
            echo ";
  --bde-button-primary-text-color: ";
            // line 191
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 191), "text_on_brand", [], "any", false, false, false, 191);
            echo ";
  --bde-button-primary-text-color-hover: ";
            // line 192
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 192), "text_on_brand", [], "any", false, false, false, 192);
            echo ";

  ";
            // line 194
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 194), "brand", [], "any", false, false, false, 194)) {
                // line 195
                echo "    --bde-button-primary-background-color: var(--bde-brand-primary-color);
    --bde-button-primary-background-color-hover: var(--bde-brand-primary-color-hover);

    ";
                // line 199
                echo "    --bde-button-secondary-border-color: var(--bde-brand-primary-color);
    --bde-button-secondary-border-color-hover: var(--bde-brand-primary-color);
    --bde-button-secondary-text-color: var(--bde-brand-primary-color);
    --bde-button-secondary-background-color-hover: var(--bde-brand-primary-color);
  ";
            }
            // line 204
            echo "}

";
            // line 207
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-search--dropdown .select2-search__field,
";
            // line 208
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-selection--single,
";
            // line 209
            echo ($context["rootSelector"] ?? null);
            echo " .price_slider_amount input[type=\"text\"],
";
            // line 210
            echo ($context["rootSelector"] ?? null);
            echo " input[type=\"search\"],
";
            // line 211
            echo ($context["localSelector"] ?? null);
            echo " textarea,
";
            // line 212
            echo ($context["localSelector"] ?? null);
            echo " .woocommerce-Input,
";
            // line 213
            echo ($context["localSelector"] ?? null);
            echo " .input-text,
";
            // line 214
            echo ($context["localSelector"] ?? null);
            echo " select,
";
            // line 215
            echo ($context["localSelector"] ?? null);
            echo " .wc_payment_method input[type=\"text\"],
";
            // line 216
            echo ($context["localSelector"] ?? null);
            echo " .wc-stripe-elements-field {
  background-color: ";
            // line 217
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 217), "fields", [], "any", false, false, false, 217), "background", [], "any", false, false, false, 217);
            echo ";
  ";
            // line 218
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 218), "fields", [], "any", false, false, false, 218), "borders", [], "any", false, false, false, 218)], 218, $context, $this->getSourceContext());
            echo "
  ";
            // line 219
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 219), "fields", [], "any", false, false, false, 219), "padding", [], "any", false, false, false, 219)], 219, $context, $this->getSourceContext());
            echo "
  ";
            // line 220
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 220), "typography", [], "any", false, false, false, 220), "values", [], "any", false, false, false, 220), ($context["globalSettings"] ?? null)], 220, $context, $this->getSourceContext());
            echo "
}

";
            // line 224
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-search--dropdown .select2-search__field:focus,
";
            // line 225
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-selection--single:focus,
";
            // line 226
            echo ($context["localSelector"] ?? null);
            echo " .price_slider_amount input[type=\"text\"]:focus,
";
            // line 227
            echo ($context["localSelector"] ?? null);
            echo " input[type=\"search\"]:focus,
";
            // line 228
            echo ($context["localSelector"] ?? null);
            echo " textarea:focus,
";
            // line 229
            echo ($context["localSelector"] ?? null);
            echo " .woocommerce-Input:focus,
";
            // line 230
            echo ($context["localSelector"] ?? null);
            echo " .input-text:focus,
";
            // line 231
            echo ($context["localSelector"] ?? null);
            echo " select:focus,
";
            // line 232
            echo ($context["localSelector"] ?? null);
            echo " .wc_payment_method input[type=\"text\"]:focus {
  background-color: ";
            // line 233
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 233), "fields", [], "any", false, false, false, 233), "focused", [], "any", false, false, false, 233), "background", [], "any", false, false, false, 233);
            echo ";
  border-color: ";
            // line 234
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 234), "fields", [], "any", false, false, false, 234), "focused", [], "any", false, false, false, 234), "border", [], "any", false, false, false, 234);
            echo ";
  box-shadow: ";
            // line 235
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 235), "fields", [], "any", false, false, false, 235), "focused", [], "any", false, false, false, 235), "shadow", [], "any", false, false, false, 235), "style", [], "any", false, false, false, 235);
            echo ";
}

";
            // line 239
            echo ($context["localSelector"] ?? null);
            echo " .woocommerce-password-strength,
";
            // line 240
            echo ($context["localSelector"] ?? null);
            echo " label span.optional,
";
            // line 241
            echo ($context["localSelector"] ?? null);
            echo " label {
  ";
            // line 242
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 242), "typography", [], "any", false, false, false, 242), "labels", [], "any", false, false, false, 242), ($context["globalSettings"] ?? null)], 242, $context, $this->getSourceContext());
            echo "
}

";
            // line 246
            echo ($context["localSelector"] ?? null);
            echo " .bde-woo-quicklook-modal {
  ";
            // line 247
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 247), "quicklook", [], "any", false, false, false, 247), "modal", [], "any", false, false, false, 247), "padding", [], "any", false, false, false, 247)], 247, $context, $this->getSourceContext());
            echo "
}

";
            // line 255
            echo "
";
            // line 257
            $context["primaryButtons"] = [0 => (            // line 258
($context["localSelector"] ?? null) . " .bde-mini-cart-offcanvas .button"), 1 => (            // line 259
($context["localSelector"] ?? null) . " .bde-woo-product-quicklook-button"), 2 => (            // line 260
($context["localSelector"] ?? null) . " .woocommerce-page.woocommerce-lost-password .breakdance-woocommerce button[type=\"submit\"]"), 3 => (            // line 261
($context["localSelector"] ?? null) . " .woocommerce-form-track-order button[type=\"submit\"]"), 4 => (            // line 262
($context["localSelector"] ?? null) . " #place_order"), 5 => (            // line 263
($context["localSelector"] ?? null) . " .woocommerce-button.pay"), 6 => (            // line 264
($context["localSelector"] ?? null) . " button.single_add_to_cart_button"), 7 => (            // line 265
($context["localSelector"] ?? null) . " a.single_add_to_cart_button"), 8 => (            // line 266
($context["localSelector"] ?? null) . " a.button.wc-backward"), 9 => (            // line 267
($context["localSelector"] ?? null) . " a.checkout-button"), 10 => (            // line 268
($context["localSelector"] ?? null) . " p.order-again a.button"), 11 => (            // line 269
($context["localSelector"] ?? null) . " button[name=\"add-to-cart\"]"), 12 => (            // line 270
($context["localSelector"] ?? null) . " button[name=\"login\"]"), 13 => (            // line 271
($context["localSelector"] ?? null) . " button[name=\"save_address\"]"), 14 => (            // line 272
($context["localSelector"] ?? null) . " button[name=\"save_account_details\"]"), 15 => (            // line 273
($context["localSelector"] ?? null) . " button[name=\"woocommerce_checkout_place_order\"]"), 16 => (            // line 274
($context["localSelector"] ?? null) . " button[name=\"register\"]"), 17 => (            // line 275
($context["localSelector"] ?? null) . " .woocommerce-MyAccount-content a.button[href*=\"add-payment-method\"]")];
            // line 278
            echo "

";
            // line 281
            $context["secondaryButtons"] = [0 => (            // line 282
($context["localSelector"] ?? null) . " .woocommerce-MyAccount-downloads-file"), 1 => (            // line 283
($context["localSelector"] ?? null) . " .woocommerce-Address a.edit"), 2 => (            // line 284
($context["localSelector"] ?? null) . " .woocommerce-button.view"), 3 => (            // line 285
($context["localSelector"] ?? null) . " .woocommerce-Button--previous"), 4 => (            // line 286
($context["localSelector"] ?? null) . " .woocommerce-Button--next"), 5 => (            // line 287
($context["localSelector"] ?? null) . " .widget_price_filter .button"), 6 => (            // line 288
($context["localSelector"] ?? null) . " a.button.product_type_grouped"), 7 => (            // line 289
($context["localSelector"] ?? null) . " a.button.add_to_cart_button"), 8 => (            // line 290
($context["localSelector"] ?? null) . " .added_to_cart"), 9 => (            // line 291
($context["localSelector"] ?? null) . " .woocommerce-widget-layered-nav-dropdown__submit"), 10 => (            // line 292
($context["localSelector"] ?? null) . " .woocommerce-product-search button[type=\"submit\"]"), 11 => (            // line 293
($context["localSelector"] ?? null) . " a.product_type_simple"), 12 => (            // line 294
($context["localSelector"] ?? null) . " .form-submit input[type=\"submit\"]"), 13 => (            // line 295
($context["localSelector"] ?? null) . " button[name=\"update_cart\"]"), 14 => (            // line 296
($context["localSelector"] ?? null) . " button[name=\"calc_shipping\"]"), 15 => (            // line 297
($context["localSelector"] ?? null) . " button[name=\"apply_coupon\"]"), 16 => (            // line 298
($context["localSelector"] ?? null) . " a.product_type_external")];
            // line 301
            echo "
";
            // line 303
            $context["destructiveButtons"] = [0 => (($context["localSelector"] ?? null) . " .reset_variations"), 1 => (($context["localSelector"] ?? null) . " .woocommerce-button.cancel")];
            // line 304
            echo "
";
            // line 306
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, false, false, 306), "primary_buttons", [], "any", false, false, false, 306), ($context["primaryButtons"] ?? null), "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 306, $context, $this->getSourceContext());
            echo "
";
            // line 307
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, false, false, 307), "secondary_buttons", [], "any", false, false, false, 307), ($context["secondaryButtons"] ?? null), "secondary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 307, $context, $this->getSourceContext());
            echo "
";
            // line 308
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons_links", [], "any", false, false, false, 308), "destructive_buttons", [], "any", false, false, false, 308), ($context["destructiveButtons"] ?? null), "custom", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 308, $context, $this->getSourceContext());
            echo "
";
            // line 309
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "other", [], "any", false, false, false, 309), "quicklook", [], "any", false, false, false, 309), "button", [], "any", false, false, false, 309), (($context["localSelector"] ?? null) . " .bde-woo-product-quicklook-button"), "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 309, $context, $this->getSourceContext());
            echo "

";
            // line 312
            echo twig_call_macro($macros["_self"], "macro_wooPresetQuantityInput", [($context["localSelector"] ?? null), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 312), "fields", [], "any", false, false, false, 312), "advanced", [], "any", false, false, false, 312), "quantity_input", [], "any", false, false, false, 312), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 312, $context, $this->getSourceContext());
            echo "    ";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 315
    public function macro_wooPresetInputsDesign($__inputs__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "inputs" => $__inputs__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 316
            echo "        --bde-woo-forms__inputs-background-color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "background", [], "any", false, false, false, 316);
            echo ";
--bde-woo-forms__inputs-text-color: ";
            // line 317
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "text", [], "any", false, false, false, 317);
            echo ";
--bde-woo-forms__inputs-placeholder-color: ";
            // line 318
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "placeholder", [], "any", false, false, false, 318);
            echo ";
--bde-woo-forms__inputs-border-color: ";
            // line 319
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "border", [], "any", false, false, false, 319);
            echo ";
--bde-woo-forms__inputs-border-width: ";
            // line 320
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "border_width", [], "any", false, false, false, 320), "style", [], "any", false, false, false, 320);
            echo ";
--bde-woo-forms__inputs-border-radius: ";
            // line 321
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "border_radius", [], "any", false, false, false, 321), "style", [], "any", false, false, false, 321);
            echo ";
--bde-woo-forms__inputs-shadow: ";
            // line 322
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "shadow", [], "any", false, false, false, 322), "style", [], "any", false, false, false, 322);
            echo ";
--bde-woo-forms__inputs-background-color-focused: ";
            // line 323
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "focused", [], "any", false, false, false, 323), "background", [], "any", false, false, false, 323);
            echo ";
--bde-woo-forms__inputs-border-color-focused: ";
            // line 324
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "focused", [], "any", false, false, false, 324), "border", [], "any", false, false, false, 324);
            echo ";
--bde-woo-forms__inputs-shadow-focused: ";
            // line 325
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "focused", [], "any", false, false, false, 325), "shadow", [], "any", false, false, false, 325), "style", [], "any", false, false, false, 325);
            echo ";
--bde-woo-forms__inputs-select2-selected-item: ";
            // line 326
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "inputs", [], "any", false, false, false, 326), "select2", [], "any", false, false, false, 326), "selected_item", [], "any", false, false, false, 326);
            echo ";

";
            // line 328
            if (twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "text", [], "any", false, false, false, 328)) {
                // line 329
                echo "  --chevron-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 329), "inputs", [], "any", false, false, false, 329), "text", [], "any", false, false, false, 329), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z\"/></svg>');
  --checkbox-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                // line 330
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 330), "inputs", [], "any", false, false, false, 330), "text", [], "any", false, false, false, 330), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M9 21.035l-9-8.638 2.791-2.87 6.156 5.874 12.21-12.436 2.843 2.817z\"/></svg>');
  --radiobutton-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                // line 331
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 331), "inputs", [], "any", false, false, false, 331), "text", [], "any", false, false, false, 331), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"12\"/></svg>');
  --show-password-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                // line 332
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 332), "inputs", [], "any", false, false, false, 332), "text", [], "any", false, false, false, 332), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12.015 7c4.751 0 8.063 3.012 9.504 4.636-1.401 1.837-4.713 5.364-9.504 5.364-4.42 0-7.93-3.536-9.478-5.407 1.493-1.647 4.817-4.593 9.478-4.593zm0-2c-7.569 0-12.015 6.551-12.015 6.551s4.835 7.449 12.015 7.449c7.733 0 11.985-7.449 11.985-7.449s-4.291-6.551-11.985-6.551zm-.015 5c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2zm0-2c-2.209 0-4 1.792-4 4 0 2.209 1.791 4 4 4s4-1.791 4-4c0-2.208-1.791-4-4-4z\"/></svg>');
  --hide-password-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                // line 333
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "forms", [], "any", false, false, false, 333), "inputs", [], "any", false, false, false, 333), "text", [], "any", false, false, false, 333), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M19.604 2.562l-3.346 3.137c-1.27-.428-2.686-.699-4.243-.699-7.569 0-12.015 6.551-12.015 6.551s1.928 2.951 5.146 5.138l-2.911 2.909 1.414 1.414 17.37-17.035-1.415-1.415zm-6.016 5.779c-3.288-1.453-6.681 1.908-5.265 5.206l-1.726 1.707c-1.814-1.16-3.225-2.65-4.06-3.66 1.493-1.648 4.817-4.594 9.478-4.594.927 0 1.796.119 2.61.315l-1.037 1.026zm-2.883 7.431l5.09-4.993c1.017 3.111-2.003 6.067-5.09 4.993zm13.295-4.221s-4.252 7.449-11.985 7.449c-1.379 0-2.662-.291-3.851-.737l1.614-1.583c.715.193 1.458.32 2.237.32 4.791 0 8.104-3.527 9.504-5.364-.729-.822-1.956-1.99-3.587-2.952l1.489-1.46c2.982 1.9 4.579 4.327 4.579 4.327z\"/></svg>');
";
            }
            // line 335
            echo "    ";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 338
    public function macro_formContainer($__container__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "container" => $__container__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 339
            echo "  width: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["container"] ?? null), "width", [], "any", false, false, false, 339), "style", [], "any", false, false, false, 339);
            echo ";
  background-color: ";
            // line 340
            echo twig_get_attribute($this->env, $this->source, ($context["container"] ?? null), "background", [], "any", false, false, false, 340);
            echo ";
  ";
            // line 341
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["container"] ?? null), "padding", [], "any", false, false, false, 341)], 341, $context, $this->getSourceContext());
            echo "
  ";
            // line 342
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["container"] ?? null), "borders", [], "any", false, false, false, 342)], 342, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 345
    public function macro_atomV1ButtonAsLinkCss($__styles__ = null, $__selector__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 346
            echo "
    ";
            // line 347
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "arrow", [], "any", false, false, false, 347), "arrow", [], "any", false, false, false, 347)) {
                // line 348
                echo "      ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonLinkIconCssHelper", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "arrow", [], "any", false, false, false, 348), ($context["selector"] ?? null)], 348, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 350
            echo "
    ";
            // line 351
            echo ($context["selector"] ?? null);
            echo " {
      ";
            // line 352
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 352), ($context["globalSettings"] ?? null)], 352, $context, $this->getSourceContext());
            echo "
      ";
            // line 353
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 353)], 353, $context, $this->getSourceContext());
            echo "
      text-decoration-color: ";
            // line 354
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 354);
            echo ";
    }

    ";
            // line 357
            echo ($context["selector"] ?? null);
            echo ":hover {
      ";
            // line 358
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableEverything", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 358)], 358, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 361
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "fancy_underline", [], "any", false, false, false, 361)) {
                // line 362
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonAsLinkFancyUnderlineCss", [($context["selector"] ?? null), ($context["styles"] ?? null)], 362, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 364
            echo "


";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 370
    public function macro_atomV1ButtonAsLinkFancyUnderlineCss($__selector__ = null, $__styles__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "styles" => $__styles__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 371
            echo "
    ";
            // line 372
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 372)) {
                // line 373
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .button-atom__text {
            text-decoration-color: ";
                // line 374
                echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 374);
                echo ";
        }
    ";
            }
            // line 377
            echo "
    ";
            // line 378
            $context["underlineType"] = twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "fancy_underline", [], "any", false, false, false, 378);
            // line 379
            echo "
    ";
            // line 380
            if (($context["underlineType"] ?? null)) {
                // line 381
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " {
            text-decoration: none;
            --fancyUnderlineColor: ";
                // line 383
                echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", true, true, false, 383)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 383), "currentColor")) : ("currentColor"));
                echo ";
        }

        ";
                // line 386
                echo ($context["selector"] ?? null);
                echo ":hover {
            text-decoration: none;
            ";
                // line 388
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 388)) {
                    // line 389
                    echo "                --fancyUnderlineColor: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 389);
                    echo ";
            ";
                }
                // line 391
                echo "        }

        ";
                // line 393
                echo ($context["selector"] ?? null);
                echo "::before {
            content: \"\";
        }

         ";
                // line 397
                echo ($context["selector"] ?? null);
                echo "::before,
         ";
                // line 398
                echo ($context["selector"] ?? null);
                echo "::after {
            position: absolute;
            width: 100%;
            height: 0.075em;
            background: currentColor;
            top: 110%;
            left: 0;
            pointer-events: none;
            ";
                // line 406
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 406)) {
                    // line 407
                    echo "                background-color: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 407);
                    echo ";
            ";
                }
                // line 409
                echo "        }

         ";
                // line 411
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 411)) {
                    // line 412
                    echo "            ";
                    echo ($context["selector"] ?? null);
                    echo ":hover::before,
            ";
                    // line 413
                    echo ($context["selector"] ?? null);
                    echo ":hover::after {
                background-color: ";
                    // line 414
                    echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 414);
                    echo ";
            }
        ";
                }
                // line 417
                echo "

    ";
            }
            // line 420
            echo "


    ";
            // line 423
            if ((($context["underlineType"] ?? null) == "style-1")) {
                echo " ";
                // line 424
                echo "
        ";
                // line 425
                echo ($context["selector"] ?? null);
                echo "::before {
            content: \"\";
            transform-origin: 100% 50%;
            transform: scale3d(0, 1, 1);
            transition-duration: 0.3s;
            transition-property: background-color, transform;
        }

        ";
                // line 433
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 434
                echo ($context["selector"] ?? null);
                echo "::after {
            position: absolute;
            width: 100%;
            height: 0.075em;
            background-color: var(--fancyUnderlineColor);
            top: 110%;
            left: 0;
            pointer-events: none;
        }

        ";
                // line 444
                echo ($context["selector"] ?? null);
                echo ":hover::before {
            transform-origin: 0% 50%;
            transform: scale3d(1, 1, 1);
        }

    ";
            } elseif ((            // line 449
($context["underlineType"] ?? null) == "style-2")) {
                echo " ";
                // line 450
                echo "
        ";
                // line 451
                echo ($context["selector"] ?? null);
                echo "::before {
            transform-origin: 100% 50%;
            transform: scale3d(0, 1, 1);
            transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
        }

        ";
                // line 457
                echo ($context["selector"] ?? null);
                echo "::after {
            content: \"\";
            top: calc(110% + 0.25em);
            transform-origin: 0% 50%;
            transform: scale3d(0, 1, 1);
            transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
        }

        ";
                // line 465
                echo ($context["selector"] ?? null);
                echo ":hover::before {
            transform-origin: 0% 50%;
            transform: scale3d(1, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
        }

        ";
                // line 471
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            transform-origin: 100% 50%;
            transform: scale3d(1, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
        }

    ";
            } elseif ((            // line 477
($context["underlineType"] ?? null) == "style-3")) {
                echo " ";
                // line 478
                echo "
        ";
                // line 479
                echo ($context["selector"] ?? null);
                echo " .button-atom__text {
            display: inline-block;
            transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
        }

        ";
                // line 484
                echo ($context["selector"] ?? null);
                echo "::before {
            transform-origin: 50% 100%;
            transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
            clip-path: polygon(
                0% 0%,
                0% 100%,
                0 100%,
                0 0,
                100% 0,
                100% 100%,
                0 100%,
                0 100%,
                100% 100%,
                100% 0%
            );
        }

        ";
                // line 501
                echo ($context["selector"] ?? null);
                echo ":hover .button-atom__text {
            transform: translate3d(0, -2px, 0);
        }

        ";
                // line 505
                echo ($context["selector"] ?? null);
                echo ":hover::before {
            transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);
            clip-path: polygon(
                0% 0%,
                0% 100%,
                50% 100%,
                50% 0,
                50% 0,
                50% 100%,
                50% 100%,
                0 100%,
                100% 100%,
                100% 0%
            );
        }

    ";
            } elseif ((            // line 521
($context["underlineType"] ?? null) == "style-4")) {
                echo " ";
                // line 522
                echo "
        ";
                // line 523
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 524
                echo ($context["selector"] ?? null);
                echo "::after {
            opacity: 0;
            transform-origin: 50% 0%;
            transform: translate3d(0, 3px, 0);
            transition-property: transform, opacity;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
        }

        ";
                // line 533
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 534
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            transition-delay: 0.1s;
        }

        ";
                // line 538
                echo ($context["selector"] ?? null);
                echo "::after {
            content: \"\";
            top: calc(110% + 0.3em);
            width: 70%;
            left: 15%;
        }

        ";
                // line 545
                echo ($context["selector"] ?? null);
                echo ":hover::before {
            transition-delay: 0s;
        }

        ";
                // line 549
                echo ($context["selector"] ?? null);
                echo ":hover::before,
        ";
                // line 550
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            opacity: 1;
            transform: translate3d(0, 0, 0);
            transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
        }

    ";
            } elseif ((            // line 556
($context["underlineType"] ?? null) == "style-5")) {
                echo " ";
                // line 557
                echo "
        ";
                // line 558
                echo ($context["selector"] ?? null);
                echo ":before,
        ";
                // line 559
                echo ($context["selector"] ?? null);
                echo ":after {
            opacity: 0;
            top: -50%;
            left: 0;
            transition: all 0.3s ease 0s;
        }

        ";
                // line 566
                echo ($context["selector"] ?? null);
                echo ":after {
            content: \"\";
            top: auto;
            bottom: -50%;
        }

        ";
                // line 572
                echo ($context["selector"] ?? null);
                echo ":hover:before {
            opacity: 1;
            top: 0;
        }

        ";
                // line 577
                echo ($context["selector"] ?? null);
                echo ":hover:after {
            opacity: 1;
            bottom: 0;
        }

    ";
            } elseif ((            // line 582
($context["underlineType"] ?? null) == "style-6")) {
                // line 583
                echo "
        ";
                // line 584
                echo ($context["selector"] ?? null);
                echo "::before {
            content: \"\";
            position: absolute;
            width: 100%;
            height: 0.075em;
            background-color: ";
                // line 589
                echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", true, true, false, 589)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 589), "currentColor")) : ("currentColor"));
                echo ";
            top: 110%;
            left: 0;
            pointer-events: none;
        }


        ";
                // line 596
                echo ($context["selector"] ?? null);
                echo "::after {
            position: absolute;
            width: 100%;
            height: 0.075em;
            background-color: ";
                // line 600
                echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", true, true, false, 600)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 600), "currentColor")) : ("currentColor"));
                echo ";
            top: 110%;
            left: 0;
            pointer-events: none;
            content: \"\";
            transform-origin: 0% 50%;
            transform: scale3d(0, 1, 1);
            transition-duration: 0.3s;
            transition-property: background-color, transform;
        }

        ";
                // line 611
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            transform: scale3d(1, 1, 1);
        }

    ";
            } elseif ((            // line 615
($context["underlineType"] ?? null) == "style-7")) {
                echo " ";
                // line 616
                echo "
        ";
                // line 617
                echo ($context["selector"] ?? null);
                echo "::before {
            opacity: 0;
            transform-origin: 50% 0%;
            transform: translate3d(0, 3px, 0);
            transition-property: transform, opacity;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
        }

        ";
                // line 626
                echo ($context["selector"] ?? null);
                echo "::before {
            transition-delay: 0.1s;
        }

        ";
                // line 630
                echo ($context["selector"] ?? null);
                echo ":hover::before {
            transition-delay: 0s;
        }

        ";
                // line 634
                echo ($context["selector"] ?? null);
                echo ":hover::before {
            opacity: 1;
            transform: translate3d(0, 0, 0);
            transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
        }

    ";
            } elseif ((            // line 640
($context["underlineType"] ?? null) == "style-8")) {
                echo " ";
                // line 641
                echo "
        ";
                // line 642
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 643
                echo ($context["selector"] ?? null);
                echo "::after {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 3px;
            content: '';
            transition: transform 0.3s;
            transform: scale(0.85);
        }

        ";
                // line 654
                echo ($context["selector"] ?? null);
                echo "::after {
            opacity: 0;
            -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
            -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
            transition: top 0.3s, opacity 0.3s, transform 0.3s;
        }

        ";
                // line 661
                echo ($context["selector"] ?? null);
                echo ":hover::before,
        ";
                // line 662
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            transform: scale(1);
        }

        ";
                // line 666
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            top: 0%;
            opacity: 1;
        }

    ";
            }
            // line 672
            echo "




";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 680
    public function macro_atomV1ButtonButton($__styles__ = null, $__selector__ = null, $__buttonStyle__ = "custom", $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "buttonStyle" => $__buttonStyle__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 681
            echo "
    ";
            // line 683
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null)], 683, $context, $this->getSourceContext());
            echo " {

        --bde-transition-duration: ";
            // line 685
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 685), "transition_duration", [], "any", false, false, false, 685), "style", [], "any", false, false, false, 685);
            echo ";

        ";
            // line 688
            echo "        ";
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "outline", [], "any", false, false, false, 688)) {
                // line 689
                echo "
            --bde-button-";
                // line 690
                echo ($context["buttonStyle"] ?? null);
                echo "-border-color: ";
                echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", true, true, false, 690)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 690), "var(--bde-brand-primary-color)")) : ("var(--bde-brand-primary-color)"));
                echo ";
            --bde-button-";
                // line 691
                echo ($context["buttonStyle"] ?? null);
                echo "-border-color-hover: ";
                echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color_hover", [], "any", true, true, false, 691)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color_hover", [], "any", false, false, false, 691), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 691))) : (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 691))), "var(--bde-brand-primary-color)");
                echo ";

            ";
                // line 693
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, true, false, 693), "value", [], "any", true, true, false, 693)) {
                    // line 694
                    echo "                --bde-transition-duration: 0;
                --bde-button-";
                    // line 695
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color:  ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 695), "value", [], "any", false, false, false, 695);
                    echo ";
            ";
                } else {
                    // line 697
                    echo "                --bde-button-";
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color:  ";
                    echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", true, true, false, 697)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 697), "transparent")) : ("transparent"));
                    echo ";
            ";
                }
                // line 699
                echo "

            ";
                // line 701
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "no_fill_on_hover", [], "any", false, false, false, 701)) {
                    // line 702
                    echo "              --bde-button-";
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color-hover: transparent;
            ";
                } else {
                    // line 704
                    echo "                ";
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, true, false, 704), "value", [], "any", true, true, false, 704)) {
                        // line 705
                        echo "                    --bde-transition-duration: 0;
                    --bde-button-";
                        // line 706
                        echo ($context["buttonStyle"] ?? null);
                        echo "-background-color-hover:  ";
                        echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, true, false, 706), "value", [], "any", true, true, false, 706)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, true, false, 706), "value", [], "any", false, false, false, 706), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 706), "value", [], "any", false, false, false, 706))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 706), "value", [], "any", false, false, false, 706))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 706));
                        echo ";
                ";
                    } else {
                        // line 708
                        echo "                    --bde-button-";
                        echo ($context["buttonStyle"] ?? null);
                        echo "-background-color-hover:  ";
                        echo _twig_default_filter(_twig_default_filter(_twig_default_filter(_twig_default_filter(((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", true, true, false, 708)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 708), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 708), "value", [], "any", false, false, false, 708))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 708), "value", [], "any", false, false, false, 708))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 708)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color_hover", [], "any", false, false, false, 708)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 708)), "var(--bde-brand-primary-color)");
                        echo ";
                ";
                    }
                    // line 710
                    echo "            ";
                }
                // line 711
                echo "            --bde-button-";
                echo ($context["buttonStyle"] ?? null);
                echo "-text-color: ";
                echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 711), "color", [], "any", true, true, false, 711)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 711), "color", [], "any", false, false, false, 711), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 711))) : (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 711))), "var(--bde-brand-primary-color)");
                echo ";

            ";
                // line 713
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "no_fill_on_hover", [], "any", false, false, false, 713)) {
                    // line 714
                    echo "              --bde-button-";
                    echo ($context["buttonStyle"] ?? null);
                    echo "-text-color-hover: ";
                    echo _twig_default_filter(_twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 714), "color_hover", [], "any", true, true, false, 714)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 714), "color_hover", [], "any", false, false, false, 714), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 714), "color", [], "any", false, false, false, 714))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 714), "color", [], "any", false, false, false, 714))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color_hover", [], "any", false, false, false, 714)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 714));
                    echo ";
            ";
                } else {
                    // line 716
                    echo "              --bde-button-";
                    echo ($context["buttonStyle"] ?? null);
                    echo "-text-color-hover: ";
                    echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 716), "color_hover", [], "any", true, true, false, 716)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 716), "color_hover", [], "any", false, false, false, 716), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 716), "color", [], "any", false, false, false, 716))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 716), "color", [], "any", false, false, false, 716))), "#ffffff");
                    echo ";
            ";
                }
                // line 718
                echo "
        ";
            } elseif (twig_get_attribute($this->env, $this->source,             // line 719
($context["styles"] ?? null), "background", [], "any", false, false, false, 719)) {
                // line 720
                echo "            --bde-button-";
                echo ($context["buttonStyle"] ?? null);
                echo "-border-color: transparent;
            --bde-button-";
                // line 721
                echo ($context["buttonStyle"] ?? null);
                echo "-border-color-hover: transparent;

            --bde-button-";
                // line 723
                echo ($context["buttonStyle"] ?? null);
                echo "-text-color: ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 723), "color", [], "any", true, true, false, 723)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 723), "color", [], "any", false, false, false, 723), "#ffffff")) : ("#ffffff"));
                echo ";
            --bde-button-";
                // line 724
                echo ($context["buttonStyle"] ?? null);
                echo "-text-color-hover: ";
                echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 724), "color_hover", [], "any", true, true, false, 724)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, true, false, 724), "color_hover", [], "any", false, false, false, 724), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 724), "color", [], "any", false, false, false, 724))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 724), "color", [], "any", false, false, false, 724))), "#ffffff");
                echo ";

            ";
                // line 727
                echo "            ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, true, false, 727), "value", [], "any", true, true, false, 727)) {
                    // line 728
                    echo "                --bde-transition-duration: 0;
                --bde-button-";
                    // line 729
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color:  ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 729), "value", [], "any", false, false, false, 729);
                    echo ";
            ";
                } else {
                    // line 731
                    echo "                --bde-button-";
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color:  ";
                    echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 731);
                    echo ";
            ";
                }
                // line 733
                echo "
             ";
                // line 734
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, true, false, 734), "value", [], "any", true, true, false, 734)) {
                    // line 735
                    echo "                --bde-transition-duration: 0;
                --bde-button-";
                    // line 736
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color-hover:  ";
                    echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, true, false, 736), "value", [], "any", true, true, false, 736)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, true, false, 736), "value", [], "any", false, false, false, 736), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 736), "value", [], "any", false, false, false, 736))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 736), "value", [], "any", false, false, false, 736))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 736));
                    echo ";
            ";
                } else {
                    // line 738
                    echo "                --bde-button-";
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color-hover:  ";
                    echo _twig_default_filter(_twig_default_filter(((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", true, true, false, 738)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 738), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 738), "value", [], "any", false, false, false, 738))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 738), "value", [], "any", false, false, false, 738))), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 738), "value", [], "any", false, false, false, 738)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 738));
                    echo ";
            ";
                }
                // line 740
                echo "        ";
            }
            // line 741
            echo "

        ";
            // line 744
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "corners", [], "any", false, false, false, 744) == "square")) {
                // line 745
                echo "            border-radius: 0px;
        ";
            }
            // line 747
            echo "
        ";
            // line 748
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "corners", [], "any", false, false, false, 748) == "round")) {
                // line 749
                echo "            border-radius: 9999px;
        ";
            }
            // line 751
            echo "
        ";
            // line 752
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "corner_radius", [], "any", false, false, false, 752)) {
                // line 753
                echo "            border-radius: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "corner_radius", [], "any", false, false, false, 753), "style", [], "any", false, false, false, 753);
                echo ";
        ";
            }
            // line 755
            echo "
        ";
            // line 757
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "outline", [], "any", false, false, false, 757) && twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "width", [], "any", false, false, false, 757))) {
                // line 758
                echo "            border-width: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "width", [], "any", false, false, false, 758), "style", [], "any", false, false, false, 758);
                echo ";
        ";
            }
            // line 760
            echo "
        ";
            // line 762
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 762), "value", [], "any", false, false, false, 762) &&  !twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "outline", [], "any", false, false, false, 762))) {
                // line 763
                echo "            border-width: 0;
        ";
            }
            // line 765
            echo "
        ";
            // line 767
            echo "        ";
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 767), ($context["globalSettings"] ?? null)], 767, $context, $this->getSourceContext());
            echo "

        ";
            // line 770
            echo "        ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 770), "shadow", [], "any", false, false, false, 770)) {
                // line 771
                echo "            box-shadow: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 771), "shadow", [], "any", false, false, false, 771), "style", [], "any", false, false, false, 771);
                echo ";
        ";
            }
            // line 773
            echo "
        ";
            // line 775
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 775), "size", [], "any", false, false, false, 775) == "small")) {
                // line 776
                echo "            padding: var(--bde-button-padding-sm);
        ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 777
($context["styles"] ?? null), "size", [], "any", false, false, false, 777), "size", [], "any", false, false, false, 777) == "default")) {
                // line 778
                echo "            padding: var(--bde-button-padding-base);
        ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 779
($context["styles"] ?? null), "size", [], "any", false, false, false, 779), "size", [], "any", false, false, false, 779) == "large")) {
                // line 780
                echo "            padding: var(--bde-button-padding-lg);
        ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 781
($context["styles"] ?? null), "size", [], "any", false, false, false, 781), "size", [], "any", false, false, false, 781) == "custom")) {
                // line 782
                echo "            padding-top: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 782), "padding", [], "any", false, false, false, 782), "top", [], "any", false, false, false, 782), "style", [], "any", false, false, false, 782);
                echo ";
            padding-right: ";
                // line 783
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 783), "padding", [], "any", false, false, false, 783), "right", [], "any", false, false, false, 783), "style", [], "any", false, false, false, 783);
                echo ";
            padding-bottom: ";
                // line 784
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 784), "padding", [], "any", false, false, false, 784), "bottom", [], "any", false, false, false, 784), "style", [], "any", false, false, false, 784);
                echo ";
            padding-left: ";
                // line 785
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 785), "padding", [], "any", false, false, false, 785), "left", [], "any", false, false, false, 785), "style", [], "any", false, false, false, 785);
                echo ";
        ";
            }
            // line 787
            echo "
        ";
            // line 788
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 788), "override_width", [], "any", false, false, false, 788)) {
                // line 789
                echo "            width: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 789), "override_width", [], "any", false, false, false, 789), "style", [], "any", false, false, false, 789);
                echo ";
        ";
            }
            // line 791
            echo "
    }

    ";
            // line 795
            echo "     ";
            if ((($context["breakpoint"] ?? null) && (($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 795), "full_width_at", [], "any", false, false, false, 795)))) {
                // line 796
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null)], 796, $context, $this->getSourceContext());
                echo " {
            width: 100%;
            display: flex;
        }
     ";
            }
            // line 801
            echo "
    ";
            // line 803
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", ":hover"], 803, $context, $this->getSourceContext());
            echo " {

        ";
            // line 806
            echo "        ";
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableColorAndEffects", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 806), ($context["globalSettings"] ?? null)], 806, $context, $this->getSourceContext());
            echo "

        ";
            // line 809
            echo "        ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 809), "scale_on_hover", [], "any", false, false, false, 809)) {
                // line 810
                echo "            transform: scale(";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 810), "scale_on_hover", [], "any", false, false, false, 810);
                echo ");
        ";
            }
            // line 812
            echo "
        ";
            // line 813
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 813), "shadow_hover", [], "any", false, false, false, 813)) {
                // line 814
                echo "            box-shadow: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 814), "shadow_hover", [], "any", false, false, false, 814), "style", [], "any", false, false, false, 814);
                echo ";
        ";
            }
            // line 816
            echo "    }


    ";
            // line 820
            echo "    ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 820), "icon", [], "any", false, false, false, 820)) {
                // line 821
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 821, $context, $this->getSourceContext());
                echo " {
            ";
                // line 822
                $context["dataUri"] = Breakdance\PluginsAPI\data_uri(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 822), "icon", [], "any", false, false, false, 822), "svgCode", [], "any", false, false, false, 822), "image/svg+xml");
                // line 823
                echo "            content: \"\";
            display: block;
            background-color: currentColor;
            width: ";
                // line 826
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 826), "size", [], "any", false, true, false, 826), "style", [], "any", true, true, false, 826)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 826), "size", [], "any", false, true, false, 826), "style", [], "any", false, false, false, 826), "0.9em")) : ("0.9em"));
                echo ";
            height: ";
                // line 827
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 827), "size", [], "any", false, true, false, 827), "style", [], "any", true, true, false, 827)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 827), "size", [], "any", false, true, false, 827), "style", [], "any", false, false, false, 827), "0.9em")) : ("0.9em"));
                echo ";
            margin-right: ";
                // line 828
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 828), "space_after", [], "any", false, true, false, 828), "style", [], "any", true, true, false, 828)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 828), "space_after", [], "any", false, true, false, 828), "style", [], "any", false, false, false, 828), "4px")) : ("4px"));
                echo ";
            margin-left: ";
                // line 829
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 829), "space_before", [], "any", false, true, false, 829), "style", [], "any", true, true, false, 829)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, true, false, 829), "space_before", [], "any", false, true, false, 829), "style", [], "any", false, false, false, 829), "4px")) : ("4px"));
                echo ";
            mask-image: url(";
                // line 830
                echo ((array_key_exists("dataUri", $context)) ? (_twig_default_filter(($context["dataUri"] ?? null), "")) : (""));
                echo ");
            mask-position: 0 0;
            mask-size: 100% 100%;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(";
                // line 834
                echo ((array_key_exists("dataUri", $context)) ? (_twig_default_filter(($context["dataUri"] ?? null), "")) : (""));
                echo ");
            -webkit-mask-position: 0 0;
            -webkit-mask-size: 100% 100%;
            transition-timing-function: ease-in-out;
            transition-property: transform;
            transition-duration: ";
                // line 839
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, true, false, 839), "transition_duration", [], "any", false, true, false, 839), "style", [], "any", true, true, false, 839)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, true, false, 839), "transition_duration", [], "any", false, true, false, 839), "style", [], "any", false, false, false, 839), "var(--bde-transition-duration)")) : ("var(--bde-transition-duration)"));
                echo ";
        }
    ";
            }
            // line 842
            echo "
    ";
            // line 844
            echo "    ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 844), "size", [], "any", false, false, false, 844)) {
                // line 845
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 845, $context, $this->getSourceContext());
                echo " {
            width: ";
                // line 846
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 846), "size", [], "any", false, false, false, 846), "style", [], "any", false, false, false, 846);
                echo ";
            height: ";
                // line 847
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 847), "size", [], "any", false, false, false, 847), "style", [], "any", false, false, false, 847);
                echo ";
        }
    ";
            }
            // line 850
            echo "
    ";
            // line 851
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 851), "space_after", [], "any", false, false, false, 851)) {
                // line 852
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 852, $context, $this->getSourceContext());
                echo " {
            margin-right: ";
                // line 853
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 853), "space_after", [], "any", false, false, false, 853), "style", [], "any", false, false, false, 853);
                echo ";
        }
    ";
            }
            // line 856
            echo "
    ";
            // line 857
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 857), "space_before", [], "any", false, false, false, 857)) {
                // line 858
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 858, $context, $this->getSourceContext());
                echo " {
            margin-left: ";
                // line 859
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 859), "space_before", [], "any", false, false, false, 859), "style", [], "any", false, false, false, 859);
                echo ";
        }
    ";
            }
            // line 862
            echo "
    ";
            // line 863
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 863), "hover_transform", [], "any", false, false, false, 863)) {
                // line 864
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", ":hover::after"], 864, $context, $this->getSourceContext());
                echo " {
            transform: translate(";
                // line 865
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 865), "hover_transform", [], "any", false, false, false, 865), "style", [], "any", false, false, false, 865);
                echo ", 0px);
        }
    ";
            }
            // line 868
            echo "
    ";
            // line 870
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 870), "position", [], "any", false, false, false, 870) == "before")) {
                // line 871
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null)], 871, $context, $this->getSourceContext());
                echo " {
            flex-direction: row-reverse;
        }
    ";
            }
            // line 875
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 878
    public function macro_outputSelectorFromArray($__maybeSelectorArray__ = null, $__prefix__ = "", $__suffix__ = "", ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "maybeSelectorArray" => $__maybeSelectorArray__,
            "prefix" => $__prefix__,
            "suffix" => $__suffix__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 879
            echo "    ";
            if ((($__internal_compile_0 = ($context["maybeSelectorArray"] ?? null)) && is_array($__internal_compile_0) || $__internal_compile_0 instanceof ArrayAccess ? ($__internal_compile_0[0] ?? null) : null)) {
                // line 880
                echo "        ";
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(($context["maybeSelectorArray"] ?? null));
                $context['loop'] = [
                  'parent' => $context['_parent'],
                  'index0' => 0,
                  'index'  => 1,
                  'first'  => true,
                ];
                if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                    $length = count($context['_seq']);
                    $context['loop']['revindex0'] = $length - 1;
                    $context['loop']['revindex'] = $length;
                    $context['loop']['length'] = $length;
                    $context['loop']['last'] = 1 === $length;
                }
                foreach ($context['_seq'] as $context["_key"] => $context["selector"]) {
                    // line 881
                    echo "            ";
                    echo ($context["prefix"] ?? null);
                    echo $context["selector"];
                    echo ($context["suffix"] ?? null);
                    echo ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 881)) ? ("") : (","));
                    echo "
        ";
                    ++$context['loop']['index0'];
                    ++$context['loop']['index'];
                    $context['loop']['first'] = false;
                    if (isset($context['loop']['length'])) {
                        --$context['loop']['revindex0'];
                        --$context['loop']['revindex'];
                        $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                    }
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['selector'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 883
                echo "    ";
            } else {
                // line 884
                echo "        ";
                echo ($context["prefix"] ?? null);
                echo ($context["maybeSelectorArray"] ?? null);
                echo ($context["suffix"] ?? null);
                echo "
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 889
    public function macro_atomV1ButtonVariant($__variant__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "variant" => $__variant__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 890
            echo ".breakdance .button-atom--";
            echo ($context["variant"] ?? null);
            echo " {
  color: var(--bde-button-";
            // line 891
            echo ($context["variant"] ?? null);
            echo "-text-color);
  background: var(--bde-button-";
            // line 892
            echo ($context["variant"] ?? null);
            echo "-background-color);
  border-color: var(--bde-button-";
            // line 893
            echo ($context["variant"] ?? null);
            echo "-border-color);
}

.breakdance .button-atom--";
            // line 896
            echo ($context["variant"] ?? null);
            echo ":hover {
  color: var(--bde-button-";
            // line 897
            echo ($context["variant"] ?? null);
            echo "-text-color-hover);
  background: var(--bde-button-";
            // line 898
            echo ($context["variant"] ?? null);
            echo "-background-color-hover);
  border-color: var(--bde-button-";
            // line 899
            echo ($context["variant"] ?? null);
            echo "-border-color-hover);
}
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 906
    public function macro_atomV1ButtonCss($__buttonDesignSection__ = null, $__className__ = null, $__selectorPrefix__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "buttonDesignSection" => $__buttonDesignSection__,
            "className" => $__className__,
            "selectorPrefix" => $__selectorPrefix__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 907
            echo "    ";
            if (((twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "style", [], "any", false, false, false, 907) == "text") || ((($context["buttonStyle"] ?? null) == "text") && twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "style", [], "any", false, false, false, 907))))) {
                // line 908
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonAsLinkCss", [twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "text", [], "any", false, false, false, 908), ((($context["selectorPrefix"] ?? null) . " .") . ($context["className"] ?? null)), ($context["globalSettings"] ?? null)], 908, $context, $this->getSourceContext());
                echo "
    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 909
($context["buttonDesignSection"] ?? null), "style", [], "any", false, false, false, 909) == "custom")) {
                // line 910
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "custom", [], "any", false, false, false, 910), ((($context["selectorPrefix"] ?? null) . " .") . ($context["className"] ?? null)), "custom", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 910, $context, $this->getSourceContext());
                echo "
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 915
    public function macro_atomV1ButtonHtmlManual($__text__ = null, $__link__ = null, $__className__ = null, $__designProps__ = null, $__buttonStyle__ = null, $__buttonId__ = "", $__isSubmit__ = false, $__contentEditablePath__ = "", $__disabled__ = false, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "text" => $__text__,
            "link" => $__link__,
            "className" => $__className__,
            "designProps" => $__designProps__,
            "buttonStyle" => $__buttonStyle__,
            "buttonId" => $__buttonId__,
            "isSubmit" => $__isSubmit__,
            "contentEditablePath" => $__contentEditablePath__,
            "disabled" => $__disabled__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 916
            echo "
    ";
            // line 917
            if (twig_in_filter(($context["buttonStyle"] ?? null), [0 => "primary", 1 => "secondary", 2 => "custom", 3 => "text"])) {
                // line 918
                echo "        ";
                if (twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 918))) {
                    // line 919
                    echo "            ";
                    $context["buttonStyleClass"] = ("button-atom--" . ($context["buttonStyle"] ?? null));
                    // line 920
                    echo "        ";
                } else {
                    // line 921
                    echo "            ";
                    $context["buttonStyleClass"] = ("button-atom--" . twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 921));
                    // line 922
                    echo "        ";
                }
                // line 923
                echo "    ";
            } else {
                // line 924
                echo "        ";
                if (twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 924))) {
                    // line 925
                    echo "            ";
                    $context["buttonStyleClass"] = "button-atom--primary";
                    // line 926
                    echo "        ";
                } else {
                    // line 927
                    echo "            ";
                    $context["buttonStyleClass"] = ("button-atom--" . twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 927));
                    // line 928
                    echo "        ";
                }
                // line 929
                echo "    ";
            }
            // line 930
            echo "
    ";
            // line 931
            $context["cssClasses"] = twig_join_filter([0 => "button-atom", 1 =>             // line 933
($context["buttonStyleClass"] ?? null), 2 =>             // line 934
($context["className"] ?? null)], " ");
            // line 936
            echo "
    ";
            // line 937
            if ((($context["link"] ?? null) == false)) {
                // line 938
                echo "        <button type=\"";
                echo ((($context["isSubmit"] ?? null)) ? ("submit") : ("button"));
                echo "\" class=\"";
                echo ($context["cssClasses"] ?? null);
                echo "\"";
                echo ((($context["buttonId"] ?? null)) ? (((" id=\"" . ($context["buttonId"] ?? null)) . "\"")) : (""));
                echo " ";
                echo ((($context["disabled"] ?? null)) ? ("disabled") : (""));
                echo ">
    ";
            } else {
                // line 940
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkStart", [($context["link"] ?? null), ($context["cssClasses"] ?? null), "", false], 940, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 942
            echo "
        <span class=\"button-atom__text\"";
            // line 943
            echo Breakdance\PluginsAPI\content_editable_php(($context["contentEditablePath"] ?? null));
            echo ">";
            echo ((array_key_exists("text", $context)) ? (_twig_default_filter(($context["text"] ?? null), "Click Here")) : ("Click Here"));
            echo "</span>

        ";
            // line 945
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "custom", [], "any", false, false, false, 945), "icon", [], "any", false, false, false, 945), "icon", [], "any", false, false, false, 945) && (twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 945) != "text"))) {
                // line 946
                echo "            ";
                $context["iconSvgCode"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "custom", [], "any", false, false, false, 946), "icon", [], "any", false, false, false, 946), "icon", [], "any", false, false, false, 946), "svgCode", [], "any", false, false, false, 946);
                // line 947
                echo "        ";
            }
            // line 948
            echo "
        ";
            // line 949
            if (((twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 949) == "text") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "text", [], "any", false, false, false, 949), "arrow", [], "any", false, false, false, 949), "arrow", [], "any", false, false, false, 949))) {
                // line 950
                echo "            ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonLinkIconHtml", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "text", [], "any", false, false, false, 950), "arrow", [], "any", false, false, false, 950)], 950, $context, $this->getSourceContext());
                echo "
        ";
            }
            // line 952
            echo "
    ";
            // line 953
            if ((($context["link"] ?? null) == false)) {
                // line 954
                echo "        </button>
    ";
            } else {
                // line 956
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkEnd", [], 956, $context, $this->getSourceContext());
                echo "
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 960
    public function macro_atomV1ButtonHtml($__buttonContentSection__ = null, $__className__ = null, $__designProps__ = null, $__contentEditablePath__ = null, $__buttonStyle__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "buttonContentSection" => $__buttonContentSection__,
            "className" => $__className__,
            "designProps" => $__designProps__,
            "contentEditablePath" => $__contentEditablePath__,
            "buttonStyle" => $__buttonStyle__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 961
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonHtmlManual", [twig_get_attribute($this->env, $this->source, ($context["buttonContentSection"] ?? null), "text", [], "any", false, false, false, 961), twig_get_attribute($this->env, $this->source, ($context["buttonContentSection"] ?? null), "link", [], "any", false, false, false, 961), ($context["className"] ?? null), ($context["designProps"] ?? null), ($context["buttonStyle"] ?? null), "", false, ($context["contentEditablePath"] ?? null)], 961, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 968
    public function macro_atomV1ButtonLinkIconCssHelper($__arrow__ = null, $__selector__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "arrow" => $__arrow__,
            "selector" => $__selector__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 969
            echo "
    ";
            // line 970
            echo ($context["selector"] ?? null);
            echo " .button-atom__icon-wrapper {
        --spaceBeforeArrow: ";
            // line 971
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "space_before", [], "any", false, true, false, 971), "style", [], "any", true, true, false, 971)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "space_before", [], "any", false, true, false, 971), "style", [], "any", false, false, false, 971), "4px")) : ("4px"));
            echo ";
        --hoverTranslate: ";
            // line 972
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "hover_transform", [], "any", false, true, false, 972), "style", [], "any", true, true, false, 972)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "hover_transform", [], "any", false, true, false, 972), "style", [], "any", false, false, false, 972), "3px")) : ("3px"));
            echo ";
        margin-left: var(--spaceBeforeArrow);
        font-size:  ";
            // line 974
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "arrow_size", [], "any", false, false, false, 974), "style", [], "any", false, false, false, 974);
            echo ";
        color: ";
            // line 975
            echo twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "color", [], "any", false, false, false, 975);
            echo ";
    }

    ";
            // line 978
            if ((twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 978) == "arrow-1")) {
                // line 979
                echo "
        ";
                // line 980
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon {
            position: relative;
            top: -1px;
            transition: transform 0.3s ease;
            vertical-align: middle;
            margin-left: -0.08em;
        }

        ";
                // line 988
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon {
            margin-left: 0.2em;
        }

        ";
                // line 992
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon_circle {
            transition: stroke-dashoffset 0.3s ease;
            stroke-dasharray: 95;
            stroke-dashoffset: 95;
        }

        ";
                // line 998
                echo ($context["selector"] ?? null);
                echo " svg {
            font-size: inherit;
            width: 1.25em;
            height: 1.25em;
            stroke-width: 0;
            stroke: currentColor;
            fill: currentColor;
        }

        ";
                // line 1007
                echo ($context["selector"] ?? null);
                echo " svg g {
            stroke: inherit;
        }

        ";
                // line 1011
                echo ($context["selector"] ?? null);
                echo ":hover .un-arrow-icon_circle {
            stroke-dashoffset: 0;
        }

        ";
                // line 1015
                echo ($context["selector"] ?? null);
                echo ":hover .un-arrow-icon {
            transform: translate3d(var(--hoverTranslate), 0, 0);
        }

    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1019
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1019) == "arrow-2")) {
                // line 1020
                echo "
        ";
                // line 1021
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon {
            position: relative;
            top: 0.06em;
            width: 0.7em;
            height: 0.7em;
            stroke-width: 2px;
            stroke: currentColor;
            fill: none;
            font-size: inherit;
            margin-left: 0.2em;
        }

        ";
                // line 1033
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon_arrow {
            transition: transform 0.3s ease;
        }

        ";
                // line 1037
                echo ($context["selector"] ?? null);
                echo ":hover .un-arrow-icon_arrow {
            transform: translateX(var(--hoverTranslate));
        }


    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1042
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1042) == "arrow-3")) {
                // line 1043
                echo "
        ";
                // line 1044
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon {
            position: relative;
            top: 0.06em;
            width: 0.7em;
            height: 0.7em;
            stroke-width: 2px;
            stroke: currentColor;
            fill: none;
            font-size: inherit;

        }

        ";
                // line 1056
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon_arrow {
            transition: transform 0.3s ease;
        }

        ";
                // line 1060
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon_line {
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        ";
                // line 1065
                echo ($context["selector"] ?? null);
                echo ":hover .un-arrow-icon_line {
            opacity: 1;
        }

        ";
                // line 1069
                echo ($context["selector"] ?? null);
                echo ":hover .un-arrow-icon_arrow {
            transform: translateX(3px);
        }

    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1073
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1073) == "custom")) {
                // line 1074
                echo "
        ";
                // line 1075
                echo ($context["selector"] ?? null);
                echo " svg {
            transition: transform 0.3s ease;
            position: relative;
            font-size: inherit;
            margin-left: 0.2em;
        }

        ";
                // line 1082
                echo ($context["selector"] ?? null);
                echo ":hover svg {
            transform: translate3d(var(--hoverTranslate), 0, 0);
        }

    ";
            }
            // line 1087
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1091
    public function macro_atomV1ButtonLinkIconHtml($__arrow__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "arrow" => $__arrow__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1092
            echo "
    <span class=\"button-atom__icon-wrapper\">

        ";
            // line 1095
            if ((twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1095) == "arrow-1")) {
                // line 1096
                echo "
            <svg class=\"un-arrow-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\">
                <g fill=\"none\" stroke-width=\"1.9\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\">
                    <circle class=\"un-arrow-icon_circle\" cx=\"16\" cy=\"16\" r=\"15.12\"></circle>
                    <path class=\"un-arrow-icon_arrow\" d=\"M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98\"></path>
                </g>
            </svg>

        ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1104
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1104) == "arrow-2")) {
                // line 1105
                echo "
            <svg class=\"un-arrow-icon\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">
                <g fill-rule=\"evenodd\">
                    <path class=\"un-arrow-icon_arrow\" d=\"M1 1l4 4-4 4\"></path>
                </g>
            </svg>

        ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1112
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1112) == "arrow-3")) {
                // line 1113
                echo "
            <svg class=\"un-arrow-icon\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">
                <g fill-rule=\"evenodd\">
                    <path class=\"un-arrow-icon_line\" d=\"M0 5h7\"></path>
                    <path class=\"un-arrow-icon_arrow\" d=\"M1 1l4 4-4 4\"></path>
                </g>
            </svg>

        ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1121
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1121) == "custom")) {
                // line 1122
                echo "
            ";
                // line 1123
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "custom_arrow", [], "any", false, false, false, 1123), "svgCode", [], "any", false, false, false, 1123);
                echo "

        ";
            }
            // line 1126
            echo "
    </span>

";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1135
    public function macro_atomV1IconCss($__iconDesign__ = null, $__className__ = null, $__selectorPrefix__ = null, $__hoverStylesOnContainerHover__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "iconDesign" => $__iconDesign__,
            "className" => $__className__,
            "selectorPrefix" => $__selectorPrefix__,
            "hoverStylesOnContainerHover" => $__hoverStylesOnContainerHover__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1136
            echo "
    ";
            // line 1137
            $context["selector"] = (((($context["selectorPrefix"] ?? null) . " .") . ($context["className"] ?? null)) . ".breakdance-icon-atom");
            // line 1138
            echo "
    ";
            // line 1139
            if (($context["hoverStylesOnContainerHover"] ?? null)) {
                // line 1140
                echo "        ";
                $context["hoverSelector"] = ((((($context["selectorPrefix"] ?? null) . ":hover") . " .") . ($context["className"] ?? null)) . ".breakdance-icon-atom");
                // line 1141
                echo "    ";
            }
            // line 1142
            echo "
    ";
            // line 1143
            echo ($context["selector"] ?? null);
            echo " {
        font-size: ";
            // line 1144
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "size", [], "any", false, false, false, 1144), "style", [], "any", false, false, false, 1144);
            echo ";

        ";
            // line 1146
            if (((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1146) == "solid") || (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1146) == "outline"))) {
                // line 1147
                echo "
\t        padding: ";
                // line 1148
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "padding", [], "any", false, false, false, 1148), "style", [], "any", false, false, false, 1148);
                echo ";

\t\t\t";
                // line 1150
                if ( !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "padding", [], "any", false, false, false, 1150), "style", [], "any", false, false, false, 1150)) {
                    // line 1151
                    echo "                padding: 1em;
            ";
                }
                // line 1153
                echo "
            ";
                // line 1154
                if ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "corners", [], "any", false, false, false, 1154) == "round")) {
                    // line 1155
                    echo "                border-radius: 999px;
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1156
($context["iconDesign"] ?? null), "corners", [], "any", false, false, false, 1156) == "custom")) {
                    // line 1157
                    echo "                border-radius: ";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "radius", [], "any", false, true, false, 1157), "style", [], "any", true, true, false, 1157)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "radius", [], "any", false, true, false, 1157), "style", [], "any", false, false, false, 1157), "4px")) : ("4px"));
                    echo ";
            ";
                }
                // line 1159
                echo "
                ";
                // line 1160
                echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background", [], "any", false, false, false, 1160)], 1160, $context, $this->getSourceContext());
                echo ";

            ";
                // line 1162
                if (( !twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background", [], "any", false, false, false, 1162) && (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1162) == "solid"))) {
                    // line 1163
                    echo "                background: black;
            ";
                }
                // line 1165
                echo "
            ";
                // line 1166
                if (( !twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background", [], "any", false, false, false, 1166) && (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1166) == "outline"))) {
                    // line 1167
                    echo "            background: white;
            ";
                }
                // line 1169
                echo "
            ";
                // line 1170
                if ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1170) == "outline")) {
                    // line 1171
                    echo "            border:";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "outline_width", [], "any", false, true, false, 1171), "style", [], "any", true, true, false, 1171)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "outline_width", [], "any", false, true, false, 1171), "style", [], "any", false, false, false, 1171), "4px")) : ("4px"));
                    echo " solid ";
                    echo ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "border", [], "any", true, true, false, 1171)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "border", [], "any", false, false, false, 1171), "var(--bde-brand-primary-color)")) : ("var(--bde-brand-primary-color)"));
                    echo ";
            ";
                }
                // line 1173
                echo "
        ";
            }
            // line 1175
            echo "    }

    ";
            // line 1177
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "nudge", [], "any", false, false, false, 1177), "x", [], "any", false, false, false, 1177), "style", [], "any", false, false, false, 1177) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "nudge", [], "any", false, false, false, 1177), "y", [], "any", false, false, false, 1177), "style", [], "any", false, false, false, 1177))) {
                // line 1178
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " svg {
            transform: translate(";
                // line 1179
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "nudge", [], "any", false, true, false, 1179), "x", [], "any", false, true, false, 1179), "style", [], "any", true, true, false, 1179)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "nudge", [], "any", false, true, false, 1179), "x", [], "any", false, true, false, 1179), "style", [], "any", false, false, false, 1179), "0px")) : ("0px"));
                echo ", ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "nudge", [], "any", false, true, false, 1179), "y", [], "any", false, true, false, 1179), "style", [], "any", true, true, false, 1179)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "nudge", [], "any", false, true, false, 1179), "y", [], "any", false, true, false, 1179), "style", [], "any", false, false, false, 1179), "0px")) : ("0px"));
                echo ");
        }
    ";
            }
            // line 1182
            echo "
    ";
            // line 1183
            if (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1183)) {
                // line 1184
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " svg:first-child {
            fill:";
                // line 1185
                echo twig_call_macro($macros["_self"], "macro_svgColor", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1185), "grad-%%ID%%"], 1185, $context, $this->getSourceContext());
                echo ";
        }
    ";
            }
            // line 1188
            echo "
    ";
            // line 1189
            if (($context["hoverSelector"] ?? null)) {
                // line 1190
                echo "        ";
                echo ($context["hoverSelector"] ?? null);
                echo "  {
            ";
                // line 1191
                echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background_hover", [], "any", false, false, false, 1191)], 1191, $context, $this->getSourceContext());
                echo ";

            ";
                // line 1193
                if ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1193) == "outline")) {
                    // line 1194
                    echo "                border-color: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "icon", [], "any", false, false, false, 1194), "border_hover", [], "any", false, false, false, 1194);
                    echo ";
            ";
                }
                // line 1196
                echo "        }

        ";
                // line 1198
                if (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color_hover", [], "any", false, false, false, 1198)) {
                    // line 1199
                    echo "            ";
                    echo ($context["hoverSelector"] ?? null);
                    echo " svg:first-child {
                fill:";
                    // line 1200
                    echo twig_call_macro($macros["_self"], "macro_svgColor", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color_hover", [], "any", false, false, false, 1200), "grad-hover-%%ID%%"], 1200, $context, $this->getSourceContext());
                    echo ";
            }
        ";
                }
                // line 1203
                echo "    ";
            }
            // line 1204
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1210
    public function macro_atomV1IconHtml($__className__ = null, $__icon__ = null, $__rotate__ = null, $__link__ = null, $__iconDesign__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "className" => $__className__,
            "icon" => $__icon__,
            "rotate" => $__rotate__,
            "link" => $__link__,
            "iconDesign" => $__iconDesign__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1211
            echo "
    ";
            // line 1212
            if (($context["rotate"] ?? null)) {
                // line 1213
                echo "        ";
                $context["transformVar"] = (("style=\"--eeiTransform: rotate(" . ($context["rotate"] ?? null)) . "deg);\"");
                // line 1214
                echo "    ";
            }
            // line 1215
            echo "
    ";
            // line 1216
            if (($context["link"] ?? null)) {
                // line 1217
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkStart", [($context["link"] ?? null), (($context["className"] ?? null) . " breakdance-icon-atom"), ($context["transformVar"] ?? null)], 1217, $context, $this->getSourceContext());
                echo "
    ";
            } else {
                // line 1219
                echo "        <div class=\"";
                echo ($context["className"] ?? null);
                echo " breakdance-icon-atom\" ";
                echo ($context["transformVar"] ?? null);
                echo ">
    ";
            }
            // line 1221
            echo "
        ";
            // line 1222
            if (twig_get_attribute($this->env, $this->source, ($context["icon"] ?? null), "svgCode", [], "any", false, false, false, 1222)) {
                // line 1223
                echo "            ";
                echo twig_get_attribute($this->env, $this->source, ($context["icon"] ?? null), "svgCode", [], "any", false, false, false, 1223);
                echo "
        ";
            } else {
                // line 1225
                echo "            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d=\"M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z\"></path></svg>
        ";
            }
            // line 1227
            echo "
        ";
            // line 1228
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1228), "svgValue", [], "any", false, false, false, 1228)) {
                // line 1229
                echo "            <svg width=\"0\" height=\"0\" class='breakdance-icon-atom-svg-gradient'>
                <defs>
                    ";
                // line 1231
                echo twig_call_macro($macros["_self"], "macro_svgGradient", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1231), "grad-%%ID%%"], 1231, $context, $this->getSourceContext());
                echo "
                </defs>
            </svg>
        ";
            }
            // line 1235
            echo "
        ";
            // line 1236
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color_hover", [], "any", false, false, false, 1236), "svgValue", [], "any", false, false, false, 1236)) {
                // line 1237
                echo "            <svg width=\"0\" height=\"0\" class='breakdance-icon-atom-svg-gradient'>
                <defs>
                    ";
                // line 1239
                echo twig_call_macro($macros["_self"], "macro_svgGradient", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color_hover", [], "any", false, false, false, 1239), "grad-hover-%%ID%%"], 1239, $context, $this->getSourceContext());
                echo "
                </defs>
            </svg>
        ";
            }
            // line 1243
            echo "
    ";
            // line 1244
            if (($context["link"] ?? null)) {
                // line 1245
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkEnd", [($context["link"] ?? null)], 1245, $context, $this->getSourceContext());
                echo "
    ";
            } else {
                // line 1247
                echo "        </div>
    ";
            }
            // line 1249
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1253
    public function macro_atomV1LightboxCss($__design__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "design" => $__design__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1254
            echo "  ";
            $context["className"] = ".breakdance-gallery-%%ID%%";
            // line 1255
            echo "
  ";
            // line 1257
            echo "  ";
            echo ($context["className"] ?? null);
            echo " .lg-next,
  ";
            // line 1258
            echo ($context["className"] ?? null);
            echo " .lg-prev,
  ";
            // line 1259
            echo ($context["className"] ?? null);
            echo " .lg-toolbar,
  ";
            // line 1260
            echo ($context["className"] ?? null);
            echo " .lg-icon,
  ";
            // line 1261
            echo ($context["className"] ?? null);
            echo " .lg-counter,
  ";
            // line 1262
            echo ($context["className"] ?? null);
            echo " .lg-sub-html {
    ";
            // line 1263
            echo twig_call_macro($macros["_self"], "macro_textColor", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "controls", [], "any", false, false, false, 1263)], 1263, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 1266
            echo ($context["className"] ?? null);
            echo " .lg-icon:hover {
    ";
            // line 1267
            echo twig_call_macro($macros["_self"], "macro_textColor", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "controls_hover", [], "any", false, false, false, 1267)], 1267, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 1271
            echo "  ";
            echo ($context["className"] ?? null);
            echo " .lg-outer .lg-thumb-item,
  ";
            // line 1272
            echo ($context["className"] ?? null);
            echo " .lg-outer .lg-thumb-item {
    border-color: ";
            // line 1273
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnail", [], "any", false, false, false, 1273);
            echo ";
    background-color: ";
            // line 1274
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnail", [], "any", false, false, false, 1274);
            echo ";
  }

  ";
            // line 1277
            echo ($context["className"] ?? null);
            echo " .lg-outer .lg-thumb-item.active,
  ";
            // line 1278
            echo ($context["className"] ?? null);
            echo " .lg-outer .lg-thumb-item:hover {
    border-color: ";
            // line 1279
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnail_active", [], "any", false, false, false, 1279);
            echo ";
    background-color: ";
            // line 1280
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnail_active", [], "any", false, false, false, 1280);
            echo ";
  }

  ";
            // line 1284
            echo "  ";
            echo ($context["className"] ?? null);
            echo " .lg-backdrop {
    ";
            // line 1285
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "background", [], "any", false, false, false, 1285)], 1285, $context, $this->getSourceContext());
            echo "
  }
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1289
    public function macro_lightboxVideoAttrs($__url__ = null, $__mime__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "url" => $__url__,
            "mime" => $__mime__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1290
            echo "  data-lg-size=\"1280-720\" data-video='{\"source\": [{\"src\":\"";
            echo ($context["url"] ?? null);
            echo "\", \"type\":\"";
            echo ($context["mime"] ?? null);
            echo "\"}], \"attributes\": {\"preload\": false, \"controls\": true}}'
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1293
    public function macro_lightboxImageAttrs($__img__ = null, $__size__ = "full", ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "img" => $__img__,
            "size" => $__size__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1294
            echo "  ";
            $context["lImg"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, true, false, 1294), ($context["size"] ?? null), [], "array", true, true, false, 1294)) ? (_twig_default_filter((($__internal_compile_1 = twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, true, false, 1294)) && is_array($__internal_compile_1) || $__internal_compile_1 instanceof ArrayAccess ? ($__internal_compile_1[($context["size"] ?? null)] ?? null) : null), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, false, false, 1294), "full", [], "any", false, false, false, 1294))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, false, false, 1294), "full", [], "any", false, false, false, 1294)));
            echo " ";
            // line 1295
            echo "  data-lg-size=\"";
            echo twig_get_attribute($this->env, $this->source, ($context["lImg"] ?? null), "width", [], "any", false, false, false, 1295);
            echo "-";
            echo twig_get_attribute($this->env, $this->source, ($context["lImg"] ?? null), "height", [], "any", false, false, false, 1295);
            echo "\"
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1299
    public function macro_lightboxAttrs($__item__ = null, $__size__ = "full", ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "item" => $__item__,
            "size" => $__size__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1300
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "type", [], "any", false, false, false, 1300) == "image")) {
                // line 1301
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "image", [], "any", false, false, false, 1301), "type", [], "any", false, false, false, 1301) == "video")) {
                    // line 1302
                    echo "      ";
                    echo twig_call_macro($macros["_self"], "macro_lightboxVideoAttrs", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "image", [], "any", false, false, false, 1302), "url", [], "any", false, false, false, 1302), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "video", [], "any", false, false, false, 1302), "mime", [], "any", false, false, false, 1302)], 1302, $context, $this->getSourceContext());
                    echo "
    ";
                } else {
                    // line 1304
                    echo "      ";
                    echo twig_call_macro($macros["_self"], "macro_lightboxImageAttrs", [twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "image", [], "any", false, false, false, 1304)], 1304, $context, $this->getSourceContext());
                    echo "
    ";
                }
                // line 1306
                echo "  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "video", [], "any", false, false, false, 1306), "type", [], "any", false, false, false, 1306) == "video")) {
                // line 1307
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_lightboxVideoAttrs", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "video", [], "any", false, false, false, 1307), "url", [], "any", false, false, false, 1307), "video/mp4"], 1307, $context, $this->getSourceContext());
                echo "
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1312
    public function macro_AtomV1SwiperCss($__sliderSettings__ = null, $__selector__ = null, $__globalSettings__ = null, $__isBaseBreakpoint__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "sliderSettings" => $__sliderSettings__,
            "selector" => $__selector__,
            "globalSettings" => $__globalSettings__,
            "isBaseBreakpoint" => $__isBaseBreakpoint__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1313
            echo "    ";
            $context["arrowSettings"] = twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "arrows", [], "any", false, false, false, 1313);
            // line 1314
            echo "    ";
            $context["paginationSettings"] = twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "pagination", [], "any", false, false, false, 1314);
            // line 1315
            echo "    ";
            $context["areArrowsOutside"] = ((twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "overlay", [], "any", false, false, false, 1315) != true) && (twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "disable", [], "any", false, false, false, 1315) != true));
            // line 1316
            echo "
    ";
            // line 1317
            $context["anyArrowSpacingIsSet"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1318
($context["arrowSettings"] ?? null), "space_to_edge", [], "any", false, false, false, 1318), "style", [], "any", false, false, false, 1318) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1319
($context["arrowSettings"] ?? null), "space_to_slides", [], "any", false, false, false, 1319), "style", [], "any", false, false, false, 1319)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1320
($context["arrowSettings"] ?? null), "size", [], "any", false, false, false, 1320), "style", [], "any", false, false, false, 1320));
            // line 1321
            echo "    ";
            // line 1322
            echo "    ";
            $context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] = (((((("calc(" . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1323
($context["arrowSettings"] ?? null), "space_to_edge", [], "any", false, true, false, 1323), "style", [], "any", true, true, false, 1323)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "space_to_edge", [], "any", false, true, false, 1323), "style", [], "any", false, false, false, 1323), "12px")) : ("12px"))) . " + ") . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1324
($context["arrowSettings"] ?? null), "space_to_slides", [], "any", false, true, false, 1324), "style", [], "any", true, true, false, 1324)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "space_to_slides", [], "any", false, true, false, 1324), "style", [], "any", false, false, false, 1324), "12px")) : ("12px"))) . " + ") . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1325
($context["arrowSettings"] ?? null), "size", [], "any", false, true, false, 1325), "style", [], "any", true, true, false, 1325)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "size", [], "any", false, true, false, 1325), "style", [], "any", false, false, false, 1325), "20px")) : ("20px"))) . ")");
            // line 1327
            echo "    ";
            $context["progressbarHeight"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, true, false, 1327), "height", [], "any", false, true, false, 1327), "style", [], "any", true, true, false, 1327)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, true, false, 1327), "height", [], "any", false, true, false, 1327), "style", [], "any", false, false, false, 1327), "4px")) : ("4px"));
            // line 1328
            echo "
    ";
            // line 1330
            echo "    ";
            $context["paginationMargin"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "margin", [], "any", false, false, false, 1330), "style", [], "any", false, false, false, 1330);
            // line 1331
            echo "

    ";
            // line 1333
            if ((($context["isBuilder"] ?? null) == true)) {
                // line 1334
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper .swiper-slide{
            pointer-events: all;
        }
    ";
            }
            // line 1338
            echo "
    ";
            // line 1340
            echo "    ";
            // line 1345
            echo "
    ";
            // line 1346
            echo ($context["selector"] ?? null);
            echo " .breakdance-swiper-wrapper{
        --swiper-navigation-size: ";
            // line 1347
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "size", [], "any", false, false, false, 1347), "style", [], "any", false, false, false, 1347);
            echo ";
    }

    ";
            // line 1350
            echo ($context["selector"] ?? null);
            echo " .swiper-button-prev,
    ";
            // line 1351
            echo ($context["selector"] ?? null);
            echo " .swiper-button-next{
        color: ";
            // line 1352
            echo twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "color", [], "any", false, false, false, 1352);
            echo ";
    }

    ";
            // line 1355
            echo ($context["selector"] ?? null);
            echo " .swiper-button-prev {
        left: ";
            // line 1356
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "space_to_edge", [], "any", false, false, false, 1356), "style", [], "any", false, false, false, 1356);
            echo ";
    }

    ";
            // line 1359
            echo ($context["selector"] ?? null);
            echo " .swiper-button-next{
        right: ";
            // line 1360
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "space_to_edge", [], "any", false, false, false, 1360), "style", [], "any", false, false, false, 1360);
            echo ";
    }

    ";
            // line 1363
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "custom_icons", [], "any", false, false, false, 1363), "previous", [], "any", false, false, false, 1363), "svgCode", [], "any", false, false, false, 1363)) {
                // line 1364
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-button-prev:after {
            content: '';
        }
    ";
            }
            // line 1368
            echo "
    ";
            // line 1369
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "custom_icons", [], "any", false, false, false, 1369), "next", [], "any", false, false, false, 1369), "svgCode", [], "any", false, false, false, 1369)) {
                // line 1370
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-button-next:after {
            content: '';
        }
    ";
            }
            // line 1374
            echo "
    ";
            // line 1375
            if ((($context["areArrowsOutside"] ?? null) && ($context["anyArrowSpacingIsSet"] ?? null))) {
                // line 1376
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-swiper-wrapper{
            padding: 0 ";
                // line 1377
                echo ($context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] ?? null);
                echo ";
        }
    ";
            } elseif (((            // line 1379
($context["areArrowsOutside"] ?? null) == false) || (twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "disable", [], "any", false, false, false, 1379) == true))) {
                // line 1380
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-swiper-wrapper{
            padding: 0;
        }
    ";
            }
            // line 1384
            echo "
    ";
            // line 1386
            echo "    ";
            echo ($context["selector"] ?? null);
            echo " .swiper-pagination,
    ";
            // line 1387
            echo ($context["selector"] ?? null);
            echo " .swiper-pagination-bullet{
        color: ";
            // line 1388
            echo twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "color", [], "any", false, false, false, 1388);
            echo ";
        --swiper-pagination-color: ";
            // line 1389
            echo twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "color", [], "any", false, false, false, 1389);
            echo ";
        --swiper-theme-color: ";
            // line 1390
            echo twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "color", [], "any", false, false, false, 1390);
            echo ";
    }

    ";
            // line 1393
            if (twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "overlay", [], "any", false, false, false, 1393)) {
                // line 1394
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-pagination {
        position: absolute;

        ";
                // line 1397
                if (((twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1397) == "progressbar") && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1397), "position", [], "any", false, false, false, 1397) == "top"))) {
                    // line 1398
                    echo "            margin-top: ";
                    echo ((array_key_exists("paginationMargin", $context)) ? (_twig_default_filter(($context["paginationMargin"] ?? null), "0px")) : ("0px"));
                    echo ";
        ";
                } else {
                    // line 1400
                    echo "            margin-bottom: ";
                    echo ($context["paginationMargin"] ?? null);
                    echo ";
        ";
                }
                // line 1402
                echo "        }
    ";
            } else {
                // line 1404
                echo "        ";
                if ((twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1404) == "progressbar")) {
                    // line 1405
                    echo "            ";
                    echo ($context["selector"] ?? null);
                    echo " .swiper-pagination {
            position: absolute;
            margin: 0;
            }

            ";
                    // line 1410
                    echo ($context["selector"] ?? null);
                    echo " .breakdance-swiper-wrapper {
            ";
                    // line 1411
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1411), "position", [], "any", false, false, false, 1411) == "top")) {
                        // line 1412
                        echo "                padding-top: calc(";
                        echo ($context["progressbarHeight"] ?? null);
                        echo " + ";
                        echo ((array_key_exists("paginationMargin", $context)) ? (_twig_default_filter(($context["paginationMargin"] ?? null), "0px")) : ("0px"));
                        echo ");
            ";
                    } else {
                        // line 1414
                        echo "                padding-bottom: calc(";
                        echo ($context["progressbarHeight"] ?? null);
                        echo " + ";
                        echo ((array_key_exists("paginationMargin", $context)) ? (_twig_default_filter(($context["paginationMargin"] ?? null), "0px")) : ("0px"));
                        echo ");
            ";
                    }
                    // line 1416
                    echo "            }
        ";
                } else {
                    // line 1418
                    echo "            ";
                    echo ($context["selector"] ?? null);
                    echo " .swiper-pagination {
            margin-top: ";
                    // line 1419
                    echo ($context["paginationMargin"] ?? null);
                    echo ";
            }
        ";
                }
                // line 1422
                echo "    ";
            }
            // line 1423
            echo "

    ";
            // line 1425
            if (((twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1425) == "bullets") || (twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1425) == null))) {
                // line 1426
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-pagination-bullet{
            width: ";
                // line 1427
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "bullets", [], "any", false, false, false, 1427), "size", [], "any", false, false, false, 1427), "style", [], "any", false, false, false, 1427);
                echo ";
            height: ";
                // line 1428
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "bullets", [], "any", false, false, false, 1428), "size", [], "any", false, false, false, 1428), "style", [], "any", false, false, false, 1428);
                echo ";
            background-color: ";
                // line 1429
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "bullets", [], "any", false, false, false, 1429), "color", [], "any", false, false, false, 1429);
                echo ";
            border-radius: ";
                // line 1430
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "bullets", [], "any", false, false, false, 1430), "radius", [], "any", false, false, false, 1430), "style", [], "any", false, false, false, 1430);
                echo ";

            ";
                // line 1432
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "bullets", [], "any", false, false, false, 1432), "space_between", [], "any", false, false, false, 1432), "number", [], "any", false, false, false, 1432)) {
                    // line 1433
                    echo "                margin: 0 ";
                    echo (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "bullets", [], "any", false, false, false, 1433), "space_between", [], "any", false, false, false, 1433), "number", [], "any", false, false, false, 1433) / 2);
                    echo "px !important;
            ";
                }
                // line 1435
                echo "        }
    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1436
($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1436) == "fraction")) {
                // line 1437
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-pagination-fraction{
            ";
                // line 1438
                echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "fraction", [], "any", false, false, false, 1438), ($context["globalSettings"] ?? null)], 1438, $context, $this->getSourceContext());
                echo "
        }
    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1440
($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1440) == "progressbar")) {
                // line 1441
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-pagination-progressbar{
            background: ";
                // line 1442
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1442), "background", [], "any", false, false, false, 1442);
                echo ";

            ";
                // line 1444
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1444), "progress", [], "any", false, false, false, 1444) != null)) {
                    // line 1445
                    echo "                --swiper-pagination-color: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1445), "progress", [], "any", false, false, false, 1445);
                    echo ";
            ";
                }
                // line 1447
                echo "
            ";
                // line 1448
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1448), "position", [], "any", false, false, false, 1448) == "top")) {
                    // line 1449
                    echo "                top: 0;
                bottom: initial;
            ";
                } else {
                    // line 1452
                    echo "                top: initial;
                bottom: 0;
            ";
                }
                // line 1455
                echo "
            height: ";
                // line 1456
                echo ($context["progressbarHeight"] ?? null);
                echo ";

            ";
                // line 1459
                echo "            ";
                if ((($context["areArrowsOutside"] ?? null) && ($context["anyArrowSpacingIsSet"] ?? null))) {
                    // line 1460
                    echo "                width: calc(100% - ";
                    echo ($context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] ?? null);
                    echo " * 2);
                left: ";
                    // line 1461
                    echo ($context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] ?? null);
                    echo ";
            ";
                } elseif (((twig_get_attribute($this->env, $this->source,                 // line 1462
($context["arrowSettings"] ?? null), "disable", [], "any", false, false, false, 1462) == true) || (($context["areArrowsOutside"] ?? null) == false))) {
                    // line 1463
                    echo "                width: 100%;
                left: 0;
            ";
                }
                // line 1466
                echo "        }
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1473
    public function macro_AtomV1SwiperPaginationAndArrowsHtml($__sliderSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "sliderSettings" => $__sliderSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1474
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "arrows", [], "any", false, false, false, 1474), "disable", [], "any", false, false, false, 1474) != true)) {
                // line 1475
                echo "        <div class=\"swiper-button-prev\">
            ";
                // line 1476
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "arrows", [], "any", false, false, false, 1476), "custom_icons", [], "any", false, false, false, 1476), "previous", [], "any", false, false, false, 1476), "svgCode", [], "any", false, false, false, 1476);
                echo "
        </div>
        <div class=\"swiper-button-next\">
            ";
                // line 1479
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "arrows", [], "any", false, false, false, 1479), "custom_icons", [], "any", false, false, false, 1479), "next", [], "any", false, false, false, 1479), "svgCode", [], "any", false, false, false, 1479);
                echo "
        </div>
    ";
            }
            // line 1482
            echo "
    ";
            // line 1483
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "pagination", [], "any", false, false, false, 1483), "type", [], "any", false, false, false, 1483) != "none")) {
                // line 1484
                echo "        <div class=\"swiper-pagination\"></div>
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1491
    public function macro_atomV1TabsCss($__selector__ = null, $__styles__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "styles" => $__styles__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1492
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist {
    --transitionTime: ";
            // line 1493
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "transition_effect", [], "any", false, false, false, 1493), "style", [], "any", false, false, false, 1493);
            echo ";
    justify-content: ";
            // line 1494
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1494);
            echo ";
    gap: ";
            // line 1495
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "space_between", [], "any", false, false, false, 1495), "style", [], "any", false, false, false, 1495);
            echo ";
  }

  ";
            // line 1498
            echo ($context["selector"] ?? null);
            echo " {
    --bde-tabs-space-after: ";
            // line 1499
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "space_after", [], "any", false, false, false, 1499), "style", [], "any", false, false, false, 1499);
            echo ";
  }

  ";
            // line 1502
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1502) == "inherit")) {
                // line 1503
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tab {
      width: 100%;
      justify-content: center;
      flex-shrink: unset;
    }

    ";
                // line 1509
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist {
      gap: 0;
    }
  ";
            }
            // line 1513
            echo "
  ";
            // line 1514
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab-icon {
    ";
            // line 1515
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 1515), "tab", [], "any", false, false, false, 1515), ($context["globalSettings"] ?? null)], 1515, $context, $this->getSourceContext());
            echo "
    font-size: ";
            // line 1516
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1516), "size", [], "any", false, false, false, 1516), "style", [], "any", false, false, false, 1516);
            echo ";
    ";
            // line 1517
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1517), "nudge", [], "any", false, false, false, 1517), "nudge_x", [], "any", false, false, false, 1517) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1517), "nudge", [], "any", false, false, false, 1517), "nudge_y", [], "any", false, false, false, 1517))) {
                // line 1518
                echo "      transform: translate(";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1518), "nudge", [], "any", false, false, false, 1518), "nudge_x", [], "any", false, false, false, 1518), "style", [], "any", false, false, false, 1518);
                echo ",";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1518), "nudge", [], "any", false, false, false, 1518), "nudge_y", [], "any", false, false, false, 1518), "style", [], "any", false, false, false, 1518);
                echo ");
    ";
            }
            // line 1520
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1520), "nudge", [], "any", false, false, false, 1520), "nudge_x", [], "any", false, false, false, 1520) && twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1520), "nudge", [], "any", false, false, false, 1520), "nudge_y", [], "any", false, false, false, 1520)))) {
                // line 1521
                echo "      transform: translateX(";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1521), "nudge", [], "any", false, false, false, 1521), "nudge_x", [], "any", false, false, false, 1521), "style", [], "any", false, false, false, 1521);
                echo ");
    ";
            }
            // line 1523
            echo "     ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1523), "nudge", [], "any", false, false, false, 1523), "nudge_y", [], "any", false, false, false, 1523) && twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1523), "nudge", [], "any", false, false, false, 1523), "nudge_x", [], "any", false, false, false, 1523)))) {
                // line 1524
                echo "      transform: translateY(";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1524), "nudge", [], "any", false, false, false, 1524), "nudge_y", [], "any", false, false, false, 1524), "style", [], "any", false, false, false, 1524);
                echo ");
    ";
            }
            // line 1526
            echo "    margin-right: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 1526), "after_icon", [], "any", false, false, false, 1526), "style", [], "any", false, false, false, 1526);
            echo ";
  }

  ";
            // line 1529
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab-title {
     ";
            // line 1530
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1530), "typography", [], "any", false, false, false, 1530), ($context["globalSettings"] ?? null)], 1530, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 1533
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab {
    padding-left: ";
            // line 1534
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 1534), "horizontal", [], "any", false, false, false, 1534), "style", [], "any", false, false, false, 1534);
            echo ";
    padding-right:  ";
            // line 1535
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 1535), "horizontal", [], "any", false, false, false, 1535), "style", [], "any", false, false, false, 1535);
            echo ";
    padding-top: ";
            // line 1536
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 1536), "vertical", [], "any", false, false, false, 1536), "style", [], "any", false, false, false, 1536);
            echo ";
    padding-bottom: ";
            // line 1537
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 1537), "vertical", [], "any", false, false, false, 1537), "style", [], "any", false, false, false, 1537);
            echo ";
  }

  ";
            // line 1540
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab:not(.is-active) .bde-tabs__tab-title,
  ";
            // line 1541
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab:not(.is-active) .bde-tabs__tab-icon > svg {
    color: var(--inactiveColor);
  }

  ";
            // line 1545
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab.is-active .bde-tabs__tab-title,
  ";
            // line 1546
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab.is-active:hover .bde-tabs__tab-title,
  ";
            // line 1547
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab.is-active .bde-tabs__tab-icon > svg,
  ";
            // line 1548
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab.is-active:hover .bde-tabs__tab-icon > svg{
    color: var(--activeColor);
  }

  ";
            // line 1552
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab:hover .bde-tabs__tab-title,
  ";
            // line 1553
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab:hover .bde-tabs__tab-icon > svg {
    color: var(--hoverColor);
  }

  ";
            // line 1557
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab:not(.is-active) {
    background-color: var(--inactiveBgColor);
  }

  ";
            // line 1561
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab.is-active,
  ";
            // line 1562
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab.is-active:hover{
    background-color: var(--activeBgColor);
  }

  ";
            // line 1566
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab:hover{
    background-color: var(--hoverBgColor);
  }

  ";
            // line 1571
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs,
  ";
            // line 1572
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--default {
    --activeColor: ";
            // line 1573
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1573), "active", [], "any", false, false, false, 1573);
            echo ";
    --hoverColor: ";
            // line 1574
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1574), "hover", [], "any", false, false, false, 1574);
            echo ";
    --inactiveColor: ";
            // line 1575
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1575), "typography", [], "any", false, false, false, 1575), "color", [], "any", false, false, false, 1575);
            echo ";

    --activeBgColor: ";
            // line 1577
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1577), "active", [], "any", false, false, false, 1577);
            echo ";
    --hoverBgColor: ";
            // line 1578
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1578), "hover", [], "any", false, false, false, 1578);
            echo ";
    --inactiveBgColor: ";
            // line 1579
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1579), "inactive", [], "any", false, false, false, 1579);
            echo ";

    --activeUnderlineColor: ";
            // line 1581
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, true, false, 1581), "active", [], "any", true, true, false, 1581)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, true, false, 1581), "active", [], "any", false, false, false, 1581), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1581), "active", [], "any", false, false, false, 1581))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1581), "active", [], "any", false, false, false, 1581)));
            echo ";
    --hoverUnderlineColor: ";
            // line 1582
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1582), "hover", [], "any", false, false, false, 1582);
            echo ";

    --separatorColor: ";
            // line 1584
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "separator", [], "any", false, false, false, 1584), "color", [], "any", false, false, false, 1584);
            echo ";
    --separatorWidth: ";
            // line 1585
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "separator", [], "any", false, false, false, 1585), "width", [], "any", false, false, false, 1585), "style", [], "any", false, false, false, 1585);
            echo ";

    --activeUnderlineSize: ";
            // line 1587
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1587), "width", [], "any", false, false, false, 1587), "style", [], "any", false, false, false, 1587);
            echo ";
    --activeUnderlineRadius: ";
            // line 1588
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1588), "radius", [], "any", false, false, false, 1588), "style", [], "any", false, false, false, 1588);
            echo ";


  }

  ";
            // line 1593
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs .bde-tabs__tab.is-active::after,
  ";
            // line 1594
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs .bde-tabs__tab.is-active:hover::after,
  ";
            // line 1595
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--default .bde-tabs__tab.is-active::after,
  ";
            // line 1596
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--default .bde-tabs__tab.is-active:hover::after,
  ";
            // line 1597
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar .bde-tabs__tab.is-active::after,
  ";
            // line 1598
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar .bde-tabs__tab.is-active:hover::after{
      background-color: var(--activeUnderlineColor, --activeColor);
  }

  ";
            // line 1602
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs .bde-tabs__tab:hover::after {
    background-color: var(--hoverUnderlineColor);
  }

  ";
            // line 1607
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--pills {
    --activeColor: ";
            // line 1608
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1608), "active", [], "any", false, false, false, 1608);
            echo ";
    --hoverColor: ";
            // line 1609
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1609), "hover", [], "any", false, false, false, 1609);
            echo ";
    --inactiveColor: ";
            // line 1610
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1610), "typography", [], "any", false, false, false, 1610), "color", [], "any", false, false, false, 1610);
            echo ";

    --activeBgColor: ";
            // line 1612
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1612), "active", [], "any", false, false, false, 1612);
            echo ";
    --hoverBgColor: ";
            // line 1613
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1613), "hover", [], "any", false, false, false, 1613);
            echo ";
    --inactiveBgColor: ";
            // line 1614
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1614), "inactive", [], "any", false, false, false, 1614);
            echo ";
  }

  ";
            // line 1617
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--pills .bde-tabs__tab {
    border-radius: ";
            // line 1618
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "pill_radius", [], "any", false, false, false, 1618), "style", [], "any", false, false, false, 1618);
            echo ";
  }

  ";
            // line 1621
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--pills {
    gap: ";
            // line 1622
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "space_between", [], "any", false, false, false, 1622), "style", [], "any", false, false, false, 1622);
            echo ";
  }

  ";
            // line 1626
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar {
    --activeColor: ";
            // line 1627
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1627), "active", [], "any", false, false, false, 1627);
            echo ";
    --hoverColor: ";
            // line 1628
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1628), "hover", [], "any", false, false, false, 1628);
            echo ";
    --inactiveColor: ";
            // line 1629
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1629), "typography", [], "any", false, false, false, 1629), "color", [], "any", false, false, false, 1629);
            echo ";

    --activeBgColor: ";
            // line 1631
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1631), "active", [], "any", false, false, false, 1631);
            echo ";
    --hoverBgColor: ";
            // line 1632
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1632), "hover", [], "any", false, false, false, 1632);
            echo ";
    --inactiveBgColor: ";
            // line 1633
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 1633), "inactive", [], "any", false, false, false, 1633);
            echo ";

    --activeUnderlineColor: ";
            // line 1635
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1635), "active", [], "any", false, false, false, 1635);
            echo ";
    --hoverUnderlineColor: ";
            // line 1636
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1636), "hover", [], "any", false, false, false, 1636);
            echo ";

    --separatorColor: ";
            // line 1638
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "bar", [], "any", false, false, false, 1638), "separator", [], "any", false, false, false, 1638);
            echo ";

    --activeUnderlineSize: ";
            // line 1640
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1640), "width", [], "any", false, false, false, 1640), "style", [], "any", false, false, false, 1640);
            echo ";
    --activeUnderlineRadius: ";
            // line 1641
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1641), "radius", [], "any", false, false, false, 1641), "style", [], "any", false, false, false, 1641);
            echo ";
  }

  ";
            // line 1644
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar {
    border-radius: ";
            // line 1645
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "bar", [], "any", false, false, false, 1645), "radius", [], "any", false, false, false, 1645), "style", [], "any", false, false, false, 1645);
            echo ";
    box-shadow: ";
            // line 1646
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "bar", [], "any", false, false, false, 1646), "shadow", [], "any", false, false, false, 1646), "style", [], "any", false, false, false, 1646);
            echo ";
    align-self: ";
            // line 1647
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1647);
            echo ";

    ";
            // line 1649
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1649) == "inherit")) {
                // line 1650
                echo "      width: 100%;
      justify-content: center;
    ";
            }
            // line 1653
            echo "  }

  ";
            // line 1655
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist-container {
    --bde-tabs-space-after: ";
            // line 1656
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "space_after", [], "any", false, false, false, 1656), "style", [], "any", false, false, false, 1656);
            echo ";
    justify-content: ";
            // line 1657
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1657);
            echo ";
  }

  ";
            // line 1661
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__select {
    background-color: ";
            // line 1662
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1662), "dropdown_styles", [], "any", false, false, false, 1662), "background", [], "any", false, false, false, 1662);
            echo ";
    ";
            // line 1663
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1663), "dropdown_styles", [], "any", false, false, false, 1663), "borders", [], "any", false, false, false, 1663)], 1663, $context, $this->getSourceContext());
            echo "
    ";
            // line 1664
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1664), "dropdown_styles", [], "any", false, false, false, 1664), "padding", [], "any", false, false, false, 1664)], 1664, $context, $this->getSourceContext());
            echo "
    ";
            // line 1665
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1665), "dropdown_styles", [], "any", false, false, false, 1665), "typography", [], "any", false, false, false, 1665), ($context["globalSettings"] ?? null)], 1665, $context, $this->getSourceContext());
            echo "
    margin-bottom: ";
            // line 1666
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "space_after", [], "any", false, false, false, 1666), "style", [], "any", false, false, false, 1666);
            echo ";
  }

  ";
            // line 1669
            if ((($context["breakpoint"] ?? null) == ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, true, false, 1669), "visible_at", [], "any", true, true, false, 1669)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, true, false, 1669), "visible_at", [], "any", false, false, false, 1669), "breakpoint_phone_landscape")) : ("breakpoint_phone_landscape")))) {
                // line 1670
                echo "
    ";
                // line 1671
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__select {
      display: block !important;
    }

    ";
                // line 1675
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist-container--dropdown {
      display: none !important;
    }
  ";
            }
            // line 1679
            echo "
  ";
            // line 1681
            echo "  ";
            if ((($context["breakpoint"] ?? null) == "breakpoint_phone_landscape")) {
                // line 1682
                echo "    .bde-tabs__tabslist-container--scrollable,
    .bde-tabs__tabslist-container--scrollable .bde-tabs__tabslist {
      justify-content: flex-start !important;
    }

    .bde-tabs__tabslist-container--scrollable {
      position: relative;
    }

    .bde-tabs__tabslist-container--scrollable .bde-tabs__tabslist {
      overflow: auto;
      position: relative;
    }
  ";
            }
            // line 1696
            echo "
  ";
            // line 1698
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1698), "show_affordance", [], "any", false, false, false, 1698)) {
                // line 1699
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist-container--scrollable::after {
      display: block;
      ";
                // line 1701
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1701), "affordance_color", [], "any", false, false, false, 1701)) {
                    // line 1702
                    echo "        background-image: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          ";
                    // line 1705
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1705), "affordance_color", [], "any", false, false, false, 1705);
                    echo " 100%
        );
      ";
                }
                // line 1708
                echo "    }
  ";
            }
            // line 1710
            echo "
  ";
            // line 1712
            echo "  ";
            if ((($context["breakpoint"] ?? null) == ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, true, false, 1712), "visible_at", [], "any", true, true, false, 1712)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, true, false, 1712), "visible_at", [], "any", false, false, false, 1712), "breakpoint_phone_landscape")) : ("breakpoint_phone_landscape")))) {
                // line 1713
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " {
      flex-direction: column;
    }
  ";
            }
            // line 1717
            echo "
  ";
            // line 1719
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "vertical", [], "any", false, false, false, 1719)) {
                // line 1720
                echo "
    ";
                // line 1721
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist-container,
    ";
                // line 1722
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__select {
      margin-bottom: 0;
    }

    ";
                // line 1726
                echo ($context["selector"] ?? null);
                echo " {
      display: flex;
      flex-direction: row;
      gap: var(--bde-tabs-space-after);
      align-items: flex-start;
    

      ";
                // line 1733
                if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position_vertical", [], "any", false, false, false, 1733) == "right")) {
                    // line 1734
                    echo "        flex-direction: row-reverse;
      ";
                }
                // line 1736
                echo "    }

    ";
                // line 1738
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist-container.is-vertical {
      overflow: visible;
    }

    ";
                // line 1742
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tab-title {
      text-align: left;
    }

  ";
            }
            // line 1747
            echo "
  ";
            // line 1748
            if ((($context["breakpoint"] ?? null) == ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "horizontal_at", [], "any", true, true, false, 1748)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "horizontal_at", [], "any", false, false, false, 1748), "breakpoint_phone_landscape")) : ("breakpoint_phone_landscape")))) {
                // line 1749
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " {
      flex-direction: column;
      align-items: unset;
    }  

    ";
                // line 1754
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist-container.is-vertical {
      overflow: hidden;
    }
  ";
            }
            // line 1758
            echo "

";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1762
    public function macro_atomV1TabsHtml($__id__ = null, $__tabs__ = null, $__design__ = null, $__all__ = false, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "id" => $__id__,
            "tabs" => $__tabs__,
            "design" => $__design__,
            "all" => $__all__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1763
            echo "
  ";
            // line 1764
            $context["style"] = twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "style", [], "any", false, false, false, 1764);
            // line 1765
            echo "  ";
            $context["hasDropdown"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "responsive", [], "any", false, false, false, 1765), "show_as_dropdown", [], "any", false, false, false, 1765);
            // line 1766
            echo "  ";
            $context["orientation"] = ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "vertical", [], "any", false, false, false, 1766)) ? ("vertical") : ("horizontal"));
            // line 1767
            echo "  ";
            $context["dropdown"] = ((($context["hasDropdown"] ?? null)) ? ("dropdown") : ("scrollable"));
            // line 1768
            echo "
  ";
            // line 1769
            if (($context["hasDropdown"] ?? null)) {
                // line 1770
                echo "    <select class=\"bde-tabs__select js-tab-select\">
      ";
                // line 1771
                if (twig_get_attribute($this->env, $this->source, ($context["all"] ?? null), "enabled", [], "any", false, false, false, 1771)) {
                    // line 1772
                    echo "        <option value=\"all\">";
                    echo ((twig_get_attribute($this->env, $this->source, ($context["all"] ?? null), "label", [], "any", true, true, false, 1772)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["all"] ?? null), "label", [], "any", false, false, false, 1772), "All")) : ("All"));
                    echo "</option>
      ";
                }
                // line 1774
                echo "
      ";
                // line 1775
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(($context["tabs"] ?? null));
                $context['loop'] = [
                  'parent' => $context['_parent'],
                  'index0' => 0,
                  'index'  => 1,
                  'first'  => true,
                ];
                if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                    $length = count($context['_seq']);
                    $context['loop']['revindex0'] = $length - 1;
                    $context['loop']['revindex'] = $length;
                    $context['loop']['length'] = $length;
                    $context['loop']['last'] = 1 === $length;
                }
                foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
                    // line 1776
                    echo "        <option value=\"tab-";
                    echo ($context["id"] ?? null);
                    echo "-";
                    echo twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1776);
                    echo "\">
          ";
                    // line 1777
                    echo twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 1777);
                    echo "
        </option>
      ";
                    ++$context['loop']['index0'];
                    ++$context['loop']['index'];
                    $context['loop']['first'] = false;
                    if (isset($context['loop']['length'])) {
                        --$context['loop']['revindex0'];
                        --$context['loop']['revindex'];
                        $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                    }
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 1780
                echo "    </select>
  ";
            }
            // line 1782
            echo "
  ";
            // line 1783
            $context["cssClasses"] = twig_join_filter([0 => "bde-tabs__tabslist-container", 1 => ("bde-tabs__tabslist-container--" .             // line 1785
($context["dropdown"] ?? null)), 2 => ("is-" .             // line 1786
($context["orientation"] ?? null)), 3 => "js-tabs-container"], " ");
            // line 1789
            echo "
  <div class=\"";
            // line 1790
            echo ($context["cssClasses"] ?? null);
            echo "\">
    <div class=\"bde-tabs__tabslist bde-tabs__tabslist--";
            // line 1791
            echo ((array_key_exists("style", $context)) ? (_twig_default_filter(($context["style"] ?? null), "default")) : ("default"));
            echo " js-tablist\" role=\"tablist\" aria-label=\"Content tabs\" aria-orientation=\"";
            echo ($context["orientation"] ?? null);
            echo "\" data-tabs-id=\"";
            echo ($context["id"] ?? null);
            echo "\">
      ";
            // line 1792
            if (twig_get_attribute($this->env, $this->source, ($context["all"] ?? null), "enabled", [], "any", false, false, false, 1792)) {
                // line 1793
                echo "        <button role=\"tab\" aria-selected=\"false\" class=\"bde-tabs__tab js-tab\" aria-controls=\"tab-panel-";
                echo ($context["id"] ?? null);
                echo "-all\" id=\"tab-";
                echo ($context["id"] ?? null);
                echo "-all\">
          <span class=\"bde-tabs__tab-title\">";
                // line 1794
                echo ((twig_get_attribute($this->env, $this->source, ($context["all"] ?? null), "label", [], "any", true, true, false, 1794)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["all"] ?? null), "label", [], "any", false, false, false, 1794), "All")) : ("All"));
                echo "</span>
        </button>
      ";
            }
            // line 1797
            echo "
      ";
            // line 1798
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["tabs"] ?? null));
            $context['loop'] = [
              'parent' => $context['_parent'],
              'index0' => 0,
              'index'  => 1,
              'first'  => true,
            ];
            if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                $length = count($context['_seq']);
                $context['loop']['revindex0'] = $length - 1;
                $context['loop']['revindex'] = $length;
                $context['loop']['length'] = $length;
                $context['loop']['last'] = 1 === $length;
            }
            foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
                // line 1799
                echo "        <button role=\"tab\" aria-selected=\"false\" class=\"bde-tabs__tab js-tab\" aria-controls=\"tab-panel-";
                echo ($context["id"] ?? null);
                echo "-";
                echo twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1799);
                echo "\" id=\"tab-";
                echo ($context["id"] ?? null);
                echo "-";
                echo twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1799);
                echo "\">
          ";
                // line 1800
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "icon", [], "any", false, false, false, 1800), "svgCode", [], "any", false, false, false, 1800)) {
                    // line 1801
                    echo "            <span class=\"bde-tabs__tab-icon\">";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "icon", [], "any", false, false, false, 1801), "svgCode", [], "any", false, false, false, 1801);
                    echo "</span>
          ";
                }
                // line 1803
                echo "          <span class=\"bde-tabs__tab-title\">";
                echo (((twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", true, true, false, 1803) &&  !(null === twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 1803)))) ? (twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 1803)) : ("New Tab"));
                echo "</span>
        </button>
      ";
                ++$context['loop']['index0'];
                ++$context['loop']['index'];
                $context['loop']['first'] = false;
                if (isset($context['loop']['length'])) {
                    --$context['loop']['revindex0'];
                    --$context['loop']['revindex'];
                    $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                }
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 1806
            echo "    </div>
  </div>
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1811
    public function macro_background($__background__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "background" => $__background__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1812
            echo "    background-color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["background"] ?? null), "color", [], "any", false, false, false, 1812);
            echo ";
    background-clip: ";
            // line 1813
            echo twig_get_attribute($this->env, $this->source, ($context["background"] ?? null), "clip", [], "any", false, false, false, 1813);
            echo ";

    ";
            // line 1815
            $context["image"] = "";
            // line 1816
            echo "    ";
            $context["size"] = "";
            // line 1817
            echo "    ";
            $context["position"] = "";
            // line 1818
            echo "    ";
            $context["repeat"] = "";
            // line 1819
            echo "    ";
            $context["attachment"] = "";
            // line 1820
            echo "    ";
            $context["blendmode"] = "";
            // line 1821
            echo "
    ";
            // line 1822
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_reverse_filter($this->env, twig_get_attribute($this->env, $this->source, ($context["background"] ?? null), "layers", [], "any", false, false, false, 1822)));
            foreach ($context['_seq'] as $context["_key"] => $context["layer"]) {
                // line 1823
                echo "
        ";
                // line 1824
                if (((twig_get_attribute($this->env, $this->source, $context["layer"], "type", [], "any", false, false, false, 1824) == "image") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "image", [], "any", false, false, false, 1824), "url", [], "any", false, false, false, 1824))) {
                    // line 1825
                    echo "            ";
                    $context["tempImage"] = (("url(" . twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "image", [], "any", false, false, false, 1825), "url", [], "any", false, false, false, 1825)) . ")");
                    // line 1826
                    echo "
            ";
                    // line 1827
                    if ((twig_get_attribute($this->env, $this->source, $context["layer"], "size", [], "any", false, false, false, 1827) == "custom")) {
                        // line 1828
                        echo "                ";
                        $context["tempSize"] = ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "size_manual_width", [], "any", false, true, false, 1828), "style", [], "any", true, true, false, 1828)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "size_manual_width", [], "any", false, true, false, 1828), "style", [], "any", false, false, false, 1828), "auto")) : ("auto")) . " ") . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "size_manual_height", [], "any", false, true, false, 1828), "style", [], "any", true, true, false, 1828)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "size_manual_height", [], "any", false, true, false, 1828), "style", [], "any", false, false, false, 1828), "auto")) : ("auto")));
                        // line 1829
                        echo "            ";
                    } elseif (twig_get_attribute($this->env, $this->source, $context["layer"], "size", [], "any", false, false, false, 1829)) {
                        // line 1830
                        echo "                ";
                        $context["tempSize"] = twig_get_attribute($this->env, $this->source, $context["layer"], "size", [], "any", false, false, false, 1830);
                        // line 1831
                        echo "            ";
                    }
                    // line 1832
                    echo "
            ";
                    // line 1833
                    if ((twig_get_attribute($this->env, $this->source, $context["layer"], "position", [], "any", false, false, false, 1833) == "custom")) {
                        // line 1834
                        echo "                ";
                        $context["tempPosition"] = ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "position_manual_left", [], "any", false, true, false, 1834), "style", [], "any", true, true, false, 1834)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "position_manual_left", [], "any", false, true, false, 1834), "style", [], "any", false, false, false, 1834), "0%")) : ("0%")) . " ") . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "position_manual_top", [], "any", false, true, false, 1834), "style", [], "any", true, true, false, 1834)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "position_manual_top", [], "any", false, true, false, 1834), "style", [], "any", false, false, false, 1834), "0%")) : ("0%")));
                        // line 1835
                        echo "            ";
                    } elseif (twig_get_attribute($this->env, $this->source, $context["layer"], "position", [], "any", false, false, false, 1835)) {
                        // line 1836
                        echo "                ";
                        $context["tempPosition"] = twig_get_attribute($this->env, $this->source, $context["layer"], "position", [], "any", false, false, false, 1836);
                        // line 1837
                        echo "            ";
                    }
                    // line 1838
                    echo "
            ";
                    // line 1839
                    if (twig_get_attribute($this->env, $this->source, $context["layer"], "repeat", [], "any", false, false, false, 1839)) {
                        // line 1840
                        echo "                ";
                        $context["addComma"] = ((($context["repeat"] ?? null)) ? (", ") : (""));
                        // line 1841
                        echo "                ";
                        $context["repeat"] = ((($context["repeat"] ?? null) . ($context["addComma"] ?? null)) . twig_get_attribute($this->env, $this->source, $context["layer"], "repeat", [], "any", false, false, false, 1841));
                        // line 1842
                        echo "            ";
                    }
                    // line 1843
                    echo "
            ";
                    // line 1844
                    if (twig_get_attribute($this->env, $this->source, $context["layer"], "attachment", [], "any", false, false, false, 1844)) {
                        // line 1845
                        echo "                ";
                        $context["addComma"] = ((($context["attachment"] ?? null)) ? (", ") : (""));
                        // line 1846
                        echo "                ";
                        $context["attachment"] = ((($context["attachment"] ?? null) . ($context["addComma"] ?? null)) . twig_get_attribute($this->env, $this->source, $context["layer"], "attachment", [], "any", false, false, false, 1846));
                        // line 1847
                        echo "            ";
                    }
                    // line 1848
                    echo "
        ";
                } elseif (((twig_get_attribute($this->env, $this->source,                 // line 1849
$context["layer"], "type", [], "any", false, false, false, 1849) == "gradient") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "gradient", [], "any", false, false, false, 1849), "style", [], "any", false, false, false, 1849))) {
                    // line 1850
                    echo "            ";
                    $context["tempImage"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "gradient", [], "any", false, false, false, 1850), "style", [], "any", false, false, false, 1850);
                    // line 1851
                    echo "        ";
                } elseif (((twig_get_attribute($this->env, $this->source, $context["layer"], "type", [], "any", false, false, false, 1851) == "overlay_color") && twig_get_attribute($this->env, $this->source, $context["layer"], "overlay_color", [], "any", false, false, false, 1851))) {
                    // line 1852
                    echo "            ";
                    $context["tempImage"] = (((("linear-gradient(" . twig_get_attribute($this->env, $this->source, $context["layer"], "overlay_color", [], "any", false, false, false, 1852)) . ", ") . twig_get_attribute($this->env, $this->source, $context["layer"], "overlay_color", [], "any", false, false, false, 1852)) . ")");
                    // line 1853
                    echo "        ";
                }
                // line 1854
                echo "
        ";
                // line 1855
                if (twig_get_attribute($this->env, $this->source, $context["layer"], "blend", [], "any", false, false, false, 1855)) {
                    // line 1856
                    echo "            ";
                    $context["addComma"] = ((($context["blendmode"] ?? null)) ? (", ") : (""));
                    // line 1857
                    echo "            ";
                    $context["blendmode"] = ((($context["blendmode"] ?? null) . ($context["addComma"] ?? null)) . twig_get_attribute($this->env, $this->source, $context["layer"], "blend", [], "any", false, false, false, 1857));
                    // line 1858
                    echo "        ";
                }
                // line 1859
                echo "
        ";
                // line 1860
                if (($context["tempImage"] ?? null)) {
                    // line 1861
                    echo "            ";
                    $context["addComma"] = ((($context["image"] ?? null)) ? (", ") : (""));
                    // line 1862
                    echo "            ";
                    $context["image"] = ((($context["image"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempImage"] ?? null));
                    // line 1863
                    echo "        ";
                }
                // line 1864
                echo "
        ";
                // line 1865
                if (($context["tempSize"] ?? null)) {
                    // line 1866
                    echo "            ";
                    $context["addComma"] = ((($context["size"] ?? null)) ? (", ") : (""));
                    // line 1867
                    echo "            ";
                    $context["size"] = ((($context["size"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempSize"] ?? null));
                    // line 1868
                    echo "        ";
                }
                // line 1869
                echo "
        ";
                // line 1870
                if (($context["tempPosition"] ?? null)) {
                    // line 1871
                    echo "            ";
                    $context["addComma"] = ((($context["position"] ?? null)) ? (", ") : (""));
                    // line 1872
                    echo "            ";
                    $context["position"] = ((($context["position"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempPosition"] ?? null));
                    // line 1873
                    echo "        ";
                }
                // line 1874
                echo "
        ";
                // line 1875
                if (($context["tempRepeat"] ?? null)) {
                    // line 1876
                    echo "            ";
                    $context["addComma"] = ((($context["repeat"] ?? null)) ? (", ") : (""));
                    // line 1877
                    echo "            ";
                    $context["repeat"] = ((($context["repeat"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempRepeat"] ?? null));
                    // line 1878
                    echo "        ";
                }
                // line 1879
                echo "
    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['layer'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 1881
            echo "
    ";
            // line 1882
            if (($context["image"] ?? null)) {
                // line 1883
                echo "        background-image: ";
                echo ($context["image"] ?? null);
                echo ";
    ";
            }
            // line 1885
            echo "
    ";
            // line 1886
            if (($context["size"] ?? null)) {
                // line 1887
                echo "        background-size: ";
                echo ($context["size"] ?? null);
                echo ";
    ";
            }
            // line 1889
            echo "
    ";
            // line 1890
            if (($context["position"] ?? null)) {
                // line 1891
                echo "        background-position: ";
                echo ($context["position"] ?? null);
                echo ";
    ";
            }
            // line 1893
            echo "
    ";
            // line 1894
            if (($context["repeat"] ?? null)) {
                // line 1895
                echo "        background-repeat: ";
                echo ($context["repeat"] ?? null);
                echo ";
    ";
            }
            // line 1897
            echo "
    ";
            // line 1898
            if (($context["attachment"] ?? null)) {
                // line 1899
                echo "        background-attachment: ";
                echo ($context["attachment"] ?? null);
                echo ";
    ";
            }
            // line 1901
            echo "
    ";
            // line 1902
            if (($context["blendmode"] ?? null)) {
                // line 1903
                echo "        background-blend-mode: ";
                echo ($context["blendmode"] ?? null);
                echo ";
    ";
            }
            // line 1905
            echo "

";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1912
    public function macro_border_complex($__borders__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "borders" => $__borders__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1913
            echo "
    ";
            // line 1914
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["borders"] ?? null));
            foreach ($context['_seq'] as $context["position"] => $context["border"]) {
                // line 1915
                echo "        ";
                if (twig_get_attribute($this->env, $this->source, $context["border"], "width", [], "any", true, true, false, 1915)) {
                    // line 1916
                    echo "        border-";
                    echo $context["position"];
                    echo ": ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["border"], "width", [], "any", false, false, false, 1916), "style", [], "any", false, false, false, 1916);
                    echo " ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", true, true, false, 1916)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", false, false, false, 1916), "solid")) : ("solid"));
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, $context["border"], "color", [], "any", false, false, false, 1916);
                    echo ";
        ";
                }
                // line 1918
                echo "    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['position'], $context['border'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 1919
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1922
    public function macro_border_complex_to_css_vars($__borders__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "borders" => $__borders__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1923
            echo "
    ";
            // line 1924
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["borders"] ?? null));
            foreach ($context['_seq'] as $context["position"] => $context["border"]) {
                // line 1925
                echo "        ";
                if (twig_get_attribute($this->env, $this->source, $context["border"], "width", [], "any", true, true, false, 1925)) {
                    // line 1926
                    echo "        --bde-form-input-border-";
                    echo $context["position"];
                    echo ": ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["border"], "width", [], "any", false, false, false, 1926), "style", [], "any", false, false, false, 1926);
                    echo " ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", true, true, false, 1926)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", false, false, false, 1926), "solid")) : ("solid"));
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, $context["border"], "color", [], "any", false, false, false, 1926);
                    echo ";
        ";
                }
                // line 1928
                echo "
    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['position'], $context['border'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 1930
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1937
    public function macro_border_radius($__radius__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "radius" => $__radius__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1938
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "editMode", [], "any", false, false, false, 1938) == "custom")) {
                // line 1939
                echo "        border-top-left-radius: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topLeft", [], "any", false, false, false, 1939), "style", [], "any", false, false, false, 1939);
                echo ";
        border-top-right-radius: ";
                // line 1940
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, false, false, 1940), "style", [], "any", false, false, false, 1940);
                echo ";
        border-bottom-left-radius: ";
                // line 1941
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, false, false, 1941), "style", [], "any", false, false, false, 1941);
                echo ";
        border-bottom-right-radius: ";
                // line 1942
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, false, false, 1942), "style", [], "any", false, false, false, 1942);
                echo ";
    ";
            } else {
                // line 1944
                echo "        border-radius: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "all", [], "any", false, false, false, 1944), "style", [], "any", false, false, false, 1944);
                echo ";
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1948
    public function macro_border_radius_to_css_vars($__radius__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "radius" => $__radius__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1949
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "editMode", [], "any", false, false, false, 1949) == "custom")) {
                // line 1950
                echo "        --bde-form-input-border-top-left-radius: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topLeft", [], "any", false, false, false, 1950), "style", [], "any", false, false, false, 1950);
                echo ";
        --bde-form-input-border-top-right-radius: ";
                // line 1951
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, false, false, 1951), "style", [], "any", false, false, false, 1951);
                echo ";
        --bde-form-input-border-bottom-left-radius: ";
                // line 1952
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, false, false, 1952), "style", [], "any", false, false, false, 1952);
                echo ";
        --bde-form-input-border-bottom-right-radius: ";
                // line 1953
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, false, false, 1953), "style", [], "any", false, false, false, 1953);
                echo ";
    ";
            } else {
                // line 1955
                echo "        --bde-form-input-border-radius: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "all", [], "any", false, false, false, 1955), "style", [], "any", false, false, false, 1955);
                echo ";
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1960
    public function macro_borders($__properties__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "properties" => $__properties__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1961
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_border_complex", [twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "border", [], "any", false, false, false, 1961)], 1961, $context, $this->getSourceContext());
            echo "
    ";
            // line 1962
            echo twig_call_macro($macros["_self"], "macro_border_radius", [twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "radius", [], "any", false, false, false, 1962)], 1962, $context, $this->getSourceContext());
            echo "
    box-shadow: ";
            // line 1963
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "shadow", [], "any", false, false, false, 1963), "style", [], "any", false, false, false, 1963);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1967
    public function macro_borders_without_shadows($__properties__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "properties" => $__properties__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1968
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_border_complex", [twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "border", [], "any", false, false, false, 1968)], 1968, $context, $this->getSourceContext());
            echo "
    ";
            // line 1969
            echo twig_call_macro($macros["_self"], "macro_border_radius", [twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "radius", [], "any", false, false, false, 1969)], 1969, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1973
    public function macro_classOrSelectorProperties($___background__ = null, $___layout__ = null, $___size__ = null, $___typography__ = null, $__globalSettings__ = null, $___spacing__ = null, $___borders__ = null, $___effects__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "_background" => $___background__,
            "_layout" => $___layout__,
            "_size" => $___size__,
            "_typography" => $___typography__,
            "globalSettings" => $__globalSettings__,
            "_spacing" => $___spacing__,
            "_borders" => $___borders__,
            "_effects" => $___effects__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1974
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_background", [($context["_background"] ?? null)], 1974, $context, $this->getSourceContext());
            echo "
    ";
            // line 1975
            echo twig_call_macro($macros["_self"], "macro_layout", [($context["_layout"] ?? null)], 1975, $context, $this->getSourceContext());
            echo "
    ";
            // line 1976
            echo twig_call_macro($macros["_self"], "macro_size", [($context["_size"] ?? null)], 1976, $context, $this->getSourceContext());
            echo "
    ";
            // line 1977
            echo twig_call_macro($macros["_self"], "macro_typography", [($context["_typography"] ?? null), ($context["globalSettings"] ?? null)], 1977, $context, $this->getSourceContext());
            echo "
    ";
            // line 1978
            echo twig_call_macro($macros["_self"], "macro_spacing_all", [($context["_spacing"] ?? null)], 1978, $context, $this->getSourceContext());
            echo "
    ";
            // line 1979
            echo twig_call_macro($macros["_self"], "macro_borders_without_shadows", [($context["_borders"] ?? null)], 1979, $context, $this->getSourceContext());
            echo "
    ";
            // line 1980
            echo twig_call_macro($macros["_self"], "macro_effects", [($context["_effects"] ?? null)], 1980, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1985
    public function macro_backgroundColor($__color__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "color" => $__color__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1986
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", true, true, false, 1986)) {
                // line 1987
                echo "    background: ";
                echo twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", false, false, false, 1987);
                echo ";
  ";
            } else {
                // line 1989
                echo "    background-color: ";
                echo ($context["color"] ?? null);
                echo ";
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 1994
    public function macro_textColor($__color__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "color" => $__color__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1995
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", true, true, false, 1995)) {
                // line 1996
                echo "    background: ";
                echo twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", false, false, false, 1996);
                echo ";
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  ";
            } else {
                // line 2002
                echo "    color: ";
                echo ($context["color"] ?? null);
                echo ";
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2008
    public function macro_borderColor($__color__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "color" => $__color__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2009
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", true, true, false, 2009)) {
                // line 2010
                echo "    border-image: ";
                echo twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", false, false, false, 2010);
                echo ";
    border-image-slice: 1;
  ";
            } else {
                // line 2013
                echo "    border-color: ";
                echo ($context["color"] ?? null);
                echo ";
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2019
    public function macro_svgColor($__color__ = null, $__id__ = "color", ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "color" => $__color__,
            "id" => $__id__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2020
            echo "    ";
            $context["url"] = (("url(#" . ($context["id"] ?? null)) . ")");
            // line 2021
            echo "    ";
            $context["fill"] = ((((twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "type", [], "any", false, false, false, 2021) == "radial") || (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "type", [], "any", false, false, false, 2021) == "linear"))) ? (($context["url"] ?? null)) : (($context["color"] ?? null)));
            // line 2022
            echo "
    ";
            // line 2023
            echo ($context["fill"] ?? null);
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2026
    public function macro_svgGradient($__color__ = null, $__id__ = "color", ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "color" => $__color__,
            "id" => $__id__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2027
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "svgValue", [], "any", false, false, false, 2027)) {
                // line 2028
                echo "    ";
                echo twig_replace_filter(twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "svgValue", [], "any", false, false, false, 2028), ["%%GRADIENTID%%" => ($context["id"] ?? null)]);
                echo "
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2033
    public function macro_css($__css__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "css" => $__css__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2034
            echo twig_get_attribute($this->env, $this->source, ($context["css"] ?? null), "css", [], "any", false, false, false, 2034);
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2038
    public function macro_effects($__effects__ = null, $__selector__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "effects" => $__effects__,
            "selector" => $__selector__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2039
            echo "    ";
            if (($context["selector"] ?? null)) {
                // line 2040
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " {
    ";
            }
            // line 2042
            echo "        opacity: ";
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "opacity", [], "any", false, false, false, 2042);
            echo ";
        box-shadow: ";
            // line 2043
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "box_shadow", [], "any", false, false, false, 2043), "style", [], "any", false, false, false, 2043);
            echo ";
        mix-blend-mode: ";
            // line 2044
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "mix_blend_mode", [], "any", false, false, false, 2044);
            echo ";
        transition:
        ";
            // line 2046
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transition", [], "any", false, false, false, 2046));
            $context['loop'] = [
              'parent' => $context['_parent'],
              'index0' => 0,
              'index'  => 1,
              'first'  => true,
            ];
            if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                $length = count($context['_seq']);
                $context['loop']['revindex0'] = $length - 1;
                $context['loop']['revindex'] = $length;
                $context['loop']['length'] = $length;
                $context['loop']['last'] = 1 === $length;
            }
            foreach ($context['_seq'] as $context["_key"] => $context["transition"]) {
                // line 2047
                echo "            ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 2047), "style", [], "any", true, true, false, 2047)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 2047), "style", [], "any", false, false, false, 2047), "var(--bde-transition-duration)")) : ("var(--bde-transition-duration)"));
                echo " ";
                echo twig_get_attribute($this->env, $this->source, $context["transition"], "timing_function", [], "any", false, false, false, 2047);
                echo " ";
                if ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 2047) == "all")) {
                    echo "all";
                } elseif ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 2047) == "custom")) {
                    echo twig_get_attribute($this->env, $this->source, $context["transition"], "custom_property", [], "any", false, false, false, 2047);
                }
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "delay", [], "any", false, false, false, 2047), "style", [], "any", false, false, false, 2047);
                echo " ";
                if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 2047)) {
                    echo ", ";
                }
                // line 2048
                echo "        ";
                ++$context['loop']['index0'];
                ++$context['loop']['index'];
                $context['loop']['first'] = false;
                if (isset($context['loop']['length'])) {
                    --$context['loop']['revindex0'];
                    --$context['loop']['revindex'];
                    $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                }
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['transition'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            echo ";

        transform:
        ";
            // line 2051
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2051), "transforms", [], "any", false, false, false, 2051));
            foreach ($context['_seq'] as $context["_key"] => $context["transform"]) {
                // line 2052
                echo "
            ";
                // line 2053
                if ((twig_get_attribute($this->env, $this->source, $context["transform"], "type", [], "any", false, false, false, 2053) == "skew")) {
                    // line 2054
                    echo "
                ";
                    // line 2055
                    $context["skewx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 2055), "style", [], "any", false, false, false, 2055);
                    // line 2056
                    echo "                ";
                    $context["skewy"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 2056), "style", [], "any", false, false, false, 2056);
                    // line 2057
                    echo "                ";
                    if (((((($context["skewx"] ?? null) && ($context["skewy"] ?? null)) || ((($context["skewx"] ?? null) == "0") && (($context["skewy"] ?? null) == "0"))) || (($context["skewx"] ?? null) && (($context["skewy"] ?? null) == "0"))) || ((($context["skewx"] ?? null) == "0") && ($context["skewy"] ?? null)))) {
                        // line 2058
                        echo "                    skew(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 2058), "style", [], "any", false, false, false, 2058);
                        echo " , ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 2058), "style", [], "any", false, false, false, 2058);
                        echo ")
                ";
                    } elseif ((                    // line 2059
($context["skewx"] ?? null) || (($context["skewx"] ?? null) == "0"))) {
                        // line 2060
                        echo "                    skewX(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 2060), "style", [], "any", false, false, false, 2060);
                        echo ")
                ";
                    } elseif ((                    // line 2061
($context["skewy"] ?? null) || (($context["skewy"] ?? null) == "0"))) {
                        // line 2062
                        echo "                    skewY(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 2062), "style", [], "any", false, false, false, 2062);
                        echo ")
                ";
                    }
                    // line 2064
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2065
$context["transform"], "type", [], "any", false, false, false, 2065) == "translate")) {
                    // line 2066
                    echo "
                ";
                    // line 2067
                    $context["tx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_x", [], "any", false, false, false, 2067), "style", [], "any", false, false, false, 2067);
                    // line 2068
                    echo "                ";
                    $context["ty"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_y", [], "any", false, false, false, 2068), "style", [], "any", false, false, false, 2068);
                    // line 2069
                    echo "                ";
                    $context["tz"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_z", [], "any", false, false, false, 2069), "style", [], "any", false, false, false, 2069);
                    // line 2070
                    echo "                ";
                    if ((($context["tz"] ?? null) || (($context["tz"] ?? null) == "0"))) {
                        // line 2071
                        echo "                    translate3d( ";
                        echo ((array_key_exists("tx", $context)) ? (_twig_default_filter(($context["tx"] ?? null), "0")) : ("0"));
                        echo ", ";
                        echo ((array_key_exists("ty", $context)) ? (_twig_default_filter(($context["ty"] ?? null), "0")) : ("0"));
                        echo ", ";
                        echo ($context["tz"] ?? null);
                        echo " )
                ";
                    } elseif (((((                    // line 2072
($context["tx"] ?? null) && ($context["ty"] ?? null)) || ((($context["tx"] ?? null) == "0") && (($context["ty"] ?? null) == "0"))) || (($context["tx"] ?? null) && (($context["ty"] ?? null) == "0"))) || ((($context["tx"] ?? null) == "0") && ($context["ty"] ?? null)))) {
                        // line 2073
                        echo "                    translate( ";
                        echo ($context["tx"] ?? null);
                        echo ", ";
                        echo ($context["ty"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 2074
($context["tx"] ?? null) || (($context["tx"] ?? null) == "0"))) {
                        // line 2075
                        echo "                    translateX( ";
                        echo ($context["tx"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 2076
($context["ty"] ?? null) || (($context["ty"] ?? null) == "0"))) {
                        // line 2077
                        echo "                    translateY( ";
                        echo ($context["ty"] ?? null);
                        echo " )
                ";
                    }
                    // line 2079
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2080
$context["transform"], "type", [], "any", false, false, false, 2080) == "rotate")) {
                    // line 2081
                    echo "
                ";
                    // line 2082
                    $context["rx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_x", [], "any", false, false, false, 2082), "style", [], "any", false, false, false, 2082);
                    // line 2083
                    echo "                ";
                    $context["ry"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_y", [], "any", false, false, false, 2083), "style", [], "any", false, false, false, 2083);
                    // line 2084
                    echo "                ";
                    $context["rz"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_z", [], "any", false, false, false, 2084), "style", [], "any", false, false, false, 2084);
                    // line 2085
                    echo "                ";
                    if ((($context["rx"] ?? null) || (($context["rx"] ?? null) == "0"))) {
                        echo "rotateX( ";
                        echo ($context["rx"] ?? null);
                        echo " ) ";
                    }
                    // line 2086
                    echo "                ";
                    if ((($context["ry"] ?? null) || (($context["ry"] ?? null) == "0"))) {
                        echo "rotateY( ";
                        echo ($context["ry"] ?? null);
                        echo " ) ";
                    }
                    // line 2087
                    echo "                ";
                    if ((($context["rz"] ?? null) || (($context["rz"] ?? null) == "0"))) {
                        echo "rotateZ( ";
                        echo ($context["rz"] ?? null);
                        echo " ) ";
                    }
                    // line 2088
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2089
$context["transform"], "type", [], "any", false, false, false, 2089) == "perspective")) {
                    // line 2090
                    echo "
            ";
                    // line 2091
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 2091), "style", [], "any", false, false, false, 2091)) {
                        // line 2092
                        echo "                perspective(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 2092), "style", [], "any", false, false, false, 2092);
                        echo ")
            ";
                    }
                    // line 2094
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2095
$context["transform"], "type", [], "any", false, false, false, 2095) == "rotate3d")) {
                    // line 2096
                    echo "
                rotate3d( ";
                    // line 2097
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", true, true, false, 2097)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", false, false, false, 2097), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", true, true, false, 2097)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", false, false, false, 2097), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", true, true, false, 2097)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", false, false, false, 2097), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "angle", [], "any", false, true, false, 2097), "style", [], "any", true, true, false, 2097)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "angle", [], "any", false, true, false, 2097), "style", [], "any", false, false, false, 2097), "0")) : ("0"));
                    echo " )

            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2099
$context["transform"], "type", [], "any", false, false, false, 2099) == "scale")) {
                    // line 2100
                    echo "
                ";
                    // line 2101
                    $context["scale"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale", [], "any", false, false, false, 2101);
                    // line 2102
                    echo "                ";
                    if ((($context["scale"] ?? null) || (($context["scale"] ?? null) == "0"))) {
                        // line 2103
                        echo "                    scale( ";
                        echo ($context["scale"] ?? null);
                        echo " )
                ";
                    }
                    // line 2105
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2106
$context["transform"], "type", [], "any", false, false, false, 2106) == "scale3d")) {
                    // line 2107
                    echo "
                ";
                    // line 2108
                    $context["sx"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_x", [], "any", false, false, false, 2108);
                    // line 2109
                    echo "                ";
                    $context["sy"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_y", [], "any", false, false, false, 2109);
                    // line 2110
                    echo "                ";
                    $context["sz"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_z", [], "any", false, false, false, 2110);
                    // line 2111
                    echo "                ";
                    if ((($context["sz"] ?? null) || (($context["sz"] ?? null) == "0"))) {
                        // line 2112
                        echo "                    scale3d( ";
                        echo ((array_key_exists("sx", $context)) ? (_twig_default_filter(($context["sx"] ?? null), "1")) : ("1"));
                        echo ", ";
                        echo ((array_key_exists("sy", $context)) ? (_twig_default_filter(($context["sy"] ?? null), "1")) : ("1"));
                        echo ", ";
                        echo ($context["sz"] ?? null);
                        echo " )
                ";
                    } elseif (((((                    // line 2113
($context["sx"] ?? null) && ($context["sy"] ?? null)) || ((($context["sx"] ?? null) == "0") && (($context["sy"] ?? null) == "0"))) || (($context["sx"] ?? null) && (($context["sy"] ?? null) == "0"))) || ((($context["sx"] ?? null) == "0") && ($context["sy"] ?? null)))) {
                        // line 2114
                        echo "                    scale( ";
                        echo ($context["sx"] ?? null);
                        echo ", ";
                        echo ($context["sy"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 2115
($context["sx"] ?? null) || (($context["sx"] ?? null) == "0"))) {
                        // line 2116
                        echo "                    scaleX( ";
                        echo ($context["sx"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 2117
($context["sy"] ?? null) || (($context["sy"] ?? null) == "0"))) {
                        // line 2118
                        echo "                    scaleY( ";
                        echo ($context["sy"] ?? null);
                        echo " )
                ";
                    }
                    // line 2120
                    echo "
            ";
                }
                // line 2122
                echo "
        ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['transform'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 2123
            echo ";

        ";
            // line 2125
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2125), "origin", [], "any", false, false, false, 2125) == "custom")) {
                // line 2126
                echo "            transform-origin: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2126), "origin_position", [], "any", false, false, false, 2126), "x", [], "any", false, false, false, 2126);
                echo "% ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2126), "origin_position", [], "any", false, false, false, 2126), "y", [], "any", false, false, false, 2126);
                echo "%;
        ";
            } else {
                // line 2128
                echo "            transform-origin: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2128), "origin", [], "any", false, false, false, 2128);
                echo ";
        ";
            }
            // line 2130
            echo "
        perspective: ";
            // line 2131
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2131), "perspective", [], "any", false, false, false, 2131), "style", [], "any", false, false, false, 2131);
            echo ";

        ";
            // line 2133
            echo twig_call_macro($macros["_self"], "macro_filtersInternal", [twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "filter", [], "any", false, false, false, 2133)], 2133, $context, $this->getSourceContext());
            echo "
    ";
            // line 2134
            if (($context["selector"] ?? null)) {
                // line 2135
                echo "        }
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2140
    public function macro_effectsHover($__effects__ = null, $__selector__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "effects" => $__effects__,
            "selector" => $__selector__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2141
            echo "    ";
            if (($context["selector"] ?? null)) {
                // line 2142
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " {
    ";
            }
            // line 2144
            echo "    opacity:";
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "opacity_hover", [], "any", false, false, false, 2144);
            echo ";
    box-shadow: ";
            // line 2145
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "box_shadow_hover", [], "any", false, false, false, 2145), "style", [], "any", false, false, false, 2145);
            echo ";
    mix-blend-mode: ";
            // line 2146
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "mix_blend_mode_hover", [], "any", false, false, false, 2146);
            echo ";
    transition:
    ";
            // line 2148
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transition_hover", [], "any", false, false, false, 2148));
            $context['loop'] = [
              'parent' => $context['_parent'],
              'index0' => 0,
              'index'  => 1,
              'first'  => true,
            ];
            if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
                $length = count($context['_seq']);
                $context['loop']['revindex0'] = $length - 1;
                $context['loop']['revindex'] = $length;
                $context['loop']['length'] = $length;
                $context['loop']['last'] = 1 === $length;
            }
            foreach ($context['_seq'] as $context["_key"] => $context["transition"]) {
                // line 2149
                echo "        ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 2149), "style", [], "any", true, true, false, 2149)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 2149), "style", [], "any", false, false, false, 2149), "var(--bde-transition-duration)")) : ("var(--bde-transition-duration)"));
                echo " ";
                echo twig_get_attribute($this->env, $this->source, $context["transition"], "timing_function", [], "any", false, false, false, 2149);
                echo " ";
                if ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 2149) == "all")) {
                    echo "all";
                } elseif ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 2149) == "custom")) {
                    echo twig_get_attribute($this->env, $this->source, $context["transition"], "custom_property", [], "any", false, false, false, 2149);
                }
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "delay", [], "any", false, false, false, 2149), "style", [], "any", false, false, false, 2149);
                echo " ";
                if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 2149)) {
                    echo ", ";
                }
                // line 2150
                echo "    ";
                ++$context['loop']['index0'];
                ++$context['loop']['index'];
                $context['loop']['first'] = false;
                if (isset($context['loop']['length'])) {
                    --$context['loop']['revindex0'];
                    --$context['loop']['revindex'];
                    $context['loop']['last'] = 0 === $context['loop']['revindex0'];
                }
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['transition'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            echo ";

    transform:
    ";
            // line 2153
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2153), "transforms_hover", [], "any", false, false, false, 2153));
            foreach ($context['_seq'] as $context["_key"] => $context["transform"]) {
                // line 2154
                echo "        ";
                if ((twig_get_attribute($this->env, $this->source, $context["transform"], "type", [], "any", false, false, false, 2154) == "skew")) {
                    // line 2155
                    echo "
            ";
                    // line 2156
                    $context["skewx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 2156), "style", [], "any", false, false, false, 2156);
                    // line 2157
                    echo "            ";
                    $context["skewy"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 2157), "style", [], "any", false, false, false, 2157);
                    // line 2158
                    echo "            ";
                    if (((((($context["skewx"] ?? null) && ($context["skewy"] ?? null)) || ((($context["skewx"] ?? null) == "0") && (($context["skewy"] ?? null) == "0"))) || (($context["skewx"] ?? null) && (($context["skewy"] ?? null) == "0"))) || ((($context["skewx"] ?? null) == "0") && ($context["skewy"] ?? null)))) {
                        // line 2159
                        echo "                skew(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 2159), "style", [], "any", false, false, false, 2159);
                        echo " , ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 2159), "style", [], "any", false, false, false, 2159);
                        echo ")
            ";
                    } elseif ((                    // line 2160
($context["skewx"] ?? null) || (($context["skewx"] ?? null) == "0"))) {
                        // line 2161
                        echo "                skewX(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 2161), "style", [], "any", false, false, false, 2161);
                        echo ")
            ";
                    } elseif ((                    // line 2162
($context["skewy"] ?? null) || (($context["skewy"] ?? null) == "0"))) {
                        // line 2163
                        echo "                skewY(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 2163), "style", [], "any", false, false, false, 2163);
                        echo ")
            ";
                    }
                    // line 2165
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2166
$context["transform"], "type", [], "any", false, false, false, 2166) == "translate")) {
                    // line 2167
                    echo "
            ";
                    // line 2168
                    $context["tx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_x", [], "any", false, false, false, 2168), "style", [], "any", false, false, false, 2168);
                    // line 2169
                    echo "            ";
                    $context["ty"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_y", [], "any", false, false, false, 2169), "style", [], "any", false, false, false, 2169);
                    // line 2170
                    echo "            ";
                    $context["tz"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_z", [], "any", false, false, false, 2170), "style", [], "any", false, false, false, 2170);
                    // line 2171
                    echo "            ";
                    if ((($context["tz"] ?? null) || (($context["tz"] ?? null) == "0"))) {
                        // line 2172
                        echo "                translate3d( ";
                        echo ((array_key_exists("tx", $context)) ? (_twig_default_filter(($context["tx"] ?? null), "0")) : ("0"));
                        echo ", ";
                        echo ((array_key_exists("ty", $context)) ? (_twig_default_filter(($context["ty"] ?? null), "0")) : ("0"));
                        echo ", ";
                        echo ($context["tz"] ?? null);
                        echo " )
            ";
                    } elseif (((((                    // line 2173
($context["tx"] ?? null) && ($context["ty"] ?? null)) || ((($context["tx"] ?? null) == "0") && (($context["ty"] ?? null) == "0"))) || (($context["tx"] ?? null) && (($context["ty"] ?? null) == "0"))) || ((($context["tx"] ?? null) == "0") && ($context["ty"] ?? null)))) {
                        // line 2174
                        echo "                translate( ";
                        echo ($context["tx"] ?? null);
                        echo ", ";
                        echo ($context["ty"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2175
($context["tx"] ?? null) || (($context["tx"] ?? null) == "0"))) {
                        // line 2176
                        echo "                translateX( ";
                        echo ($context["tx"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2177
($context["ty"] ?? null) || (($context["ty"] ?? null) == "0"))) {
                        // line 2178
                        echo "                translateY( ";
                        echo ($context["ty"] ?? null);
                        echo " )
            ";
                    }
                    // line 2180
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2181
$context["transform"], "type", [], "any", false, false, false, 2181) == "rotate")) {
                    // line 2182
                    echo "
            ";
                    // line 2183
                    $context["rx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_x", [], "any", false, false, false, 2183), "style", [], "any", false, false, false, 2183);
                    // line 2184
                    echo "            ";
                    $context["ry"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_y", [], "any", false, false, false, 2184), "style", [], "any", false, false, false, 2184);
                    // line 2185
                    echo "            ";
                    $context["rz"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_z", [], "any", false, false, false, 2185), "style", [], "any", false, false, false, 2185);
                    // line 2186
                    echo "            ";
                    if ((($context["rx"] ?? null) || (($context["rx"] ?? null) == "0"))) {
                        echo "rotateX( ";
                        echo ($context["rx"] ?? null);
                        echo " ) ";
                    }
                    // line 2187
                    echo "            ";
                    if ((($context["ry"] ?? null) || (($context["ry"] ?? null) == "0"))) {
                        echo "rotateY( ";
                        echo ($context["ry"] ?? null);
                        echo " ) ";
                    }
                    // line 2188
                    echo "            ";
                    if ((($context["rz"] ?? null) || (($context["rz"] ?? null) == "0"))) {
                        echo "rotateZ( ";
                        echo ($context["rz"] ?? null);
                        echo " ) ";
                    }
                    // line 2189
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2190
$context["transform"], "type", [], "any", false, false, false, 2190) == "perspective")) {
                    // line 2191
                    echo "
            ";
                    // line 2192
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 2192), "style", [], "any", false, false, false, 2192)) {
                        // line 2193
                        echo "            perspective(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 2193), "style", [], "any", false, false, false, 2193);
                        echo ")
            ";
                    }
                    // line 2195
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2196
$context["transform"], "type", [], "any", false, false, false, 2196) == "rotate3d")) {
                    // line 2197
                    echo "
            rotate3d( ";
                    // line 2198
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", true, true, false, 2198)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", false, false, false, 2198), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", true, true, false, 2198)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", false, false, false, 2198), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", true, true, false, 2198)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", false, false, false, 2198), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "angle", [], "any", false, true, false, 2198), "style", [], "any", true, true, false, 2198)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "angle", [], "any", false, true, false, 2198), "style", [], "any", false, false, false, 2198), "0")) : ("0"));
                    echo " )

        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2200
$context["transform"], "type", [], "any", false, false, false, 2200) == "scale")) {
                    // line 2201
                    echo "
            ";
                    // line 2202
                    $context["scale"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale", [], "any", false, false, false, 2202);
                    // line 2203
                    echo "            ";
                    if ((($context["scale"] ?? null) || (($context["scale"] ?? null) == "0"))) {
                        // line 2204
                        echo "                scale( ";
                        echo ($context["scale"] ?? null);
                        echo " )
            ";
                    }
                    // line 2206
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2207
$context["transform"], "type", [], "any", false, false, false, 2207) == "scale3d")) {
                    // line 2208
                    echo "
            ";
                    // line 2209
                    $context["sx"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_x", [], "any", false, false, false, 2209);
                    // line 2210
                    echo "            ";
                    $context["sy"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_y", [], "any", false, false, false, 2210);
                    // line 2211
                    echo "            ";
                    $context["sz"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_z", [], "any", false, false, false, 2211);
                    // line 2212
                    echo "            ";
                    if ((($context["sz"] ?? null) || (($context["sz"] ?? null) == "0"))) {
                        // line 2213
                        echo "                scale3d( ";
                        echo ((array_key_exists("sx", $context)) ? (_twig_default_filter(($context["sx"] ?? null), "1")) : ("1"));
                        echo ", ";
                        echo ((array_key_exists("sy", $context)) ? (_twig_default_filter(($context["sy"] ?? null), "1")) : ("1"));
                        echo ", ";
                        echo ($context["sz"] ?? null);
                        echo " )
            ";
                    } elseif (((((                    // line 2214
($context["sx"] ?? null) && ($context["sy"] ?? null)) || ((($context["sx"] ?? null) == "0") && (($context["sy"] ?? null) == "0"))) || (($context["sx"] ?? null) && (($context["sy"] ?? null) == "0"))) || ((($context["sx"] ?? null) == "0") && ($context["sy"] ?? null)))) {
                        // line 2215
                        echo "                scale( ";
                        echo ($context["sx"] ?? null);
                        echo ", ";
                        echo ($context["sy"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2216
($context["sx"] ?? null) || (($context["sx"] ?? null) == "0"))) {
                        // line 2217
                        echo "                scaleX( ";
                        echo ($context["sx"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2218
($context["sy"] ?? null) || (($context["sy"] ?? null) == "0"))) {
                        // line 2219
                        echo "                scaleY( ";
                        echo ($context["sy"] ?? null);
                        echo " )
            ";
                    }
                    // line 2221
                    echo "
        ";
                }
                // line 2223
                echo "
    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['transform'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 2224
            echo ";

    ";
            // line 2226
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2226), "origin", [], "any", false, false, false, 2226) == "custom")) {
                // line 2227
                echo "        transform-origin: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2227), "origin_position_hover", [], "any", false, false, false, 2227), "x", [], "any", false, false, false, 2227);
                echo "% ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2227), "origin_position_hover", [], "any", false, false, false, 2227), "y", [], "any", false, false, false, 2227);
                echo "%;
    ";
            } else {
                // line 2229
                echo "        transform-origin: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2229), "origin_hover", [], "any", false, false, false, 2229);
                echo ";
    ";
            }
            // line 2231
            echo "
    perspective: ";
            // line 2232
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2232), "perspective_hover", [], "any", false, false, false, 2232), "style", [], "any", false, false, false, 2232);
            echo ";

    filter:
    ";
            // line 2235
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "filter_hover", [], "any", false, false, false, 2235));
            foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
                // line 2236
                echo "
        ";
                // line 2237
                if ((twig_get_attribute($this->env, $this->source, $context["f"], "type", [], "any", false, false, false, 2237) == "blur")) {
                    // line 2238
                    echo "            blur(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "blur_amount", [], "any", false, false, false, 2238), "style", [], "any", false, false, false, 2238);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2239
$context["f"], "type", [], "any", false, false, false, 2239) == "brightness")) {
                    // line 2240
                    echo "            brightness(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2240), "style", [], "any", false, false, false, 2240);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2241
$context["f"], "type", [], "any", false, false, false, 2241) == "contrast")) {
                    // line 2242
                    echo "            contrast(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2242), "style", [], "any", false, false, false, 2242);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2243
$context["f"], "type", [], "any", false, false, false, 2243) == "grayscale")) {
                    // line 2244
                    echo "            grayscale(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2244), "style", [], "any", false, false, false, 2244);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2245
$context["f"], "type", [], "any", false, false, false, 2245) == "hue-rotate")) {
                    // line 2246
                    echo "            hue-rotate(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "rotate", [], "any", false, false, false, 2246), "style", [], "any", false, false, false, 2246);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2247
$context["f"], "type", [], "any", false, false, false, 2247) == "invert")) {
                    // line 2248
                    echo "            invert(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2248), "style", [], "any", false, false, false, 2248);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2249
$context["f"], "type", [], "any", false, false, false, 2249) == "saturate")) {
                    // line 2250
                    echo "            saturate(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2250), "style", [], "any", false, false, false, 2250);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2251
$context["f"], "type", [], "any", false, false, false, 2251) == "sepia")) {
                    // line 2252
                    echo "            sepia(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2252), "style", [], "any", false, false, false, 2252);
                    echo ")
        ";
                }
                // line 2254
                echo "
    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['f'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 2255
            echo ";

    ";
            // line 2257
            if (($context["selector"] ?? null)) {
                // line 2258
                echo "        }
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2263
    public function macro_fancyBackgroundHtml($__design__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "design" => $__design__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2264
            echo "
  ";
            // line 2265
            if ((((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2265) == "video") || (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2265) == "slideshow")) ||  !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2265)))) {
                // line 2266
                echo "    ";
                // line 2267
                echo "    ";
                // line 2268
                echo "    ";
                echo Breakdance\Elements\addDependency(["styles" => [0 => "%%BREAKDANCE_ELEMENTS_PLUGIN_URL%%dependencies-files/breakdance-fancy-background@1/fancy-background.css"]]);
                // line 2274
                echo "
  ";
            }
            // line 2276
            echo "
\t";
            // line 2277
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2277) == "video")) {
                // line 2278
                echo "  ";
                $context["starttime"] = 0;
                // line 2279
                echo "  ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2279), "start_time", [], "any", false, false, false, 2279)) {
                    // line 2280
                    echo "    ";
                    $context["starttime"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2280), "start_time", [], "any", false, false, false, 2280);
                    // line 2281
                    echo "  ";
                }
                // line 2282
                echo "
  ";
                // line 2283
                $context["endtime"] = 0;
                // line 2284
                echo "  ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2284), "end_time", [], "any", false, false, false, 2284)) {
                    // line 2285
                    echo "    ";
                    $context["endtime"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2285), "end_time", [], "any", false, false, false, 2285);
                    // line 2286
                    echo "  ";
                }
                // line 2287
                echo "  <div class=\"section-background-video\">
    ";
                // line 2288
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2288), "type", [], "any", false, false, false, 2288) == "oembed")) {
                    // line 2289
                    echo "      ";
                    if (twig_in_filter("youtube", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2289), "embedUrl", [], "any", false, false, false, 2289))) {
                        // line 2290
                        echo "        ";
                        if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2290), "youtube_privacy_mode", [], "any", false, false, false, 2290)) {
                            // line 2291
                            echo "          ";
                            $context["videoUrl"] = twig_replace_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2291), "embedUrl", [], "any", false, false, false, 2291), ["https://www.youtube.com/" => "https://www.youtube-nocookie.com/"]);
                            // line 2292
                            echo "        ";
                        } else {
                            // line 2293
                            echo "          ";
                            $context["videoUrl"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2293), "embedUrl", [], "any", false, false, false, 2293);
                            // line 2294
                            echo "        ";
                        }
                        // line 2295
                        echo "        <div id=\"youtubeEmbed%%ID%%\" class=\"section-youtube-wrapper\">
          <iframe class=\"section-background-iframe\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope;\"
                  allowfullscreen
                  src=\"";
                        // line 2298
                        echo ($context["videoUrl"] ?? null);
                        echo "&playsinline=";
                        echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2298), "play_on_mobile", [], "any", false, false, false, 2298)) ? ("1") : ("0"));
                        echo "&mute=1&autoplay=1&loop=0&controls=0&showinfo=0&modestbranding=1&rel=0&enablejsapi=1\">
          </iframe>
        </div>
      ";
                    }
                    // line 2302
                    echo "      ";
                    if (twig_in_filter("vimeo", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2302), "embedUrl", [], "any", false, false, false, 2302))) {
                        // line 2303
                        echo "        <div id=\"vimeoEmbed%%ID%%\" class=\"section-vimeo-wrapper\"></div>
      ";
                    }
                    // line 2305
                    echo "    ";
                }
                // line 2306
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2306), "type", [], "any", false, false, false, 2306) == "video")) {
                    // line 2307
                    echo "      <video
          autoplay
          muted
          ";
                    // line 2310
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2310), "play_on_mobile", [], "any", false, false, false, 2310) == 1)) {
                        // line 2311
                        echo "            playsinline
          ";
                    }
                    // line 2313
                    echo "          ";
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2313), "no_loop", [], "any", false, false, false, 2313) != 1)) {
                        // line 2314
                        echo "            loop
          ";
                    }
                    // line 2316
                    echo "          ";
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2316), "fallback_image", [], "any", false, false, false, 2316)) {
                        // line 2317
                        echo "          poster=\"";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2317), "fallback_image", [], "any", false, false, false, 2317), "url", [], "any", false, false, false, 2317);
                        echo "\"
          ";
                    }
                    // line 2319
                    echo "      >
        <source src=\"";
                    // line 2320
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2320), "url", [], "any", false, false, false, 2320);
                    echo "\" type=\"";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2320), "mime", [], "any", false, false, false, 2320);
                    echo "\" />
      </video>
    ";
                }
                // line 2323
                echo "  </div>
";
            }
            // line 2325
            echo "
";
            // line 2326
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2326) == "slideshow")) {
                // line 2327
                echo "  <div class=\"swiper section-background-slideshow\">
    <!-- Additional required wrapper -->
    <div class=\"swiper-wrapper\">
      <!-- Slides -->
      ";
                // line 2331
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "slideshow", [], "any", false, false, false, 2331));
                foreach ($context['_seq'] as $context["_key"] => $context["slide"]) {
                    // line 2332
                    echo "        <div class=\"swiper-slide\">
          <div class=\"swiper-slide-item\" style=\"background-image: url(";
                    // line 2333
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["slide"], "image", [], "any", false, false, false, 2333), "url", [], "any", false, false, false, 2333);
                    echo ");\"></div>
        </div>
      ";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['slide'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 2336
                echo "    </div>
  </div>
";
            }
            // line 2339
            echo "
";
            // line 2340
            if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2340))) {
                // line 2341
                echo "  <div class=\"section-background-overlay\"></div>
";
            }
            // line 2343
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2346
    public function macro_fancyBackgroundCss($__selector__ = null, $__design__ = null, $__breakpoint__ = null, $__viewportHeight__ = false, $__setChildrenZIndex__ = false, $__setOverflowHiddenIfOverlayIsPresent__ = true, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "design" => $__design__,
            "breakpoint" => $__breakpoint__,
            "viewportHeight" => $__viewportHeight__,
            "setChildrenZIndex" => $__setChildrenZIndex__,
            "setOverflowHiddenIfOverlayIsPresent" => $__setOverflowHiddenIfOverlayIsPresent__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2347
            echo "
";
            // line 2348
            if (((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2348) == "image") && (($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2348), "unset_image_at", [], "any", false, false, false, 2348)))) {
                // line 2349
                echo "
";
                // line 2350
                echo ($context["selector"] ?? null);
                echo " {
  background-image: unset;
}
";
            }
            // line 2354
            echo "
";
            // line 2356
            echo ($context["selector"] ?? null);
            echo " {
  background-color: ";
            // line 2357
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "color", [], "any", false, false, false, 2357);
            echo ";

  ";
            // line 2359
            if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image", [], "any", false, false, false, 2359), "url", [], "any", false, false, false, 2359))) {
                // line 2360
                echo "    ";
                $context["size"] = (((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", true, true, false, 2360) &&  !(null === twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2360)))) ? (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2360)) : ("full"));
                // line 2361
                echo "    background-image: url(";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image", [], "any", false, true, false, 2361), "sizes", [], "any", false, true, false, 2361), ($context["size"] ?? null), [], "array", false, true, false, 2361), "url", [], "any", true, true, false, 2361)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image", [], "any", false, true, false, 2361), "sizes", [], "any", false, true, false, 2361), ($context["size"] ?? null), [], "array", false, true, false, 2361), "url", [], "any", false, false, false, 2361), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image", [], "any", false, false, false, 2361), "url", [], "any", false, false, false, 2361))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image", [], "any", false, false, false, 2361), "url", [], "any", false, false, false, 2361)));
                echo ");
  ";
            }
            // line 2363
            echo "  ";
            if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2363))) {
                // line 2364
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_image_settings", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2364)], 2364, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 2366
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_hover", [], "any", false, false, false, 2366) || twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "color_hover", [], "any", false, false, false, 2366))) {
                // line 2367
                echo "    transition: all ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2367), "style", [], "any", true, true, false, 2367) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2367), "style", [], "any", false, false, false, 2367)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2367), "style", [], "any", false, false, false, 2367)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  ";
            }
            // line 2369
            echo "
  ";
            // line 2370
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2370) == "gradient")) {
                // line 2371
                echo "    background: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient", [], "any", false, false, false, 2371), "value", [], "any", false, false, false, 2371);
                echo ";
    ";
                // line 2372
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2372), "scale", [], "any", false, false, false, 2372)) {
                    // line 2373
                    echo "      background-size: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2373), "scale", [], "any", false, false, false, 2373), "style", [], "any", false, false, false, 2373);
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2373), "scale", [], "any", false, false, false, 2373), "style", [], "any", false, false, false, 2373);
                    echo ";
    ";
                } elseif (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2374
($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2374), "speed", [], "any", false, false, false, 2374)) {
                    // line 2375
                    echo "      background-size: 200% 200%;
    ";
                }
                // line 2377
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2377), "speed", [], "any", false, false, false, 2377)) {
                    // line 2378
                    echo "      ";
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient", [], "any", false, false, false, 2378), "degree", [], "any", false, false, false, 2378) == 0)) {
                        // line 2379
                        echo "        animation: breakdance-section-gradient-offset ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2379), "speed", [], "any", false, false, false, 2379), "style", [], "any", false, false, false, 2379);
                        echo " ease infinite;
      ";
                    } else {
                        // line 2381
                        echo "        animation: breakdance-section-gradient ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2381), "speed", [], "any", false, false, false, 2381), "style", [], "any", false, false, false, 2381);
                        echo " ease infinite;
      ";
                    }
                    // line 2383
                    echo "    ";
                } elseif (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2383), "scale", [], "any", false, false, false, 2383)) {
                    // line 2384
                    echo "      animation: breakdance-section-gradient-offset 10s ease infinite;
    ";
                }
                // line 2386
                echo "
  ";
            }
            // line 2388
            echo "}

";
            // line 2390
            echo ($context["selector"] ?? null);
            echo ":hover {
  background-color: ";
            // line 2391
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "color_hover", [], "any", false, false, false, 2391);
            echo ";
}

";
            // line 2394
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2394) == "video")) {
                // line 2395
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " .section-background-video iframe,
  ";
                // line 2396
                echo ($context["selector"] ?? null);
                echo " .section-background-video video {
  width: ";
                // line 2397
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2397), "zoom", [], "any", false, true, false, 2397), "style", [], "any", true, true, false, 2397) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2397), "zoom", [], "any", false, true, false, 2397), "style", [], "any", false, false, false, 2397)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2397), "zoom", [], "any", false, true, false, 2397), "style", [], "any", false, false, false, 2397)) : ("100%"));
                echo ";
  height: ";
                // line 2398
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2398), "zoom", [], "any", false, true, false, 2398), "style", [], "any", true, true, false, 2398) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2398), "zoom", [], "any", false, true, false, 2398), "style", [], "any", false, false, false, 2398)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2398), "zoom", [], "any", false, true, false, 2398), "style", [], "any", false, false, false, 2398)) : ("100%"));
                echo ";
  left:-";
                // line 2399
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2399), "offsetx", [], "any", false, true, false, 2399), "style", [], "any", true, true, false, 2399) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2399), "offsetx", [], "any", false, true, false, 2399), "style", [], "any", false, false, false, 2399)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2399), "offsetx", [], "any", false, true, false, 2399), "style", [], "any", false, false, false, 2399)) : (0));
                echo ";
  top:-";
                // line 2400
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2400), "offsety", [], "any", false, true, false, 2400), "style", [], "any", true, true, false, 2400) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2400), "offsety", [], "any", false, true, false, 2400), "style", [], "any", false, false, false, 2400)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, true, false, 2400), "offsety", [], "any", false, true, false, 2400), "style", [], "any", false, false, false, 2400)) : (0));
                echo ";
}
";
            }
            // line 2403
            echo "
";
            // line 2404
            if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2404))) {
                // line 2405
                echo "  ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2405), "fallback_image", [], "any", false, false, false, 2405), "url", [], "any", false, false, false, 2405)) {
                    // line 2406
                    echo "    ";
                    echo ($context["selector"] ?? null);
                    echo " .section-background-video {
      background-image: url(";
                    // line 2407
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2407), "fallback_image", [], "any", false, false, false, 2407), "url", [], "any", false, false, false, 2407);
                    echo ");
    }
  ";
                }
                // line 2410
                echo "  ";
                if ((($context["viewportHeight"] ?? null) == "viewport")) {
                    // line 2411
                    echo "    ";
                    echo ($context["selector"] ?? null);
                    echo " .section-background-video .section-vimeo-wrapper {
      height: 100vh;
    }
  ";
                }
            }
            // line 2416
            echo "

";
            // line 2418
            if (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_hover", [], "any", false, false, false, 2418)) {
                // line 2419
                echo "  ";
                echo ($context["selector"] ?? null);
                echo ":hover {
      ";
                // line 2420
                $context["hover_size"] = (((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size_hover", [], "any", true, true, false, 2420) &&  !(null === twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size_hover", [], "any", false, false, false, 2420)))) ? (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size_hover", [], "any", false, false, false, 2420)) : ((((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", true, true, false, 2420) &&  !(null === twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2420)))) ? (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2420)) : ("full"))));
                // line 2421
                echo "      background-image: url(";
                echo twig_get_attribute($this->env, $this->source, (($__internal_compile_2 = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_hover", [], "any", false, false, false, 2421), "sizes", [], "any", false, false, false, 2421)) && is_array($__internal_compile_2) || $__internal_compile_2 instanceof ArrayAccess ? ($__internal_compile_2[($context["hover_size"] ?? null)] ?? null) : null), "url", [], "any", false, false, false, 2421);
                echo ");
    ";
                // line 2422
                if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2422), "size", [], "any", false, false, false, 2422) == "custom") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2422), "width_hover", [], "any", false, false, false, 2422)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2422), "height_hover", [], "any", false, false, false, 2422))) {
                    // line 2423
                    echo "      background-size: ";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, true, false, 2423), "width_hover", [], "any", false, true, false, 2423), "style", [], "any", true, true, false, 2423)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, true, false, 2423), "width_hover", [], "any", false, true, false, 2423), "style", [], "any", false, false, false, 2423), "auto")) : ("auto"));
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2423), "height_hover", [], "any", false, false, false, 2423), "style", [], "any", false, false, false, 2423);
                    echo ";
    ";
                }
                // line 2425
                echo "  }
";
            }
            // line 2428
            echo "
";
            // line 2429
            if ((($context["setChildrenZIndex"] ?? null) && ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2429), "color", [], "any", false, false, false, 2429) || ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2429), "type", [], "any", false, false, false, 2429) == "image") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2429), "image", [], "any", false, false, false, 2429))) || ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2429), "type", [], "any", false, false, false, 2429) == "gradient") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2429), "gradient", [], "any", false, false, false, 2429))))) {
                // line 2430
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > * {
    z-index: 1;
  }
  ";
                // line 2433
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    z-index: 0;
  }
";
            }
            // line 2437
            echo "
";
            // line 2438
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2438), "type", [], "any", false, false, false, 2438) == "gradient")) {
                // line 2439
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
  ";
                // line 2440
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2440), "gradient", [], "any", false, false, false, 2440)) {
                    // line 2441
                    echo "    background: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2441), "gradient", [], "any", false, false, false, 2441), "value", [], "any", false, false, false, 2441);
                    echo ";
  ";
                }
                // line 2443
                echo "  ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2443), "gradient_animation", [], "any", false, false, false, 2443), "scale", [], "any", false, false, false, 2443)) {
                    // line 2444
                    echo "    background-size: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2444), "gradient_animation", [], "any", false, false, false, 2444), "scale", [], "any", false, false, false, 2444), "style", [], "any", false, false, false, 2444);
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2444), "gradient_animation", [], "any", false, false, false, 2444), "scale", [], "any", false, false, false, 2444), "style", [], "any", false, false, false, 2444);
                    echo ";
  ";
                } elseif (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2445
($context["design"] ?? null), "overlay", [], "any", false, false, false, 2445), "gradient_animation", [], "any", false, false, false, 2445), "speed", [], "any", false, false, false, 2445)) {
                    // line 2446
                    echo "    background-size: 200% 200%;
  ";
                }
                // line 2448
                echo "  ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2448), "gradient_animation", [], "any", false, false, false, 2448), "speed", [], "any", false, false, false, 2448)) {
                    // line 2449
                    echo "    ";
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2449), "gradient", [], "any", false, false, false, 2449), "degree", [], "any", false, false, false, 2449) == 0)) {
                        // line 2450
                        echo "      animation: breakdance-section-gradient-offset ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2450), "gradient_animation", [], "any", false, false, false, 2450), "speed", [], "any", false, false, false, 2450), "style", [], "any", false, false, false, 2450);
                        echo " ease infinite;
    ";
                    } else {
                        // line 2452
                        echo "      animation: breakdance-section-gradient ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2452), "gradient_animation", [], "any", false, false, false, 2452), "speed", [], "any", false, false, false, 2452), "style", [], "any", false, false, false, 2452);
                        echo " ease infinite;
    ";
                    }
                    // line 2454
                    echo "  ";
                } elseif (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2454), "gradient_animation", [], "any", false, false, false, 2454), "scale", [], "any", false, false, false, 2454)) {
                    // line 2455
                    echo "    animation: breakdance-section-gradient-offset 10s ease infinite;
  ";
                }
                // line 2457
                echo "  }
";
            }
            // line 2459
            echo "
";
            // line 2460
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2460), "color", [], "any", false, false, false, 2460)) {
                // line 2461
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    background-color: ";
                // line 2462
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2462), "color", [], "any", false, false, false, 2462);
                echo ";
    transition: background-color ";
                // line 2463
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2463), "style", [], "any", true, true, false, 2463) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2463), "style", [], "any", false, false, false, 2463)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2463), "style", [], "any", false, false, false, 2463)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
";
            }
            // line 2466
            echo "
";
            // line 2467
            if (($context["setOverflowHiddenIfOverlayIsPresent"] ?? null)) {
                // line 2468
                echo "  ";
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2468), "color", [], "any", false, false, false, 2468) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2468), "type", [], "any", false, false, false, 2468))) {
                    // line 2469
                    echo "    ";
                    echo ($context["selector"] ?? null);
                    echo " {
      overflow: hidden;
    }
  ";
                }
            }
            // line 2474
            echo "
";
            // line 2475
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2475), "type", [], "any", false, false, false, 2475) == "image")) {
                // line 2476
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    ";
                // line 2477
                if ((($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2477), "image_settings", [], "any", false, false, false, 2477), "unset_image_at", [], "any", false, false, false, 2477))) {
                    // line 2478
                    echo "      background-image: unset;
    ";
                } else {
                    // line 2480
                    echo "      ";
                    if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2480), "image", [], "any", false, false, false, 2480), "url", [], "any", false, false, false, 2480))) {
                        // line 2481
                        echo "        ";
                        $context["overlay_size"] = (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2481), "image_size", [], "any", true, true, false, 2481) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2481), "image_size", [], "any", false, false, false, 2481)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2481), "image_size", [], "any", false, false, false, 2481)) : ("full"));
                        // line 2482
                        echo "        background-image: url(";
                        echo twig_get_attribute($this->env, $this->source, (($__internal_compile_3 = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2482), "image", [], "any", false, false, false, 2482), "sizes", [], "any", false, false, false, 2482)) && is_array($__internal_compile_3) || $__internal_compile_3 instanceof ArrayAccess ? ($__internal_compile_3[($context["overlay_size"] ?? null)] ?? null) : null), "url", [], "any", false, false, false, 2482);
                        echo ");
      ";
                    }
                    // line 2484
                    echo "    ";
                }
                // line 2485
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_image_settings", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2485), "image_settings", [], "any", false, false, false, 2485)], 2485, $context, $this->getSourceContext());
                echo "
    transition: all ";
                // line 2486
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2486), "style", [], "any", true, true, false, 2486) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2486), "style", [], "any", false, false, false, 2486)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2486), "style", [], "any", false, false, false, 2486)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
  ";
                // line 2488
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay:hover {
    ";
                // line 2489
                if (twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2489), "image_hover", [], "any", false, false, false, 2489))) {
                    // line 2490
                    echo "      ";
                    $context["overlay_hover_size"] = (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2490), "image_size_hover", [], "any", true, true, false, 2490) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2490), "image_size_hover", [], "any", false, false, false, 2490)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2490), "image_size_hover", [], "any", false, false, false, 2490)) : ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2490), "image_size", [], "any", true, true, false, 2490) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2490), "image_size", [], "any", false, false, false, 2490)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2490), "image_size", [], "any", false, false, false, 2490)) : ("full"))));
                    // line 2491
                    echo "      background-image: url(";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2491), "image", [], "any", false, true, false, 2491), "sizes", [], "any", false, true, false, 2491), ($context["overlay_hover_size"] ?? null), [], "array", false, true, false, 2491), "url", [], "any", true, true, false, 2491)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2491), "image", [], "any", false, true, false, 2491), "sizes", [], "any", false, true, false, 2491), ($context["overlay_hover_size"] ?? null), [], "array", false, true, false, 2491), "url", [], "any", false, false, false, 2491), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2491), "image", [], "any", false, false, false, 2491))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2491), "image", [], "any", false, false, false, 2491)));
                    echo ");
    ";
                }
                // line 2493
                echo "    ";
                if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2493), "image_hover", [], "any", false, false, false, 2493))) {
                    // line 2494
                    echo "      ";
                    $context["overlay_hover_size"] = (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2494), "image_size_hover", [], "any", true, true, false, 2494) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2494), "image_size_hover", [], "any", false, false, false, 2494)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2494), "image_size_hover", [], "any", false, false, false, 2494)) : ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2494), "image_size", [], "any", true, true, false, 2494) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2494), "image_size", [], "any", false, false, false, 2494)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2494), "image_size", [], "any", false, false, false, 2494)) : ("full"))));
                    // line 2495
                    echo "      background-image: url(";
                    echo twig_get_attribute($this->env, $this->source, (($__internal_compile_4 = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2495), "image_hover", [], "any", false, false, false, 2495), "sizes", [], "any", false, false, false, 2495)) && is_array($__internal_compile_4) || $__internal_compile_4 instanceof ArrayAccess ? ($__internal_compile_4[($context["overlay_hover_size"] ?? null)] ?? null) : null), "url", [], "any", false, false, false, 2495);
                    echo ");
    ";
                }
                // line 2497
                echo "    ";
                if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2497), "image_settings", [], "any", false, false, false, 2497), "size", [], "any", false, false, false, 2497) == "custom") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2497), "image_settings", [], "any", false, false, false, 2497), "width_hover", [], "any", false, false, false, 2497)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2497), "image_settings", [], "any", false, false, false, 2497), "height_hover", [], "any", false, false, false, 2497))) {
                    // line 2498
                    echo "      background-size: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2498), "image_settings", [], "any", false, false, false, 2498), "width_hover", [], "any", false, false, false, 2498), "style", [], "any", false, false, false, 2498);
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2498), "image_settings", [], "any", false, false, false, 2498), "height_hover", [], "any", false, false, false, 2498), "style", [], "any", false, false, false, 2498);
                    echo ";
    ";
                }
                // line 2500
                echo "  }
";
            }
            // line 2502
            echo "
";
            // line 2503
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2503), "opacity", [], "any", false, false, false, 2503)) {
                // line 2504
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    opacity: ";
                // line 2505
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2505), "opacity", [], "any", false, false, false, 2505);
                echo ";
  }
";
            }
            // line 2508
            echo "
";
            // line 2509
            echo ($context["selector"] ?? null);
            echo " > .section-background-overlay {
  ";
            // line 2510
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2510), "effects", [], "any", false, false, false, 2510), "blend_mode", [], "any", false, false, false, 2510)) {
                // line 2511
                echo "    mix-blend-mode: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2511), "effects", [], "any", false, false, false, 2511), "blend_mode", [], "any", false, false, false, 2511);
                echo ";
  ";
            }
            // line 2513
            echo "
  filter:
  ";
            // line 2515
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2515), "effects", [], "any", false, false, false, 2515), "filter", [], "any", false, false, false, 2515), "filters", [], "any", false, false, false, 2515));
            foreach ($context['_seq'] as $context["_key"] => $context["filter"]) {
                // line 2516
                echo "      ";
                if ((twig_get_attribute($this->env, $this->source, $context["filter"], "type", [], "any", false, false, false, 2516) == "blur")) {
                    // line 2517
                    echo "        blur(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "blur_amount", [], "any", false, false, false, 2517), "style", [], "any", false, false, false, 2517);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2518
$context["filter"], "type", [], "any", false, false, false, 2518) == "brightness")) {
                    // line 2519
                    echo "        brightness(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2519), "style", [], "any", false, false, false, 2519);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2520
$context["filter"], "type", [], "any", false, false, false, 2520) == "contrast")) {
                    // line 2521
                    echo "        contrast(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2521), "style", [], "any", false, false, false, 2521);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2522
$context["filter"], "type", [], "any", false, false, false, 2522) == "grayscale")) {
                    // line 2523
                    echo "        grayscale(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2523), "style", [], "any", false, false, false, 2523);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2524
$context["filter"], "type", [], "any", false, false, false, 2524) == "hue-rotate")) {
                    // line 2525
                    echo "        hue-rotate(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "rotate", [], "any", false, false, false, 2525), "style", [], "any", false, false, false, 2525);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2526
$context["filter"], "type", [], "any", false, false, false, 2526) == "invert")) {
                    // line 2527
                    echo "        invert(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2527), "style", [], "any", false, false, false, 2527);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2528
$context["filter"], "type", [], "any", false, false, false, 2528) == "saturate")) {
                    // line 2529
                    echo "        saturate(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2529), "style", [], "any", false, false, false, 2529);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2530
$context["filter"], "type", [], "any", false, false, false, 2530) == "sepia")) {
                    // line 2531
                    echo "        sepia(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2531), "style", [], "any", false, false, false, 2531);
                    echo ")
      ";
                }
                // line 2533
                echo "
  ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['filter'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 2534
            echo ";
}

";
            // line 2537
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2537), "effects", [], "any", false, false, false, 2537), "filter", [], "any", false, false, false, 2537), "filters_hover", [], "any", false, false, false, 2537)) {
                // line 2538
                echo ($context["selector"] ?? null);
                echo ":hover > .section-background-overlay {
  filter:
  ";
                // line 2540
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2540), "effects", [], "any", false, false, false, 2540), "filter", [], "any", false, false, false, 2540), "filters_hover", [], "any", false, false, false, 2540));
                foreach ($context['_seq'] as $context["_key"] => $context["filter"]) {
                    // line 2541
                    echo "      ";
                    if ((twig_get_attribute($this->env, $this->source, $context["filter"], "type", [], "any", false, false, false, 2541) == "blur")) {
                        // line 2542
                        echo "        blur(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "blur_amount", [], "any", false, false, false, 2542), "style", [], "any", false, false, false, 2542);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2543
$context["filter"], "type", [], "any", false, false, false, 2543) == "brightness")) {
                        // line 2544
                        echo "        brightness(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2544), "style", [], "any", false, false, false, 2544);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2545
$context["filter"], "type", [], "any", false, false, false, 2545) == "contrast")) {
                        // line 2546
                        echo "        contrast(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2546), "style", [], "any", false, false, false, 2546);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2547
$context["filter"], "type", [], "any", false, false, false, 2547) == "grayscale")) {
                        // line 2548
                        echo "        grayscale(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2548), "style", [], "any", false, false, false, 2548);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2549
$context["filter"], "type", [], "any", false, false, false, 2549) == "hue-rotate")) {
                        // line 2550
                        echo "        hue-rotate(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "rotate", [], "any", false, false, false, 2550), "style", [], "any", false, false, false, 2550);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2551
$context["filter"], "type", [], "any", false, false, false, 2551) == "invert")) {
                        // line 2552
                        echo "        invert(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2552), "style", [], "any", false, false, false, 2552);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2553
$context["filter"], "type", [], "any", false, false, false, 2553) == "saturate")) {
                        // line 2554
                        echo "        saturate(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2554), "style", [], "any", false, false, false, 2554);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2555
$context["filter"], "type", [], "any", false, false, false, 2555) == "sepia")) {
                        // line 2556
                        echo "        sepia(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2556), "style", [], "any", false, false, false, 2556);
                        echo ")
      ";
                    }
                    // line 2558
                    echo "  ";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['filter'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                echo ";
}
";
            }
            // line 2561
            echo "
";
            // line 2562
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2562), "opacity_hover", [], "any", false, false, false, 2562)) {
                // line 2563
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    transition: opacity ";
                // line 2564
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2564), "style", [], "any", true, true, false, 2564) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2564), "style", [], "any", false, false, false, 2564)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2564), "style", [], "any", false, false, false, 2564)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
  ";
                // line 2566
                echo ($context["selector"] ?? null);
                echo ":hover > .section-background-overlay {
    opacity: ";
                // line 2567
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2567), "opacity_hover", [], "any", false, false, false, 2567);
                echo ";
  }
";
            }
            // line 2570
            echo "
";
            // line 2571
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2571), "color_hover", [], "any", false, false, false, 2571)) {
                // line 2572
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    transition: background-color ";
                // line 2573
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2573), "style", [], "any", true, true, false, 2573) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2573), "style", [], "any", false, false, false, 2573)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2573), "style", [], "any", false, false, false, 2573)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
  ";
                // line 2575
                echo ($context["selector"] ?? null);
                echo ":hover > .section-background-overlay {
    background-color: ";
                // line 2576
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2576), "color_hover", [], "any", false, false, false, 2576);
                echo ";
  }
";
            }
            // line 2579
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2583
    public function macro_filtersInternal($__filter__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "filter" => $__filter__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2584
            echo "  filter:
  ";
            // line 2585
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["filter"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
                // line 2586
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, $context["f"], "type", [], "any", false, false, false, 2586) == "blur")) {
                    // line 2587
                    echo "      blur(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "blur_amount", [], "any", false, false, false, 2587), "style", [], "any", false, false, false, 2587);
                    echo ")
    ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2588
$context["f"], "type", [], "any", false, false, false, 2588) == "hue-rotate")) {
                    // line 2589
                    echo "      hue-rotate(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "rotate", [], "any", false, false, false, 2589), "style", [], "any", false, false, false, 2589);
                    echo ")
    ";
                } elseif (twig_get_attribute($this->env, $this->source,                 // line 2590
$context["f"], "type", [], "any", false, false, false, 2590)) {
                    // line 2591
                    echo "      ";
                    echo twig_get_attribute($this->env, $this->source, $context["f"], "type", [], "any", false, false, false, 2591);
                    echo "(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2591), "style", [], "any", false, false, false, 2591);
                    echo ")
    ";
                }
                // line 2593
                echo "  ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['f'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2596
    public function macro_filters($__preset__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "preset" => $__preset__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2597
            echo "  ";
            echo twig_call_macro($macros["_self"], "macro_filtersInternal", [twig_get_attribute($this->env, $this->source, ($context["preset"] ?? null), "filters", [], "any", false, false, false, 2597)], 2597, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2600
    public function macro_filtersHover($__preset__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "preset" => $__preset__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2601
            echo "  ";
            echo twig_call_macro($macros["_self"], "macro_filtersInternal", [twig_get_attribute($this->env, $this->source, ($context["preset"] ?? null), "filters_hover", [], "any", false, false, false, 2601)], 2601, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2605
    public function macro_atomV1FormCss($__style__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "style" => $__style__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2606
            echo "
  ";
            // line 2607
            echo (($context["selector"]) ?? (":root, .bde-global-css-vars"));
            echo " {
    --bde-form-gap: ";
            // line 2608
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "spacing", [], "any", false, false, false, 2608), "between_fields", [], "any", false, false, false, 2608), "style", [], "any", false, false, false, 2608);
            echo ";
    --bde-form-after-label: ";
            // line 2609
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "spacing", [], "any", false, false, false, 2609), "after_label", [], "any", false, false, false, 2609), "style", [], "any", false, false, false, 2609);
            echo ";
    --bde-form-after-sublabel: ";
            // line 2610
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "spacing", [], "any", false, false, false, 2610), "sub_label", [], "any", false, false, false, 2610), "style", [], "any", false, false, false, 2610);
            echo ";
    --bde-form-input-background-color: ";
            // line 2611
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2611), "background", [], "any", false, false, false, 2611);
            echo ";
    --bde-form-input-padding-top: ";
            // line 2612
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2612), "padding", [], "any", false, false, false, 2612), "padding", [], "any", false, false, false, 2612), "top", [], "any", false, false, false, 2612), "style", [], "any", false, false, false, 2612);
            echo ";
    --bde-form-input-padding-right: ";
            // line 2613
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2613), "padding", [], "any", false, false, false, 2613), "padding", [], "any", false, false, false, 2613), "right", [], "any", false, false, false, 2613), "style", [], "any", false, false, false, 2613);
            echo ";
    --bde-form-input-padding-bottom: ";
            // line 2614
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2614), "padding", [], "any", false, false, false, 2614), "padding", [], "any", false, false, false, 2614), "bottom", [], "any", false, false, false, 2614), "style", [], "any", false, false, false, 2614);
            echo ";
    --bde-form-input-padding-left: ";
            // line 2615
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2615), "padding", [], "any", false, false, false, 2615), "padding", [], "any", false, false, false, 2615), "left", [], "any", false, false, false, 2615), "style", [], "any", false, false, false, 2615);
            echo ";
    --bde-form-input-placeholder-color: ";
            // line 2616
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2616), "placeholder", [], "any", false, false, false, 2616);
            echo ";
    --bde-form-label-color: ";
            // line 2617
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "typography", [], "any", false, false, false, 2617), "labels", [], "any", false, false, false, 2617), "color", [], "any", false, false, false, 2617);
            echo ";
    --bde-form-label-required-color: ";
            // line 2618
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2618), "required", [], "any", false, false, false, 2618), "color", [], "any", false, false, false, 2618);
            echo ";
    --bde-form-label-required-nudge-x: ";
            // line 2619
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2619), "required", [], "any", false, false, false, 2619), "nudge_x", [], "any", false, false, false, 2619), "style", [], "any", false, false, false, 2619);
            echo ";
    --bde-form-label-required-nudge-y: ";
            // line 2620
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2620), "required", [], "any", false, false, false, 2620), "nudge_y", [], "any", false, false, false, 2620), "style", [], "any", false, false, false, 2620);
            echo ";
    --bde-form-label-required-size: ";
            // line 2621
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2621), "required", [], "any", false, false, false, 2621), "size", [], "any", false, false, false, 2621), "style", [], "any", false, false, false, 2621);
            echo ";
    --bde-form-text-color: ";
            // line 2622
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "typography", [], "any", false, false, false, 2622), "values", [], "any", false, false, false, 2622), "color", [], "any", false, false, false, 2622);
            echo ";
    --bde-form-input-focused-background-color: ";
            // line 2623
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2623), "focused", [], "any", false, false, false, 2623), "background", [], "any", false, false, false, 2623);
            echo ";
    --bde-form-input-focused-border-color: ";
            // line 2624
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2624), "focused", [], "any", false, false, false, 2624), "border", [], "any", false, false, false, 2624);
            echo ";
    --bde-form-input-focused-shadow: ";
            // line 2625
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2625), "focused", [], "any", false, false, false, 2625), "shadow", [], "any", false, false, false, 2625), "style", [], "any", false, false, false, 2625);
            echo ";
    --bde-form-checkbox-size: ";
            // line 2626
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2626), "advanced", [], "any", false, false, false, 2626), "radio_checkbox", [], "any", false, false, false, 2626), "size", [], "any", false, false, false, 2626), "style", [], "any", false, false, false, 2626);
            echo ";
    --bde-form-checkbox-selected-color: ";
            // line 2627
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2627), "advanced", [], "any", false, false, false, 2627), "radio_checkbox", [], "any", false, false, false, 2627), "color", [], "any", false, false, false, 2627);
            echo ";
    ";
            // line 2628
            echo twig_call_macro($macros["_self"], "macro_border_radius_to_css_vars", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2628), "borders", [], "any", false, false, false, 2628), "radius", [], "any", false, false, false, 2628)], 2628, $context, $this->getSourceContext());
            echo "
    ";
            // line 2629
            echo twig_call_macro($macros["_self"], "macro_border_complex_to_css_vars", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2629), "borders", [], "any", false, false, false, 2629), "border", [], "any", false, false, false, 2629)], 2629, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2633
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form {
    gap: ";
            // line 2634
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "spacing", [], "any", false, false, false, 2634), "between_fields", [], "any", false, false, false, 2634), "style", [], "any", false, false, false, 2634);
            echo ";
  }


  ";
            // line 2639
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-field__label,
  ";
            // line 2641
            echo "  ";
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce .woocommerce-password-strength,
  ";
            // line 2642
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce label span.optional,
  ";
            // line 2643
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce label {
    ";
            // line 2644
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "typography", [], "any", false, false, false, 2644), "labels", [], "any", false, false, false, 2644), ($context["globalSettings"] ?? null)], 2644, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2648
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form .breakdance-form-field__input,
  ";
            // line 2650
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .select2-container--default .select2-search--dropdown .select2-search__field,
  ";
            // line 2651
            echo ($context["selector"] ?? null);
            echo " .select2-container--default .select2-selection--single,
  ";
            // line 2652
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .price_slider_amount input[type=\"text\"],
  ";
            // line 2653
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce input[type=\"search\"],
  ";
            // line 2654
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce textarea,
  ";
            // line 2655
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .woocommerce-Input,
  ";
            // line 2656
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .input-text,
  ";
            // line 2657
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce select,
  ";
            // line 2658
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .wc_payment_method input[type=\"text\"],
  ";
            // line 2659
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .wc-stripe-elements-field {
    background-color: ";
            // line 2660
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2660), "background", [], "any", false, false, false, 2660);
            echo ";
    ";
            // line 2661
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2661), "borders", [], "any", false, false, false, 2661)], 2661, $context, $this->getSourceContext());
            echo "
    ";
            // line 2662
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "typography", [], "any", false, false, false, 2662), "values", [], "any", false, false, false, 2662), ($context["globalSettings"] ?? null)], 2662, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2666
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form .breakdance-form-field__input:focus {
    background-color: ";
            // line 2667
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, true, false, 2667), "focused", [], "any", false, true, false, 2667), "background", [], "any", true, true, false, 2667)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, true, false, 2667), "focused", [], "any", false, true, false, 2667), "background", [], "any", false, false, false, 2667), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2667), "background", [], "any", false, false, false, 2667))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2667), "background", [], "any", false, false, false, 2667)));
            echo ";
    border-color: ";
            // line 2668
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2668), "focused", [], "any", false, false, false, 2668), "border", [], "any", false, false, false, 2668);
            echo ";
    box-shadow: ";
            // line 2669
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2669), "focused", [], "any", false, false, false, 2669), "shadow", [], "any", false, false, false, 2669), "style", [], "any", false, false, false, 2669);
            echo ";
  }

  ";
            // line 2673
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form .breakdance-form-field__input::placeholder {
    color: ";
            // line 2674
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2674), "placeholder", [], "any", false, false, false, 2674);
            echo ";
  }

  ";
            // line 2678
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-checkbox input[type=\"checkbox\"],
  ";
            // line 2679
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-radio input[type=\"radio\"] {
    width: ";
            // line 2680
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2680), "advanced", [], "any", false, false, false, 2680), "radio_checkbox", [], "any", false, false, false, 2680), "size", [], "any", false, false, false, 2680), "style", [], "any", false, false, false, 2680);
            echo ";
    height: ";
            // line 2681
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2681), "advanced", [], "any", false, false, false, 2681), "radio_checkbox", [], "any", false, false, false, 2681), "size", [], "any", false, false, false, 2681), "style", [], "any", false, false, false, 2681);
            echo ";
    color: ";
            // line 2682
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2682), "advanced", [], "any", false, false, false, 2682), "radio_checkbox", [], "any", false, false, false, 2682), "color", [], "any", false, false, false, 2682);
            echo ";
  }

  ";
            // line 2685
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-checkbox,
  ";
            // line 2686
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-radio {
    margin-bottom: ";
            // line 2687
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "spacing", [], "any", false, false, false, 2687), "sub_label", [], "any", false, false, false, 2687), "style", [], "any", false, false, false, 2687);
            echo ";
    ";
            // line 2688
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "typography", [], "any", false, false, false, 2688), "sub_labels", [], "any", false, false, false, 2688), ($context["globalSettings"] ?? null)], 2688, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2692
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-link {
    ";
            // line 2693
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "typography", [], "any", false, false, false, 2693), "links", [], "any", false, false, false, 2693), ($context["globalSettings"] ?? null)], 2693, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2696
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-link:hover {
    ";
            // line 2697
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableColorAndEffects", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "typography", [], "any", false, false, false, 2697), "links", [], "any", false, false, false, 2697)], 2697, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2701
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-message {
    margin-top: ";
            // line 2702
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2702), "space_above", [], "any", false, false, false, 2702), "style", [], "any", false, false, false, 2702);
            echo ";
    padding: ";
            // line 2703
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2703), "padding", [], "any", false, false, false, 2703), "style", [], "any", false, false, false, 2703);
            echo ";
    background-color: ";
            // line 2704
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2704), "success", [], "any", false, false, false, 2704), "background", [], "any", false, false, false, 2704);
            echo ";
    ";
            // line 2705
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2705), "success", [], "any", false, false, false, 2705), "borders", [], "any", false, false, false, 2705)], 2705, $context, $this->getSourceContext());
            echo "
    ";
            // line 2706
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2706), "success", [], "any", false, false, false, 2706), "typography", [], "any", false, false, false, 2706), ($context["globalSettings"] ?? null)], 2706, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2709
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-message--error {
    background-color: ";
            // line 2710
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2710), "error", [], "any", false, false, false, 2710), "background", [], "any", false, false, false, 2710);
            echo ";
    ";
            // line 2711
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2711), "error", [], "any", false, false, false, 2711), "borders", [], "any", false, false, false, 2711)], 2711, $context, $this->getSourceContext());
            echo "
    ";
            // line 2712
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "messages", [], "any", false, false, false, 2712), "error", [], "any", false, false, false, 2712), "typography", [], "any", false, false, false, 2712), ($context["globalSettings"] ?? null)], 2712, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2716
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone {
    border-color: ";
            // line 2717
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2717), "advanced", [], "any", false, false, false, 2717), "file_input", [], "any", false, false, false, 2717), "drag_drop", [], "any", false, false, false, 2717), "border_color", [], "any", false, false, false, 2717);
            echo ";
  }

  ";
            // line 2720
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__title,
  ";
            // line 2721
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__accepts {
    color: ";
            // line 2722
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2722), "advanced", [], "any", false, false, false, 2722), "file_input", [], "any", false, false, false, 2722), "drag_drop", [], "any", false, false, false, 2722), "text_color", [], "any", false, false, false, 2722);
            echo ";
  }

  ";
            // line 2725
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__title span {
    color: ";
            // line 2726
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2726), "advanced", [], "any", false, false, false, 2726), "file_input", [], "any", false, false, false, 2726), "drag_drop", [], "any", false, false, false, 2726), "active_color", [], "any", false, false, false, 2726);
            echo ";
  }

  ";
            // line 2729
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__icon {
    color: ";
            // line 2730
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2730), "advanced", [], "any", false, false, false, 2730), "file_input", [], "any", false, false, false, 2730), "drag_drop", [], "any", false, false, false, 2730), "icon_color", [], "any", false, false, false, 2730);
            echo ";
  }

  ";
            // line 2734
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-field__required {
    color: ";
            // line 2735
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2735), "required", [], "any", false, false, false, 2735), "color", [], "any", false, false, false, 2735);
            echo ";
    font-size: ";
            // line 2736
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2736), "required", [], "any", false, false, false, 2736), "size", [], "any", false, false, false, 2736), "style", [], "any", false, false, false, 2736);
            echo ";
    ";
            // line 2737
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2737), "required", [], "any", false, false, false, 2737), "nudge", [], "any", false, false, false, 2737)) {
                // line 2738
                echo "      transform: translateX(";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2738), "required", [], "any", false, false, false, 2738), "nudge", [], "any", false, false, false, 2738), "style", [], "any", false, false, false, 2738);
                echo ");
    ";
            }
            // line 2740
            echo "  }


  ";
            // line 2744
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2744), "advanced", [], "any", false, false, false, 2744), "hide_labels", [], "any", false, false, false, 2744)) {
                // line 2745
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-form-field__label,
    ";
                // line 2747
                echo "    ";
                echo ($context["selector"] ?? null);
                echo ".breakdance-woocommerce .woocommerce-password-strength,
    ";
                // line 2748
                echo ($context["selector"] ?? null);
                echo ".breakdance-woocommerce label span.optional,
    ";
                // line 2749
                echo ($context["selector"] ?? null);
                echo ".breakdance-woocommerce label{
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
  ";
            }
            // line 2760
            echo "
  ";
            // line 2762
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "submit_button", [], "any", false, false, false, 2762), "alignment", [], "any", false, false, false, 2762)) {
                // line 2763
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-form-footer {
      justify-content: ";
                // line 2764
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "submit_button", [], "any", false, false, false, 2764), "alignment", [], "any", false, false, false, 2764);
                echo "
    }
    ";
                // line 2766
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "submit_button", [], "any", false, false, false, 2766), "alignment", [], "any", false, false, false, 2766) == "unset")) {
                    // line 2767
                    echo "      ";
                    echo ($context["selector"] ?? null);
                    echo " .breakdance-form-footer .breakdance-form-button__submit,
      ";
                    // line 2768
                    echo ($context["selector"] ?? null);
                    echo " .breakdance-form-footer .breakdance-form-field--step-buttons {
        width: 100%;
      }
    ";
                }
                // line 2772
                echo "  ";
            }
            // line 2773
            echo "
  ";
            // line 2775
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper {
    justify-content: ";
            // line 2776
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2776), "stepper", [], "any", false, false, false, 2776), "alignment", [], "any", false, false, false, 2776);
            echo ";
    ";
            // line 2777
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2777), "stepper", [], "any", false, false, false, 2777), "disable", [], "any", false, false, false, 2777)) {
                // line 2778
                echo "      display: none;
    ";
            }
            // line 2780
            echo "  }

  ";
            // line 2782
            if ((($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2782), "stepper", [], "any", false, false, false, 2782), "disable_at", [], "any", false, false, false, 2782))) {
                // line 2783
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-form-stepper {
      display: none;
    }
  ";
            }
            // line 2787
            echo "  
  ";
            // line 2788
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__list {
    max-width: ";
            // line 2789
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2789), "stepper", [], "any", false, false, false, 2789), "width", [], "any", false, false, false, 2789), "style", [], "any", false, false, false, 2789);
            echo ";
    gap: ";
            // line 2790
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2790), "stepper", [], "any", false, false, false, 2790), "divider", [], "any", false, false, false, 2790), "space_between", [], "any", false, false, false, 2790), "style", [], "any", false, false, false, 2790);
            echo ";
  }

  ";
            // line 2793
            if ((($context["breakpoint"] ?? null) == ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, true, false, 2793), "stepper", [], "any", false, true, false, 2793), "stack_vertically_at", [], "any", true, true, false, 2793)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, true, false, 2793), "stepper", [], "any", false, true, false, 2793), "stack_vertically_at", [], "any", false, false, false, 2793), "breakdpoint_phone_portrait")) : ("breakdpoint_phone_portrait")))) {
                // line 2794
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-form-stepper__list {
      flex-direction: column;
      align-items: ";
                // line 2796
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2796), "stepper", [], "any", false, false, false, 2796), "alignment", [], "any", false, false, false, 2796);
                echo ";
    }
  ";
            }
            // line 2799
            echo "
  ";
            // line 2800
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__label {
    ";
            // line 2801
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2801), "stepper", [], "any", false, false, false, 2801), "step", [], "any", false, false, false, 2801), "label", [], "any", false, false, false, 2801), ($context["globalSettings"] ?? null)], 2801, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2804
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step {
    gap: ";
            // line 2805
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2805), "stepper", [], "any", false, false, false, 2805), "step", [], "any", false, false, false, 2805), "bullet", [], "any", false, false, false, 2805), "space_after", [], "any", false, false, false, 2805), "style", [], "any", false, false, false, 2805);
            echo ";
  }

  ";
            // line 2808
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step-icon {
    width: ";
            // line 2809
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2809), "stepper", [], "any", false, false, false, 2809), "step", [], "any", false, false, false, 2809), "bullet", [], "any", false, false, false, 2809), "size", [], "any", false, false, false, 2809), "style", [], "any", false, false, false, 2809);
            echo ";
    height: ";
            // line 2810
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2810), "stepper", [], "any", false, false, false, 2810), "step", [], "any", false, false, false, 2810), "bullet", [], "any", false, false, false, 2810), "size", [], "any", false, false, false, 2810), "style", [], "any", false, false, false, 2810);
            echo ";
    border-radius: ";
            // line 2811
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2811), "stepper", [], "any", false, false, false, 2811), "step", [], "any", false, false, false, 2811), "bullet", [], "any", false, false, false, 2811), "radius", [], "any", false, false, false, 2811), "style", [], "any", false, false, false, 2811);
            echo ";
    background-color: ";
            // line 2812
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2812), "stepper", [], "any", false, false, false, 2812), "step", [], "any", false, false, false, 2812), "bullet", [], "any", false, false, false, 2812), "background", [], "any", false, false, false, 2812);
            echo ";
    ";
            // line 2813
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2813), "stepper", [], "any", false, false, false, 2813), "step", [], "any", false, false, false, 2813), "bullet", [], "any", false, false, false, 2813), "style", [], "any", false, false, false, 2813) == "number")) {
                // line 2814
                echo "      ";
                echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2814), "stepper", [], "any", false, false, false, 2814), "step", [], "any", false, false, false, 2814), "bullet", [], "any", false, false, false, 2814), "typography", [], "any", false, false, false, 2814), ($context["globalSettings"] ?? null)], 2814, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 2816
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2816), "stepper", [], "any", false, false, false, 2816), "step", [], "any", false, false, false, 2816), "bullet", [], "any", false, false, false, 2816), "style", [], "any", false, false, false, 2816) == "icon")) {
                // line 2817
                echo "      font-size: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2817), "stepper", [], "any", false, false, false, 2817), "step", [], "any", false, false, false, 2817), "bullet", [], "any", false, false, false, 2817), "icon_size", [], "any", false, false, false, 2817), "style", [], "any", false, false, false, 2817);
                echo ";
    ";
            }
            // line 2819
            echo "    ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2819), "stepper", [], "any", false, false, false, 2819), "step", [], "any", false, false, false, 2819), "bullet", [], "any", false, false, false, 2819), "disable", [], "any", false, false, false, 2819)) {
                // line 2820
                echo "      display: none;
    ";
            }
            // line 2822
            echo "  }

  ";
            // line 2824
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step-icon span {
    ";
            // line 2825
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2825), "stepper", [], "any", false, false, false, 2825), "step", [], "any", false, false, false, 2825), "bullet", [], "any", false, false, false, 2825), "number", [], "any", false, false, false, 2825), ($context["globalSettings"] ?? null)], 2825, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2828
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step-icon svg {
    font-size: ";
            // line 2829
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2829), "stepper", [], "any", false, false, false, 2829), "step", [], "any", false, false, false, 2829), "bullet", [], "any", false, false, false, 2829), "icon", [], "any", false, false, false, 2829), "size", [], "any", false, false, false, 2829), "style", [], "any", false, false, false, 2829);
            echo ";
    color: ";
            // line 2830
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2830), "stepper", [], "any", false, false, false, 2830), "step", [], "any", false, false, false, 2830), "bullet", [], "any", false, false, false, 2830), "icon", [], "any", false, false, false, 2830), "color", [], "any", false, false, false, 2830);
            echo ";
  }

  ";
            // line 2833
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step.is-active .breakdance-form-stepper__label {
    color: ";
            // line 2834
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2834), "stepper", [], "any", false, false, false, 2834), "step", [], "any", false, false, false, 2834), "active", [], "any", false, false, false, 2834), "label_color", [], "any", false, false, false, 2834);
            echo ";
  }

  ";
            // line 2837
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step.is-active .breakdance-form-stepper__step-icon {
    background-color:  ";
            // line 2838
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2838), "stepper", [], "any", false, false, false, 2838), "step", [], "any", false, false, false, 2838), "active", [], "any", false, false, false, 2838), "bullet_background", [], "any", false, false, false, 2838);
            echo ";
  }

  ";
            // line 2841
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step.is-active .breakdance-form-stepper__step-icon svg,
  ";
            // line 2842
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step.is-active .breakdance-form-stepper__step-icon span {
    color: ";
            // line 2843
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2843), "stepper", [], "any", false, false, false, 2843), "step", [], "any", false, false, false, 2843), "active", [], "any", false, false, false, 2843), "icon_color", [], "any", false, false, false, 2843);
            echo ";
  }

  ";
            // line 2846
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__step.is-active .breakdance-form-stepper__label {
    color: ";
            // line 2847
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2847), "stepper", [], "any", false, false, false, 2847), "step", [], "any", false, false, false, 2847), "active", [], "any", false, false, false, 2847), "text_color", [], "any", false, false, false, 2847);
            echo ";
  }

  ";
            // line 2850
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-stepper__separator {
    border-bottom-width: ";
            // line 2851
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2851), "stepper", [], "any", false, false, false, 2851), "divider", [], "any", false, false, false, 2851), "width", [], "any", false, false, false, 2851), "style", [], "any", false, false, false, 2851);
            echo ";
    border-bottom-color: ";
            // line 2852
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2852), "stepper", [], "any", false, false, false, 2852), "divider", [], "any", false, false, false, 2852), "color", [], "any", false, false, false, 2852);
            echo ";
    border-bottom-style: ";
            // line 2853
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2853), "stepper", [], "any", false, false, false, 2853), "divider", [], "any", false, false, false, 2853), "style", [], "any", false, false, false, 2853);
            echo ";
  }

  ";
            // line 2857
            echo "  ";
            // line 2858
            echo "  ";
            // line 2859
            echo "  ";
            // line 2865
            echo "  ";
            // line 2866
            echo "  ";
            $context["selectorObject"] = ["value" => ($context["selector"] ?? null)];
            // line 2867
            echo "  ";
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "submit_button", [], "any", false, false, false, 2867), "styles", [], "any", false, false, false, 2867), (twig_get_attribute($this->env, $this->source, ($context["selectorObject"] ?? null), "value", [], "any", false, false, false, 2867) . " .breakdance-form-button__submit"), "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 2867, $context, $this->getSourceContext());
            echo "
  ";
            // line 2868
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2868), "stepper", [], "any", false, false, false, 2868), "next_button", [], "any", false, false, false, 2868), (twig_get_attribute($this->env, $this->source, ($context["selectorObject"] ?? null), "value", [], "any", false, false, false, 2868) . " .breakdance-form-button__next-step"), "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 2868, $context, $this->getSourceContext());
            echo "
  ";
            // line 2869
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "other", [], "any", false, false, false, 2869), "stepper", [], "any", false, false, false, 2869), "previous_button", [], "any", false, false, false, 2869), (twig_get_attribute($this->env, $this->source, ($context["selectorObject"] ?? null), "value", [], "any", false, false, false, 2869) . " .breakdance-form-button__previous-step"), "secondary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 2869, $context, $this->getSourceContext());
            echo "
  ";
            // line 2871
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2877
    public function macro_grid($__grid__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "grid" => $__grid__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2878
            if ((twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "enable", [], "any", false, false, false, 2878) == "true")) {
                // line 2879
                echo "display: grid;
justify-items: ";
                // line 2880
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2880), "horizontal_alignment", [], "any", true, true, false, 2880)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2880), "horizontal_alignment", [], "any", false, false, false, 2880), "stretch")) : ("stretch"));
                echo ";
align-items: ";
                // line 2881
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2881), "vertical_alignment", [], "any", true, true, false, 2881)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2881), "vertical_alignment", [], "any", false, false, false, 2881), "stretch")) : ("stretch"));
                echo ";
";
                // line 2882
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, false, false, 2882), "template", [], "any", false, false, false, 2882) == "auto")) {
                    // line 2883
                    echo "grid-template-columns: repeat(
    ";
                    // line 2884
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2884), "columns", [], "any", true, true, false, 2884)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2884), "columns", [], "any", false, false, false, 2884), "3")) : ("3"));
                    echo "
    ,minmax(";
                    // line 2885
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "min_width", [], "any", false, true, false, 2885), "number", [], "any", true, true, false, 2885)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "min_width", [], "any", false, true, false, 2885), "number", [], "any", false, false, false, 2885), "10")) : ("10"));
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "min_width", [], "any", false, true, false, 2885), "unit", [], "any", true, true, false, 2885)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "min_width", [], "any", false, true, false, 2885), "unit", [], "any", false, false, false, 2885), "px")) : ("px"));
                    echo ",";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "max_width", [], "any", false, true, false, 2885), "number", [], "any", true, true, false, 2885)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "max_width", [], "any", false, true, false, 2885), "number", [], "any", false, false, false, 2885), "1")) : ("1"));
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "max_width", [], "any", false, true, false, 2885), "unit", [], "any", true, true, false, 2885)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2885), "max_width", [], "any", false, true, false, 2885), "unit", [], "any", false, false, false, 2885), "fr")) : ("fr"));
                    echo "));
";
                } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2886
($context["grid"] ?? null), "columns", [], "any", false, false, false, 2886), "template", [], "any", false, false, false, 2886) == "custom")) {
                    // line 2887
                    echo "grid-template-columns: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, false, false, 2887), "columns_template", [], "any", false, false, false, 2887);
                    echo ";
";
                }
                // line 2889
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, false, false, 2889), "template", [], "any", false, false, false, 2889) == "custom")) {
                    // line 2890
                    echo "grid-template-rows: repeat(";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "rows", [], "any", true, true, false, 2890)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "rows", [], "any", false, false, false, 2890), "1")) : ("1"));
                    echo ", minmax(";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "min_height", [], "any", false, true, false, 2890), "number", [], "any", true, true, false, 2890)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "min_height", [], "any", false, true, false, 2890), "number", [], "any", false, false, false, 2890), "10")) : ("10"));
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "min_height", [], "any", false, true, false, 2890), "unit", [], "any", true, true, false, 2890)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "min_height", [], "any", false, true, false, 2890), "unit", [], "any", false, false, false, 2890), "px")) : ("px"));
                    echo ", ";
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "max_height", [], "any", false, true, false, 2890), "number", [], "any", true, true, false, 2890)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "max_height", [], "any", false, true, false, 2890), "number", [], "any", false, false, false, 2890), "1")) : ("1"));
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "max_height", [], "any", false, true, false, 2890), "unit", [], "any", true, true, false, 2890)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2890), "max_height", [], "any", false, true, false, 2890), "unit", [], "any", false, false, false, 2890), "fr")) : ("fr"));
                    echo "));
";
                }
                // line 2892
                echo "grid-column-gap: ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2892), "gap", [], "any", false, true, false, 2892), "number", [], "any", true, true, false, 2892)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2892), "gap", [], "any", false, true, false, 2892), "number", [], "any", false, false, false, 2892), "0")) : ("0"));
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2892), "gap", [], "any", false, true, false, 2892), "unit", [], "any", true, true, false, 2892)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2892), "gap", [], "any", false, true, false, 2892), "unit", [], "any", false, false, false, 2892), "px")) : ("px"));
                echo ";
grid-row-gap: ";
                // line 2893
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2893), "gap", [], "any", false, true, false, 2893), "number", [], "any", true, true, false, 2893)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2893), "gap", [], "any", false, true, false, 2893), "number", [], "any", false, false, false, 2893), "0")) : ("0"));
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2893), "gap", [], "any", false, true, false, 2893), "unit", [], "any", true, true, false, 2893)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2893), "gap", [], "any", false, true, false, 2893), "unit", [], "any", false, false, false, 2893), "px")) : ("px"));
                echo ";
";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2897
    public function macro_image_settings($__settings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "settings" => $__settings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2898
            echo "
  ";
            // line 2899
            if ((twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "size", [], "any", false, false, false, 2899) == "custom")) {
                // line 2900
                echo "    background-size: ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "width", [], "any", false, false, false, 2900), "style", [], "any", false, false, false, 2900)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "width", [], "any", false, false, false, 2900), "style", [], "any", false, false, false, 2900)) : ("auto"));
                echo " ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "height", [], "any", false, false, false, 2900), "style", [], "any", false, false, false, 2900)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "height", [], "any", false, false, false, 2900), "style", [], "any", false, false, false, 2900)) : ("auto"));
                echo ";
  ";
            } else {
                // line 2902
                echo "    background-size: ";
                echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "size", [], "any", false, false, false, 2902);
                echo ";
  ";
            }
            // line 2904
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "repeat", [], "any", false, false, false, 2904)) {
                // line 2905
                echo "    background-repeat: ";
                echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "repeat", [], "any", false, false, false, 2905);
                echo ";
  ";
            }
            // line 2907
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "position", [], "any", false, false, false, 2907)) {
                // line 2908
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "position", [], "any", false, false, false, 2908) == "custom")) {
                    // line 2909
                    echo "      background-position: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "custom_position", [], "any", false, false, false, 2909), "x", [], "any", false, false, false, 2909);
                    echo "% ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "custom_position", [], "any", false, false, false, 2909), "y", [], "any", false, false, false, 2909);
                    echo "%;
    ";
                } else {
                    // line 2911
                    echo "      background-position: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "position", [], "any", false, false, false, 2911);
                    echo ";
    ";
                }
                // line 2913
                echo "  ";
            }
            // line 2914
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "attachment", [], "any", false, false, false, 2914)) {
                // line 2915
                echo "    background-attachment: ";
                echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "attachment", [], "any", false, false, false, 2915);
                echo ";
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2920
    public function macro_layout($__layout__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "layout" => $__layout__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2921
            echo "  display: ";
            echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "display", [], "any", false, false, false, 2921);
            echo ";

  ";
            // line 2923
            if (((twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "display", [], "any", false, false, false, 2923) == "flex") || (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "display", [], "any", false, false, false, 2923) == "inline-flex"))) {
                // line 2924
                echo "  \tflex-direction: ";
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "flex_direction", [], "any", false, false, false, 2924);
                echo ";
  \talign-items: ";
                // line 2925
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_items", [], "any", false, false, false, 2925);
                echo ";
  \tjustify-content: ";
                // line 2926
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "justify_content", [], "any", false, false, false, 2926);
                echo ";
  \tflex-wrap: ";
                // line 2927
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "flex_wrap", [], "any", false, false, false, 2927);
                echo ";
  \talign-content: ";
                // line 2928
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_content", [], "any", false, false, false, 2928);
                echo ";
    gap: ";
                // line 2929
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "gap", [], "any", false, false, false, 2929), "style", [], "any", false, false, false, 2929);
                echo ";
  ";
            }
            // line 2931
            echo "
  overflow: ";
            // line 2932
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2932), "overflow", [], "any", false, false, false, 2932);
            echo ";
  float: ";
            // line 2933
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2933), "legacy", [], "any", false, false, false, 2933), "float", [], "any", false, false, false, 2933);
            echo ";
  clear: ";
            // line 2934
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2934), "legacy", [], "any", false, false, false, 2934), "clear", [], "any", false, false, false, 2934);
            echo ";
  visibility: ";
            // line 2935
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2935), "legacy", [], "any", false, false, false, 2935), "visibility", [], "any", false, false, false, 2935);
            echo ";
  z-index: ";
            // line 2936
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2936), "z_index", [], "any", false, false, false, 2936);
            echo ";

  ";
            // line 2938
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2938), "position", [], "any", false, false, false, 2938), "position", [], "any", false, false, false, 2938)) {
                // line 2939
                echo "    position: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2939), "position", [], "any", false, false, false, 2939), "position", [], "any", false, false, false, 2939);
                echo ";
    top: ";
                // line 2940
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2940), "position", [], "any", false, false, false, 2940), "top", [], "any", false, false, false, 2940), "style", [], "any", false, false, false, 2940);
                echo ";
    left: ";
                // line 2941
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2941), "position", [], "any", false, false, false, 2941), "left", [], "any", false, false, false, 2941), "style", [], "any", false, false, false, 2941);
                echo ";
    right: ";
                // line 2942
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2942), "position", [], "any", false, false, false, 2942), "right", [], "any", false, false, false, 2942), "style", [], "any", false, false, false, 2942);
                echo ";
    bottom: ";
                // line 2943
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2943), "position", [], "any", false, false, false, 2943), "bottom", [], "any", false, false, false, 2943), "style", [], "any", false, false, false, 2943);
                echo ";
  ";
            }
            // line 2945
            echo "
  align-self: ";
            // line 2946
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2946), "flex_child", [], "any", false, false, false, 2946), "align_self", [], "any", false, false, false, 2946);
            echo ";
  order: ";
            // line 2947
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2947), "flex_child", [], "any", false, false, false, 2947), "order", [], "any", false, false, false, 2947);
            echo ";
  flex-grow: ";
            // line 2948
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2948), "flex_child", [], "any", false, false, false, 2948), "flex_grow", [], "any", false, false, false, 2948);
            echo ";
  flex-shrink: ";
            // line 2949
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2949), "flex_child", [], "any", false, false, false, 2949), "flex_shrink", [], "any", false, false, false, 2949);
            echo ";
  flex-basis: ";
            // line 2950
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2950), "flex_child", [], "any", false, false, false, 2950), "flex_basis", [], "any", false, false, false, 2950), "number", [], "any", false, false, false, 2950);
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2950), "flex_child", [], "any", false, false, false, 2950), "flex_basis", [], "any", false, false, false, 2950), "unit", [], "any", false, false, false, 2950);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2954
    public function macro_layout_basic_flex($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2955
            echo "
    display: flex;

    ";
            // line 2958
            if ((twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "stack", [], "any", false, false, false, 2958) == "horizontal")) {
                // line 2959
                echo "        flex-direction: row;
        flex-wrap: wrap;

        ";
                // line 2962
                if ((twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2962) == "left")) {
                    // line 2963
                    echo "            justify-content: flex-start;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2964
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2964) == "center")) {
                    // line 2965
                    echo "            justify-content: center;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2966
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2966) == "right")) {
                    // line 2967
                    echo "            justify-content: flex-end;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2968
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2968) == "space_around")) {
                    // line 2969
                    echo "            justify-content: space-around;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2970
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2970) == "space_between")) {
                    // line 2971
                    echo "            justify-content: space-between;
        ";
                }
                // line 2973
                echo "
        ";
                // line 2974
                if ((twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "h_v_alignment", [], "any", false, false, false, 2974) == "top")) {
                    // line 2975
                    echo "            align-items: flex-start;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2976
($context["s"] ?? null), "h_v_alignment", [], "any", false, false, false, 2976) == "middle")) {
                    // line 2977
                    echo "            align-items: center;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2978
($context["s"] ?? null), "h_v_alignment", [], "any", false, false, false, 2978) == "bottom")) {
                    // line 2979
                    echo "            align-items: flex-end;
        ";
                }
                // line 2981
                echo "
    ";
            } else {
                // line 2983
                echo "        flex-direction: column;

        ";
                // line 2985
                if ((twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "alignment", [], "any", false, false, false, 2985) == "left")) {
                    // line 2986
                    echo "            align-items: flex-start;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2987
($context["s"] ?? null), "alignment", [], "any", false, false, false, 2987) == "center")) {
                    // line 2988
                    echo "            align-items: center;
            text-align: center;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2990
($context["s"] ?? null), "alignment", [], "any", false, false, false, 2990) == "right")) {
                    // line 2991
                    echo "            align-items: flex-end;
        ";
                }
                // line 2993
                echo "
    ";
            }
            // line 2995
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 2999
    public function macro_linkStart($__link__ = null, $__class__ = null, $__attString__ = null, $__zoom__ = null, $___contentEditablePath__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "link" => $__link__,
            "class" => $__class__,
            "attString" => $__attString__,
            "zoom" => $__zoom__,
            "_contentEditablePath" => $___contentEditablePath__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3000
            echo "    ";
            $context["url"] = twig_trim_filter(twig_call_macro($macros["_self"], "macro_getUntrimmedLinkUrl", [($context["link"] ?? null)], 3000, $context, $this->getSourceContext()));
            // line 3001
            echo "    ";
            $context["target"] = ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "openInNewTab", [], "any", false, false, false, 3001)) ? ("_blank") : ("_self"));
            // line 3002
            echo "
    ";
            // line 3003
            echo twig_call_macro($macros["_self"], "macro_linkMaybeEnqueueLightboxStyles", [($context["link"] ?? null)], 3003, $context, $this->getSourceContext());
            echo "
    ";
            // line 3004
            echo twig_call_macro($macros["_self"], "macro_linkMaybeEnqueueLinkActions", [($context["link"] ?? null)], 3004, $context, $this->getSourceContext());
            echo "

    ";
            // line 3006
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 3006) == "lightbox")) {
                // line 3007
                echo "      ";
                $context["attString"] = (($context["attString"] ?? null) . " data-lightbox-id=\"%%ID%%\"");
                // line 3008
                echo "
      ";
                // line 3009
                if (($context["zoom"] ?? null)) {
                    // line 3010
                    echo "        ";
                    $context["attString"] = (($context["attString"] ?? null) . " data-zoom=\"1\"");
                    // line 3011
                    echo "      ";
                }
                // line 3012
                echo "    ";
            }
            // line 3013
            echo "
    ";
            // line 3014
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 3014) == "action")) {
                // line 3015
                echo "      ";
                $context["linkAction"] = json_encode(twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "action", [], "any", false, false, false, 3015));
                // line 3016
                echo "      ";
                $context["attString"] = (((($context["attString"] ?? null) . " data-action='") . ($context["linkAction"] ?? null)) . "'");
                // line 3017
                echo "    ";
            }
            // line 3018
            echo "
    <a class=\"breakdance-link ";
            // line 3019
            echo ((($context["class"] ?? null)) ? ((" " . ($context["class"] ?? null))) : (""));
            echo "\" href=\"";
            echo ((twig_test_empty(($context["url"] ?? null))) ? ("#") : (($context["url"] ?? null)));
            echo "\" target=\"";
            echo ($context["target"] ?? null);
            echo "\" data-type=\"";
            echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 3019);
            echo "\" ";
            echo ($context["attString"] ?? null);
            echo " ";
            echo Breakdance\PluginsAPI\content_editable_php(($context["_contentEditablePath"] ?? null));
            echo ">
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3022
    public function macro_linkEnd(...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3023
            echo "    </a>
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3026
    public function macro_linkMaybeEnqueueLightboxStyles($__link__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "link" => $__link__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3027
            echo "    ";
            // line 3028
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 3028) == "lightbox")) {
                // line 3029
                echo "      ";
                echo Breakdance\Elements\addDependency(["styles" => [0 => "%%BREAKDANCE_ELEMENTS_PLUGIN_URL%%dependencies-files/lightgallery@2/css/lightgallery-bundle.min.css"], "scripts" => [0 => "%%BREAKDANCE_ELEMENTS_PLUGIN_URL%%dependencies-files/lightgallery@2/lightgallery-bundle.min.js", 1 => "%%BREAKDANCE_ELEMENTS_PLUGIN_URL%%dependencies-files/elements-reusable-code/lightbox.js"]]);
                // line 3039
                echo "
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3043
    public function macro_linkMaybeEnqueueLinkActions($__link__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "link" => $__link__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3044
            echo "    ";
            // line 3045
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 3045) == "action")) {
                // line 3046
                echo "       ";
                if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "action", [], "any", false, false, false, 3046), "type", [], "any", false, false, false, 3046))) {
                    // line 3047
                    echo "        ";
                    echo Breakdance\Elements\addDependency(["scripts" => [0 => "%%BREAKDANCE_ELEMENTS_PLUGIN_URL%%dependencies-files/elements-reusable-code/breakdance-link-actions.js"]]);
                    // line 3053
                    echo "
       ";
                    // line 3055
                    echo "       ";
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "action", [], "any", false, false, false, 3055), "type", [], "any", false, false, false, 3055) == "popup")) {
                        // line 3056
                        echo "         ";
                        echo Breakdance\PluginsAPI\renderPopup(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "action", [], "any", false, false, false, 3056), "popupOptions", [], "any", false, false, false, 3056), "popupId", [], "any", false, false, false, 3056));
                        echo "
       ";
                    }
                    // line 3058
                    echo "      ";
                }
                // line 3059
                echo "    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3062
    public function macro_getUntrimmedLinkUrl($__link__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "link" => $__link__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3063
            echo "    ";
            if (twig_test_iterable(($context["link"] ?? null))) {
                // line 3064
                echo "        ";
                $context["contact"] = twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "contact", [], "any", false, false, false, 3064);
                // line 3065
                echo "        ";
                $context["lightbox"] = twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "lightbox", [], "any", false, false, false, 3065);
                // line 3066
                echo "
        ";
                // line 3067
                $context["contact_urls"] = ["email" => ((((("mailto:" . twig_get_attribute($this->env, $this->source,                 // line 3068
($context["contact"] ?? null), "email", [], "any", false, false, false, 3068)) . "?subject=") . twig_get_attribute($this->env, $this->source, ($context["contact"] ?? null), "subject", [], "any", false, false, false, 3068)) . "&body=") . twig_get_attribute($this->env, $this->source, ($context["contact"] ?? null), "message", [], "any", false, false, false, 3068)), "whatsapp" => ((("https://api.whatsapp.com/send?phone=" . twig_get_attribute($this->env, $this->source,                 // line 3069
($context["contact"] ?? null), "phoneNumber", [], "any", false, false, false, 3069)) . "&text=") . twig_get_attribute($this->env, $this->source, ($context["contact"] ?? null), "message", [], "any", false, false, false, 3069)), "tel" => ("tel:" . twig_get_attribute($this->env, $this->source,                 // line 3070
($context["contact"] ?? null), "phoneNumber", [], "any", false, false, false, 3070)), "sms" => ("sms:" . twig_get_attribute($this->env, $this->source,                 // line 3071
($context["contact"] ?? null), "phoneNumber", [], "any", false, false, false, 3071))];
                // line 3073
                echo "
        ";
                // line 3074
                $context["lightbox_urls"] = ["image" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 3075
($context["lightbox"] ?? null), "image", [], "any", false, false, false, 3075), "url", [], "any", false, false, false, 3075), "video" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 3076
($context["lightbox"] ?? null), "video", [], "any", false, false, false, 3076), "embedUrl", [], "any", false, false, false, 3076)];
                // line 3078
                echo "
        ";
                // line 3079
                $context["urls"] = ["url" => twig_get_attribute($this->env, $this->source,                 // line 3080
($context["link"] ?? null), "url", [], "any", false, false, false, 3080), "lightbox" => (($__internal_compile_5 =                 // line 3081
($context["lightbox_urls"] ?? null)) && is_array($__internal_compile_5) || $__internal_compile_5 instanceof ArrayAccess ? ($__internal_compile_5[twig_get_attribute($this->env, $this->source, ($context["lightbox"] ?? null), "type", [], "any", false, false, false, 3081)] ?? null) : null), "contact" => (($__internal_compile_6 =                 // line 3082
($context["contact_urls"] ?? null)) && is_array($__internal_compile_6) || $__internal_compile_6 instanceof ArrayAccess ? ($__internal_compile_6[twig_get_attribute($this->env, $this->source, ($context["contact"] ?? null), "type", [], "any", false, false, false, 3082)] ?? null) : null)];
                // line 3084
                echo "
        ";
                // line 3085
                $context["url"] = (($__internal_compile_7 = ($context["urls"] ?? null)) && is_array($__internal_compile_7) || $__internal_compile_7 instanceof ArrayAccess ? ($__internal_compile_7[twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 3085)] ?? null) : null);
                // line 3086
                echo "
        ";
                // line 3087
                echo ((twig_test_empty(($context["url"] ?? null))) ? ("#") : (($context["url"] ?? null)));
                echo "
    ";
            } else {
                // line 3089
                echo "        ";
                // line 3090
                echo "        ";
                echo ((twig_test_empty(($context["link"] ?? null))) ? ("#") : (($context["link"] ?? null)));
                echo "
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3095
    public function macro_image($__img__ = null, $__chosenSize__ = null, $__alt__ = null, $__lazyLoad__ = null, $__imgClass__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "img" => $__img__,
            "chosenSize" => $__chosenSize__,
            "alt" => $__alt__,
            "lazyLoad" => $__lazyLoad__,
            "imgClass" => $__imgClass__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3096
            echo "  ";
            $context["defaultSize"] = "full";
            // line 3097
            echo "  ";
            $context["allSizes"] = twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, false, false, 3097);
            // line 3098
            echo "  ";
            $context["size"] = ((array_key_exists("chosenSize", $context)) ? (_twig_default_filter(($context["chosenSize"] ?? null), ($context["defaultSize"] ?? null))) : (($context["defaultSize"] ?? null)));
            // line 3099
            echo "
  ";
            // line 3100
            $context["customAlt"] = ((array_key_exists("alt", $context)) ? (_twig_default_filter(($context["alt"] ?? null), twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "alt", [], "any", false, false, false, 3100))) : (twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "alt", [], "any", false, false, false, 3100)));
            // line 3101
            echo "
  ";
            // line 3102
            if ((($context["alt"] ?? null) === false)) {
                // line 3103
                echo "    ";
                $context["customAlt"] = false;
                // line 3104
                echo "  ";
            }
            // line 3105
            echo "
  ";
            // line 3106
            $context["altAttr"] = ((($context["customAlt"] ?? null)) ? ((("alt=\"" . ($context["customAlt"] ?? null)) . "\"")) : (""));
            // line 3107
            echo "
  ";
            // line 3108
            $context["extraImageClass"] = ((($context["imgClass"] ?? null)) ? ((" " . ($context["imgClass"] ?? null))) : (""));
            // line 3109
            echo "
  ";
            // line 3111
            echo "  ";
            $context["full"] = (($__internal_compile_8 = ($context["allSizes"] ?? null)) && is_array($__internal_compile_8) || $__internal_compile_8 instanceof ArrayAccess ? ($__internal_compile_8[($context["defaultSize"] ?? null)] ?? null) : null);
            // line 3112
            echo "  ";
            $context["selected"] = ((((twig_get_attribute($this->env, $this->source, ($context["allSizes"] ?? null), ($context["size"] ?? null), [], "array", true, true, false, 3112)) ? (_twig_default_filter((($__internal_compile_9 = ($context["allSizes"] ?? null)) && is_array($__internal_compile_9) || $__internal_compile_9 instanceof ArrayAccess ? ($__internal_compile_9[($context["size"] ?? null)] ?? null) : null), ($context["full"] ?? null))) : (($context["full"] ?? null)))) ? (((twig_get_attribute($this->env, $this->source, ($context["allSizes"] ?? null), ($context["size"] ?? null), [], "array", true, true, false, 3112)) ? (_twig_default_filter((($__internal_compile_10 = ($context["allSizes"] ?? null)) && is_array($__internal_compile_10) || $__internal_compile_10 instanceof ArrayAccess ? ($__internal_compile_10[($context["size"] ?? null)] ?? null) : null), ($context["full"] ?? null))) : (($context["full"] ?? null)))) : (Breakdance\PluginsAPI\getImagePlaceholder()));
            // line 3113
            echo "
  ";
            // line 3114
            if ((twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "type", [], "any", false, false, false, 3114) == "external_image")) {
                // line 3115
                echo "    <img
      class=\"breakdance-image-object";
                // line 3116
                echo ($context["extraImageClass"] ?? null);
                echo "\"
      src=\"";
                // line 3117
                echo twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "url", [], "any", false, false, false, 3117);
                echo "\"
      ";
                // line 3118
                echo ($context["altAttr"] ?? null);
                echo "
      ";
                // line 3119
                echo ((($context["lazyLoad"] ?? null)) ? ("loading=\"lazy\"") : (""));
                echo "
    />
  ";
            } else {
                // line 3122
                echo "    <img
      class=\"breakdance-image-object";
                // line 3123
                echo ($context["extraImageClass"] ?? null);
                echo "\"
      src=\"";
                // line 3124
                echo twig_get_attribute($this->env, $this->source, ($context["selected"] ?? null), "url", [], "any", false, false, false, 3124);
                echo "\"
      width=\"";
                // line 3125
                echo twig_get_attribute($this->env, $this->source, ($context["selected"] ?? null), "width", [], "any", false, false, false, 3125);
                echo "\"
      height=\"";
                // line 3126
                echo twig_get_attribute($this->env, $this->source, ($context["selected"] ?? null), "height", [], "any", false, false, false, 3126);
                echo "\"
      ";
                // line 3127
                echo ($context["altAttr"] ?? null);
                echo "
      ";
                // line 3128
                echo ((($context["lazyLoad"] ?? null)) ? ("loading=\"lazy\"") : (""));
                echo "
      ";
                // line 3129
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "attributes", [], "any", false, false, false, 3129));
                foreach ($context['_seq'] as $context["attribute"] => $context["value"]) {
                    // line 3130
                    echo "        ";
                    echo $context["attribute"];
                    echo "=\"";
                    echo $context["value"];
                    echo "\"
      ";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['attribute'], $context['value'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 3132
                echo "    >
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3136
    public function macro_video($__video__ = null, $__lazyLoad__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "video" => $__video__,
            "lazyLoad" => $__lazyLoad__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3137
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "type", [], "any", false, false, false, 3137) == "video")) {
                // line 3138
                echo "    <video src=\"";
                echo twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "url", [], "any", false, false, false, 3138);
                echo "\" playsinline ";
                echo ((($context["lazyLoad"] ?? null)) ? ("loading=\"lazy\"") : (""));
                echo "></video>
  ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 3139
($context["video"] ?? null), "type", [], "any", false, false, false, 3139) == "oembed")) {
                // line 3140
                echo "    <iframe
      src=\"";
                // line 3141
                echo twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "embedUrl", [], "any", false, false, false, 3141);
                echo "\"
      title=\"";
                // line 3142
                echo twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "title", [], "any", false, false, false, 3142);
                echo "\"
      ";
                // line 3143
                echo ((($context["lazyLoad"] ?? null)) ? ("loading=\"lazy\"") : (""));
                echo "
      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen
    ></iframe>
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3149
    public function macro_getVideoThumbnail($__video__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "video" => $__video__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3150
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "type", [], "any", false, false, false, 3150) == "oembed")) {
                // line 3151
                echo "    ";
                // line 3152
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_image", [twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "thumbnail", [], "any", false, false, false, 3152)], 3152, $context, $this->getSourceContext());
                echo "
  ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 3153
($context["video"] ?? null), "type", [], "any", false, false, false, 3153) == "video")) {
                // line 3154
                echo "    ";
                // line 3159
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_video", [($context["video"] ?? null)], 3159, $context, $this->getSourceContext());
                echo "
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3167
    public function macro_getMedia($__media__ = null, $__size__ = null, $__lazyLoad__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "media" => $__media__,
            "size" => $__size__,
            "lazyLoad" => $__lazyLoad__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3168
            echo "  ";
            // line 3169
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["media"] ?? null), "type", [], "any", false, false, false, 3169) == "video")) {
                // line 3170
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_video", [($context["media"] ?? null), ($context["lazyLoad"] ?? null)], 3170, $context, $this->getSourceContext());
                echo "
  ";
            } else {
                // line 3172
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_image", [($context["media"] ?? null), ($context["size"] ?? null), twig_get_attribute($this->env, $this->source, ($context["media"] ?? null), "alt", [], "any", false, false, false, 3172), ($context["lazyLoad"] ?? null)], 3172, $context, $this->getSourceContext());
                echo "
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3177
    public function macro_menuStart($__options__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "options" => $__options__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3178
            echo "  ";
            $context["style"] = ((twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "removeColumnTitles", [], "any", false, false, false, 3178)) ? ("no-titles") : ("collapse"));
            // line 3179
            echo "  ";
            $context["customIcon"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "toggle", [], "any", false, false, false, 3179), "custom_icon", [], "any", false, false, false, 3179);
            // line 3180
            echo "
<nav class=\"breakdance-menu breakdance-menu--";
            // line 3181
            echo ($context["style"] ?? null);
            echo "\">
  <button class=\"breakdance-menu-toggle breakdance-menu-toggle--";
            // line 3182
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "toggle", [], "any", false, true, false, 3182), "animation", [], "any", true, true, false, 3182)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "toggle", [], "any", false, true, false, 3182), "animation", [], "any", false, false, false, 3182), "squeeze")) : ("squeeze"));
            echo "\" type=\"button\">
      ";
            // line 3183
            if ((twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 3183) || (twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 3183) && twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "close_icon", [], "any", false, false, false, 3183)))) {
                // line 3184
                echo "        ";
                if (twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 3184)) {
                    // line 3185
                    echo "          <span class=\"breakdance-menu-toggle__custom-open-icon\">
            ";
                    // line 3186
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 3186), "svgCode", [], "any", false, false, false, 3186);
                    echo "
          </span>
        ";
                }
                // line 3189
                echo "
        ";
                // line 3190
                if (twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "close_icon", [], "any", false, false, false, 3190)) {
                    // line 3191
                    echo "          <span class=\"breakdance-menu-toggle__custom-close-icon\">
            ";
                    // line 3192
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "close_icon", [], "any", false, false, false, 3192), "svgCode", [], "any", false, false, false, 3192);
                    echo "
          </span>
        ";
                }
                // line 3195
                echo "      ";
            } else {
                // line 3196
                echo "        <span class=\"breakdance-menu-toggle-icon\">
          <span class=\"breakdance-menu-toggle-lines\"></span>
        </span>
      ";
            }
            // line 3200
            echo "  </button>
  ";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3203
    public function macro_menuEnd(...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3204
            echo "</nav>
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3207
    public function macro_menuTopbar($__options__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "options" => $__options__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3208
            echo "  ";
            $context["layout"] = twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "layout", [], "any", false, false, false, 3208);
            // line 3209
            echo "
  ";
            // line 3210
            if (((twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "mode", [], "any", false, false, false, 3210) && (twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "mode", [], "any", false, false, false, 3210) != "default")) && (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo", [], "any", false, false, false, 3210) ||  !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "close_button", [], "any", false, false, false, 3210), "disable", [], "any", false, false, false, 3210)))) {
                // line 3211
                echo "    <div class=\"breakdance-menu-topbar\">
      ";
                // line 3212
                if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo_url", [], "any", false, false, false, 3212)) {
                    // line 3213
                    echo "      <a class=\"breakdance-menu-topbar-logo\" href=\"";
                    echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo_url", [], "any", false, false, false, 3213);
                    echo "\">
        ";
                } else {
                    // line 3215
                    echo "        <span class=\"breakdance-menu-topbar-logo\">
      ";
                }
                // line 3217
                echo "          ";
                if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo", [], "any", false, false, false, 3217)) {
                    // line 3218
                    echo "            <img src=\"";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo", [], "any", false, false, false, 3218), "url", [], "any", false, false, false, 3218);
                    echo "\" alt=\"";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo", [], "any", false, false, false, 3218), "alt", [], "any", false, false, false, 3218);
                    echo "\" />
          ";
                }
                // line 3220
                echo "          ";
                if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo_url", [], "any", false, false, false, 3220)) {
                    // line 3221
                    echo "      </a>
    ";
                } else {
                    // line 3223
                    echo "      </span>
      ";
                }
                // line 3225
                echo "
      ";
                // line 3226
                if ( !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "close_button", [], "any", false, false, false, 3226), "disable", [], "any", false, false, false, 3226)) {
                    // line 3227
                    echo "        <button class=\"breakdance-menu-close-button\" type=\"button\">Close</button>
      ";
                }
                // line 3229
                echo "    </div>
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3233
    public function macro_menuLink($__link__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "link" => $__link__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3234
            echo "  <a href=\"";
            echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "url", [], "any", false, false, false, 3234);
            echo "\" class=\"breakdance-dropdown-link\">
    ";
            // line 3235
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon_or_image", [], "any", false, false, false, 3235) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon", [], "any", false, false, false, 3235), "svgCode", [], "any", false, false, false, 3235) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "image", [], "any", false, false, false, 3235), "url", [], "any", false, false, false, 3235)))) {
                // line 3236
                echo "      <span class=\"breakdance-dropdown-link__icon\">
        ";
                // line 3237
                if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon_or_image", [], "any", false, false, false, 3237) == "icon")) {
                    // line 3238
                    echo "          ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon", [], "any", false, false, false, 3238), "svgCode", [], "any", false, false, false, 3238);
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 3239
($context["link"] ?? null), "icon_or_image", [], "any", false, false, false, 3239) == "image")) {
                    // line 3240
                    echo "          <img src=\"";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "image", [], "any", false, false, false, 3240), "url", [], "any", false, false, false, 3240);
                    echo "\" width=\"30\" alt=\"\">
        ";
                }
                // line 3242
                echo "      </span>
    ";
            }
            // line 3244
            echo "
    <span class=\"breakdance-dropdown-link__label\">
      ";
            // line 3246
            if (twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "text", [], "any", false, false, false, 3246)) {
                // line 3247
                echo "        <span class=\"breakdance-dropdown-link__text\">";
                echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "text", [], "any", false, false, false, 3247);
                echo "</span>
      ";
            }
            // line 3249
            echo "
      ";
            // line 3250
            if (twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "description", [], "any", false, false, false, 3250)) {
                // line 3251
                echo "        <span class=\"breakdance-dropdown-link__description\">";
                echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "description", [], "any", false, false, false, 3251);
                echo "</span>
      ";
            }
            // line 3253
            echo "    </span>
  </a>
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3257
    public function macro_menuSection($__columns__ = null, $__theme__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "columns" => $__columns__,
            "theme" => $__theme__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3258
            echo "  <div class=\"breakdance-dropdown-section breakdance-dropdown-section--";
            echo ($context["theme"] ?? null);
            echo "\">
    <div class=\"breakdance-dropdown-columns\">
      ";
            // line 3260
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["columns"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["column"]) {
                // line 3261
                echo "        <div class=\"breakdance-dropdown-column ";
                echo ((twig_get_attribute($this->env, $this->source, $context["column"], "title", [], "any", false, false, false, 3261)) ? ("breakdance-dropdown-column--collapsible") : (""));
                echo "\">
          ";
                // line 3262
                if (twig_get_attribute($this->env, $this->source, $context["column"], "title", [], "any", false, false, false, 3262)) {
                    // line 3263
                    echo "            <span class=\"breakdance-dropdown-column__title\" role=\"heading\" aria-level=\"3\">";
                    echo twig_get_attribute($this->env, $this->source, $context["column"], "title", [], "any", false, false, false, 3263);
                    echo "</span>
          ";
                }
                // line 3265
                echo "
          <div class=\"breakdance-dropdown-links\">
            ";
                // line 3267
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["column"], "links", [], "any", false, false, false, 3267));
                foreach ($context['_seq'] as $context["_key"] => $context["link"]) {
                    // line 3268
                    echo "              ";
                    echo twig_call_macro($macros["_self"], "macro_menuLink", [$context["link"]], 3268, $context, $this->getSourceContext());
                    echo "
            ";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['link'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 3270
                echo "          </div>
        </div>
      ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['column'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 3273
            echo "    </div>
  </div>
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3277
    public function macro_atomV1MenuCss($__selector__ = null, $__styles__ = null, $__bp__ = null, $__isBaseBp__ = null, $__globalSettings__ = null, $__isWPMenu__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "styles" => $__styles__,
            "bp" => $__bp__,
            "isBaseBp" => $__isBaseBp__,
            "globalSettings" => $__globalSettings__,
            "isWPMenu" => $__isWPMenu__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3278
            echo "  ";
            $context["desktop"] = twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "desktop_menu", [], "any", false, false, false, 3278);
            // line 3279
            echo "  ";
            $context["mobile"] = twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "mobile_menu", [], "any", false, false, false, 3279);
            // line 3280
            echo "  ";
            $context["desktopBreakpoint"] = "breakpoint_base";
            // line 3281
            echo "  ";
            $context["mobileBreakpoint"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "mobile_menu", [], "any", false, true, false, 3281), "show_at", [], "any", true, true, false, 3281)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "mobile_menu", [], "any", false, true, false, 3281), "show_at", [], "any", false, false, false, 3281), "breakpoint_tablet_landscape")) : ("breakpoint_tablet_landscape"));
            // line 3282
            echo "  ";
            $context["breakpointWidth"] = Breakdance\PluginsAPI\getBreakpointMaxWidth(($context["mobileBreakpoint"] ?? null));
            // line 3283
            echo "  ";
            $context["radius"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "desktop_menu", [], "any", false, false, false, 3283), "links", [], "any", false, false, false, 3283), "effect", [], "any", false, false, false, 3283), "radius", [], "any", false, false, false, 3283);
            // line 3284
            echo "  ";
            $context["parentSelector"] = (($context["selector"] ?? null) . " .breakdance-menu");
            // line 3285
            echo "
  ";
            // line 3286
            if ((($context["isBaseBp"] ?? null) && (($context["mobileBreakpoint"] ?? null) != ($context["desktopBreakpoint"] ?? null)))) {
                // line 3287
                echo "    ";
                if ((($context["mobileBreakpoint"] ?? null) != "never")) {
                    // line 3288
                    echo "      @media (min-width: ";
                    echo (($context["breakpointWidth"] ?? null) + 1);
                    echo "px) {
    ";
                }
                // line 3290
                echo "      ";
                echo ($context["parentSelector"] ?? null);
                echo " {
        --menu-duration: ";
                // line 3291
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "transition_duration", [], "any", false, false, false, 3291), "style", [], "any", false, false, false, 3291);
                echo ";

        ";
                // line 3294
                echo "        --links-gap: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3294), "space_between", [], "any", false, false, false, 3294), "style", [], "any", false, false, false, 3294);
                echo ";
        --link-color: ";
                // line 3295
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3295), "typography", [], "any", false, false, false, 3295), "color", [], "any", false, false, false, 3295);
                echo ";
        --link-color-hover: ";
                // line 3296
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3296), "typography", [], "any", false, false, false, 3296), "color_hover", [], "any", false, false, false, 3296);
                echo ";
        --link-effect-color: ";
                // line 3297
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3297), "effect", [], "any", false, false, false, 3297), "color", [], "any", false, false, false, 3297);
                echo ";
        --link-effect-color-hover: ";
                // line 3298
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3298), "effect", [], "any", false, false, false, 3298), "color", [], "any", false, false, false, 3298);
                echo "; ";
                // line 3299
                echo "        --link-effect-thickness: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3299), "effect", [], "any", false, false, false, 3299), "thickness", [], "any", false, false, false, 3299), "style", [], "any", false, false, false, 3299);
                echo ";
        ";
                // line 3300
                echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["link-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3300), "size", [], "any", false, false, false, 3300), "padding", [], "any", false, false, false, 3300)], 3300, $context, $this->getSourceContext());
                echo "
        ";
                // line 3301
                echo twig_call_macro($macros["_self"], "macro_radiusToCssVar", ["link-effect-radius", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3301), "effect", [], "any", false, false, false, 3301), "radius", [], "any", false, false, false, 3301)], 3301, $context, $this->getSourceContext());
                echo "

        ";
                // line 3304
                echo "        --link-arrow-color: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3304), "dropdown_arrows", [], "any", false, false, false, 3304), "color", [], "any", false, false, false, 3304);
                echo ";
        --link-arrow-color-hover: ";
                // line 3305
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3305), "dropdown_arrows", [], "any", false, false, false, 3305), "color_hover", [], "any", false, false, false, 3305);
                echo ";
        --link-arrow-display: ";
                // line 3306
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3306), "dropdown_arrows", [], "any", false, false, false, 3306), "disable", [], "any", false, false, false, 3306)) ? ("none") : (""));
                echo ";
        --link-arrow-offset-y: ";
                // line 3307
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3307), "dropdown_arrows", [], "any", false, false, false, 3307), "offset", [], "any", false, false, false, 3307), "style", [], "any", false, false, false, 3307);
                echo ";
        --link-arrow-close-rotation: ";
                // line 3308
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3308), "dropdown_arrows", [], "any", false, false, false, 3308), "closed_rotation", [], "any", false, false, false, 3308), "style", [], "any", false, false, false, 3308);
                echo ";
        --link-arrow-open-rotation: ";
                // line 3309
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3309), "dropdown_arrows", [], "any", false, false, false, 3309), "open_rotation", [], "any", false, false, false, 3309), "style", [], "any", false, false, false, 3309);
                echo ";
        --link-arrow-size: ";
                // line 3310
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3310), "dropdown_arrows", [], "any", false, false, false, 3310), "size", [], "any", false, false, false, 3310), "style", [], "any", false, false, false, 3310);
                echo ";
        --link-arrow-gap: ";
                // line 3311
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3311), "dropdown_arrows", [], "any", false, false, false, 3311), "gap", [], "any", false, false, false, 3311), "style", [], "any", false, false, false, 3311);
                echo ";
        ";
                // line 3312
                echo twig_call_macro($macros["_self"], "macro_iconToCssVar", ["arrow-icon", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3312), "dropdown_arrows", [], "any", false, false, false, 3312), "custom_arrow", [], "any", false, false, false, 3312)], 3312, $context, $this->getSourceContext());
                echo "

        ";
                // line 3315
                echo "        --dropdown-animation-duration: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3315), "wrapper", [], "any", false, false, false, 3315), "transition_duration", [], "any", false, false, false, 3315), "style", [], "any", false, false, false, 3315);
                echo ";
        --dropdown-caret-display: ";
                // line 3316
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3316), "wrapper", [], "any", false, false, false, 3316), "disable_caret", [], "any", false, false, false, 3316)) ? ("none") : (""));
                echo ";
        --dropdown-caret-radius: ";
                // line 3317
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3317), "wrapper", [], "any", false, false, false, 3317), "caret_radius", [], "any", false, false, false, 3317), "style", [], "any", false, false, false, 3317);
                echo ";
        --dropdown-background-color: ";
                // line 3318
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3318), "wrapper", [], "any", false, false, false, 3318), "background", [], "any", false, false, false, 3318);
                echo ";
        --dropdown-offset-y: ";
                // line 3319
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3319), "wrapper", [], "any", false, false, false, 3319), "offset", [], "any", false, false, false, 3319), "style", [], "any", false, false, false, 3319);
                echo ";

        ";
                // line 3322
                echo "        --dropdown-sections-stack: ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3322), "additional_section", [], "any", false, false, false, 3322), "stack_horizontally", [], "any", false, false, false, 3322)) ? ("row") : (""));
                echo ";
        ";
                // line 3323
                echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["dropdown-section-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3323), "wrapper", [], "any", false, false, false, 3323), "padding", [], "any", false, false, false, 3323), "padding", [], "any", false, false, false, 3323)], 3323, $context, $this->getSourceContext());
                echo "
      }

      ";
                // line 3326
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-link,
      ";
                // line 3327
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-list > .breakdance-link {
        ";
                // line 3328
                echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3328), "typography", [], "any", false, false, false, 3328), ($context["globalSettings"] ?? null)], 3328, $context, $this->getSourceContext());
                echo "
      }

      ";
                // line 3331
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-link:hover,
      ";
                // line 3332
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-list > .breakdance-link:hover {
        ";
                // line 3333
                echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableColorAndEffects", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "links", [], "any", false, false, false, 3333), "typography", [], "any", false, false, false, 3333), ($context["globalSettings"] ?? null)], 3333, $context, $this->getSourceContext());
                echo "
      }

      /* Dropdown */
      ";
                // line 3337
                echo ($context["selector"] ?? null);
                echo " .breakdance-dropdown-body {
        ";
                // line 3338
                echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3338), "wrapper", [], "any", false, false, false, 3338), "borders", [], "any", false, false, false, 3338)], 3338, $context, $this->getSourceContext());
                echo "
      }

      ";
                // line 3341
                echo twig_call_macro($macros["_self"], "macro_atomV1MenuColumnCss", [($context["parentSelector"] ?? null), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3341), "columns", [], "any", false, false, false, 3341), ($context["globalSettings"] ?? null)], 3341, $context, $this->getSourceContext());
                echo "
      ";
                // line 3342
                echo twig_call_macro($macros["_self"], "macro_atomV1MenuDropdownLinkCss", [($context["parentSelector"] ?? null), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3342), "links", [], "any", false, false, false, 3342), ($context["globalSettings"] ?? null)], 3342, $context, $this->getSourceContext());
                echo "
      ";
                // line 3343
                echo twig_call_macro($macros["_self"], "macro_atomV1MenuAdditionalSectionCss", [($context["selector"] ?? null), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "dropdowns", [], "any", false, false, false, 3343), "additional_section", [], "any", false, false, false, 3343), ($context["globalSettings"] ?? null)], 3343, $context, $this->getSourceContext());
                echo "

    ";
                // line 3345
                if ((($context["mobileBreakpoint"] ?? null) != "never")) {
                    // line 3346
                    echo "        }
    ";
                }
                // line 3348
                echo "  ";
            }
            // line 3349
            echo "
  ";
            // line 3351
            echo "  ";
            if ((($context["bp"] ?? null) == ($context["mobileBreakpoint"] ?? null))) {
                // line 3352
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_atomV1MenuResponsiveCss", [($context["selector"] ?? null), ($context["mobile"] ?? null), ($context["globalSettings"] ?? null), ($context["isWPMenu"] ?? null)], 3352, $context, $this->getSourceContext());
                echo "
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3356
    public function macro_atomV1MenuDropdownCss($__selector__ = null, $__dropdown__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "dropdown" => $__dropdown__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3357
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown {
    --dropdown-background-color: ";
            // line 3358
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["dropdown"] ?? null), "wrapper", [], "any", false, false, false, 3358), "background", [], "any", false, false, false, 3358);
            echo ";
    --dropdown-custom-width: ";
            // line 3359
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["dropdown"] ?? null), "wrapper", [], "any", false, false, false, 3359), "width", [], "any", false, false, false, 3359), "style", [], "any", false, false, false, 3359);
            echo ";
    --dropdown-sections-stack: ";
            // line 3360
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["dropdown"] ?? null), "additional_section", [], "any", false, false, false, 3360), "stack_horizontally", [], "any", false, false, false, 3360)) ? ("row") : (""));
            echo ";
    ";
            // line 3361
            echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["dropdown-section-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["dropdown"] ?? null), "wrapper", [], "any", false, false, false, 3361), "padding", [], "any", false, false, false, 3361), "padding", [], "any", false, false, false, 3361)], 3361, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3364
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-body {
    ";
            // line 3365
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["dropdown"] ?? null), "wrapper", [], "any", false, false, false, 3365), "borders", [], "any", false, false, false, 3365)], 3365, $context, $this->getSourceContext());
            echo "
  }
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3369
    public function macro_atomV1MenuAdditionalSectionCss($__selector__ = null, $__additional__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "additional" => $__additional__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3370
            echo "  /* Dropdown - Additional Section */
  ";
            // line 3371
            $context["className"] = (($context["selector"] ?? null) . " .breakdance-dropdown-section--additional");
            // line 3372
            echo "
  ";
            // line 3373
            echo ($context["className"] ?? null);
            echo " {
    --dropdown-section-dark-background: ";
            // line 3374
            echo twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "background", [], "any", false, false, false, 3374);
            echo ";
    --dropdown-section-width: ";
            // line 3375
            echo ((twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "stack_horizontally", [], "any", false, false, false, 3375)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "width", [], "any", false, false, false, 3375), "style", [], "any", false, false, false, 3375)) : (""));
            echo ";
    ";
            // line 3376
            echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["dropdown-section-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "padding", [], "any", false, false, false, 3376), "padding", [], "any", false, false, false, 3376)], 3376, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3379
            echo twig_call_macro($macros["_self"], "macro_atomV1MenuColumnCss", [($context["className"] ?? null), twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "columns", [], "any", false, false, false, 3379), ($context["globalSettings"] ?? null)], 3379, $context, $this->getSourceContext());
            echo "
  ";
            // line 3380
            echo twig_call_macro($macros["_self"], "macro_atomV1MenuDropdownLinkCss", [($context["className"] ?? null), twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "links", [], "any", false, false, false, 3380), ($context["globalSettings"] ?? null)], 3380, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3383
    public function macro_atomV1MenuColumnCss($__selector__ = null, $__column__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "column" => $__column__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3384
            echo "  /* Dropdown Columns */

  ";
            // line 3386
            echo ($context["selector"] ?? null);
            echo " {
    --dropdown-columns-gap: ";
            // line 3387
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["column"] ?? null), "gap_between_columns", [], "any", false, false, false, 3387), "style", [], "any", false, false, false, 3387);
            echo ";
    --dropdown-column-title-spacing: ";
            // line 3388
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["column"] ?? null), "space_after_title", [], "any", false, false, false, 3388), "style", [], "any", false, false, false, 3388);
            echo ";
    --dropdown-columns-stack: ";
            // line 3389
            echo ((twig_get_attribute($this->env, $this->source, ($context["column"] ?? null), "stack_vertically", [], "any", false, false, false, 3389)) ? ("column") : (""));
            echo ";
  }

  ";
            // line 3392
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-column__title {
    ";
            // line 3393
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["column"] ?? null), "title", [], "any", false, false, false, 3393), ($context["globalSettings"] ?? null)], 3393, $context, $this->getSourceContext());
            echo "
  }
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3397
    public function macro_atomV1MenuDropdownLinkCss($__selector__ = null, $__link__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "link" => $__link__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3398
            echo "  /* Dropdown Link */

  ";
            // line 3400
            echo ($context["selector"] ?? null);
            echo " {
    --dropdown-links-gap: ";
            // line 3401
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "spacing", [], "any", false, false, false, 3401), "between_links", [], "any", false, false, false, 3401), "style", [], "any", false, false, false, 3401);
            echo ";
    --dropdown-link-description-spacing: ";
            // line 3402
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "spacing", [], "any", false, false, false, 3402), "before_description", [], "any", false, false, false, 3402), "style", [], "any", false, false, false, 3402);
            echo ";
    --dropdown-link-img-opacity: ";
            // line 3403
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "graphic", [], "any", false, false, false, 3403), "image_opacity", [], "any", false, false, false, 3403);
            echo ";
    --dropdown-link-img-opacity-hover: ";
            // line 3404
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "graphic", [], "any", false, false, false, 3404), "image_opacity_hover", [], "any", false, false, false, 3404);
            echo ";
    --dropdown-link-background-color-hover: ";
            // line 3405
            echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "hover_background", [], "any", false, false, false, 3405);
            echo ";
    --dropdown-link-icon-spacing: ";
            // line 3406
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "spacing", [], "any", false, false, false, 3406), "after_graphic", [], "any", false, false, false, 3406), "style", [], "any", false, false, false, 3406);
            echo ";
    ";
            // line 3407
            echo twig_call_macro($macros["_self"], "macro_atomV1MenuDropdownLinkGraphicCss", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "graphic", [], "any", false, false, false, 3407)], 3407, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3410
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link {
    ";
            // line 3411
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "padding", [], "any", false, false, false, 3411)], 3411, $context, $this->getSourceContext());
            echo "
    ";
            // line 3412
            echo twig_call_macro($macros["_self"], "macro_border_radius", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "radius", [], "any", false, false, false, 3412)], 3412, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3415
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link__text {
    ";
            // line 3416
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "title", [], "any", false, false, false, 3416), ($context["globalSettings"] ?? null)], 3416, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3419
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link__description {
    ";
            // line 3420
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "description", [], "any", false, false, false, 3420), ($context["globalSettings"] ?? null)], 3420, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3423
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link:hover .breakdance-dropdown-link__text {
    ";
            // line 3424
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableColorAndEffects", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "title", [], "any", false, false, false, 3424), ($context["globalSettings"] ?? null)], 3424, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3427
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link:hover .breakdance-dropdown-link__description {
    ";
            // line 3428
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableColorAndEffects", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "description", [], "any", false, false, false, 3428), ($context["globalSettings"] ?? null)], 3428, $context, $this->getSourceContext());
            echo "
  }
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3432
    public function macro_atomV1MenuDropdownLinkGraphicCss($__graphic__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "graphic" => $__graphic__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3433
            echo "  --dropdown-link-icon-color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "icon", [], "any", false, false, false, 3433);
            echo ";
  --dropdown-link-icon-color-hover: ";
            // line 3434
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "icon_hover", [], "any", false, false, false, 3434);
            echo ";
  --dropdown-link-icon-size: ";
            // line 3435
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "size", [], "any", false, false, false, 3435), "style", [], "any", false, false, false, 3435);
            echo ";
  --dropdown-link-icon-alignment: ";
            // line 3436
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "alignment", [], "any", false, false, false, 3436);
            echo ";
  --dropdown-link-icon-x: ";
            // line 3437
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "translate", [], "any", false, false, false, 3437), "x", [], "any", false, false, false, 3437), "style", [], "any", false, false, false, 3437);
            echo ";
  --dropdown-link-icon-y: ";
            // line 3438
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "translate", [], "any", false, false, false, 3438), "y", [], "any", false, false, false, 3438), "style", [], "any", false, false, false, 3438);
            echo ";
  --dropdown-link-icon-background: ";
            // line 3439
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "background", [], "any", false, false, false, 3439);
            echo ";
  --dropdown-link-icon-background-hover: ";
            // line 3440
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "background_hover", [], "any", false, false, false, 3440);
            echo ";

  --dropdown-link-img-opacity: ";
            // line 3442
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "image_opacity", [], "any", false, false, false, 3442);
            echo ";
  --dropdown-link-img-opacity-hover: ";
            // line 3443
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "image_opacity_hover", [], "any", false, false, false, 3443);
            echo ";

  ";
            // line 3445
            echo twig_call_macro($macros["_self"], "macro_radiusToCssVar", ["dropdown-link-icon-radius", twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "radius", [], "any", false, false, false, 3445)], 3445, $context, $this->getSourceContext());
            echo "
  ";
            // line 3446
            echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["dropdown-link-icon-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "padding", [], "any", false, false, false, 3446), "padding", [], "any", false, false, false, 3446)], 3446, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3449
    public function macro_atomV1MenuResponsiveCss($__selector__ = null, $__mobile__ = null, $__globalSettings__ = null, $__isWPMenu__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "mobile" => $__mobile__,
            "globalSettings" => $__globalSettings__,
            "isWPMenu" => $__isWPMenu__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3450
            echo "  /* Awesome Menu: Responsive Styles */

  ";
            // line 3452
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu {
    --menu-background: ";
            // line 3453
            echo twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "background", [], "any", false, false, false, 3453);
            echo ";
    --menu-duration: ";
            // line 3454
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "transition_duration", [], "any", false, false, false, 3454), "style", [], "any", false, false, false, 3454);
            echo ";

    ";
            // line 3456
            if (((twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "mode", [], "any", false, false, false, 3456) == "fullscreen") || (twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "mode", [], "any", false, false, false, 3456) == "offcanvas"))) {
                // line 3457
                echo "      ";
                // line 3458
                echo "      --menu-alignment: ";
                echo ((twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "vertically_align_center", [], "any", false, false, false, 3458)) ? ("center") : (""));
                echo ";
    ";
            }
            // line 3460
            echo "
    ";
            // line 3461
            echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["toggle-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3461), "wrapper_padding", [], "any", false, false, false, 3461), "padding", [], "any", false, false, false, 3461)], 3461, $context, $this->getSourceContext());
            echo "
    --toggle-radius: ";
            // line 3462
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3462), "wrapper_radius", [], "any", false, false, false, 3462), "style", [], "any", false, false, false, 3462);
            echo ";
    --toggle-background-color: ";
            // line 3463
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3463), "wrapper", [], "any", false, false, false, 3463);
            echo ";
    --toggle-background-color-hover: ";
            // line 3464
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3464), "wrapper_hover", [], "any", false, false, false, 3464);
            echo ";
    --toggle-active-background-color: ";
            // line 3465
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3465), "wrapper_open", [], "any", false, false, false, 3465);
            echo ";
    --toggle-layer-width: ";
            // line 3466
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3466), "custom_icon", [], "any", false, false, false, 3466), "bar_width", [], "any", false, false, false, 3466), "style", [], "any", false, false, false, 3466);
            echo ";
    --toggle-layer-height: ";
            // line 3467
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3467), "custom_icon", [], "any", false, false, false, 3467), "bar_height", [], "any", false, false, false, 3467), "style", [], "any", false, false, false, 3467);
            echo ";
    --toggle-layer-spacing: ";
            // line 3468
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3468), "custom_icon", [], "any", false, false, false, 3468), "bar_spacing", [], "any", false, false, false, 3468), "style", [], "any", false, false, false, 3468);
            echo ";
    --toggle-layer-color: ";
            // line 3469
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3469), "icon", [], "any", false, false, false, 3469);
            echo ";
    --toggle-layer-color-active: ";
            // line 3470
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3470), "icon_open", [], "any", false, false, false, 3470);
            echo ";
    --toggle-layer-color-hover: ";
            // line 3471
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3471), "icon_hover", [], "any", false, false, false, 3471);
            echo ";
    --toggle-layer-border-radius: ";
            // line 3472
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3472), "custom_icon", [], "any", false, false, false, 3472), "bar_radius", [], "any", false, false, false, 3472), "style", [], "any", false, false, false, 3472);
            echo ";

    --mobile-offcanvas-width: ";
            // line 3474
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "offcanvas_width", [], "any", false, false, false, 3474), "style", [], "any", false, false, false, 3474);
            echo ";
    --mobile-offcanvas-x: ";
            // line 3475
            echo (((twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "offcanvas_position", [], "any", false, false, false, 3475) == "right")) ? ("100%") : (""));
            echo ";

    --mobile-topbar-padding: ";
            // line 3477
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3477), "padding", [], "any", false, false, false, 3477), "style", [], "any", false, false, false, 3477);
            echo ";
    --mobile-topbar-logo-width: ";
            // line 3478
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3478), "logo_width", [], "any", false, false, false, 3478), "style", [], "any", false, false, false, 3478);
            echo ";
    --mobile-topbar-logo-order: ";
            // line 3479
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3479), "logo_on_right", [], "any", false, false, false, 3479)) ? (2) : (""));
            echo ";
    --mobile-topbar-close-button-size: ";
            // line 3480
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3480), "close_button", [], "any", false, false, false, 3480), "size", [], "any", false, false, false, 3480), "style", [], "any", false, false, false, 3480);
            echo ";
    --mobile-topbar-close-button-color: ";
            // line 3481
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3481), "close_button", [], "any", false, false, false, 3481), "color", [], "any", false, false, false, 3481);
            echo ";
    --mobile-topbar-close-button-color-hover: ";
            // line 3482
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3482), "close_button", [], "any", false, false, false, 3482), "color_hover", [], "any", false, false, false, 3482);
            echo ";
    --mobile-topbar-close-button-bar-height: ";
            // line 3483
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3483), "close_button", [], "any", false, false, false, 3483), "bar_height", [], "any", false, false, false, 3483), "style", [], "any", false, false, false, 3483);
            echo ";

    --links-gap: 0;
    --link-color: ";
            // line 3486
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3486), "typography", [], "any", false, false, false, 3486), "level_1", [], "any", false, false, false, 3486), "color", [], "any", false, false, false, 3486);
            echo ";
    --link-background-color: ";
            // line 3487
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3487), "background", [], "any", false, false, false, 3487);
            echo ";
    --link-background-color-hover: ";
            // line 3488
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3488), "background_hover", [], "any", false, false, false, 3488);
            echo ";
    --link-border-color: ";
            // line 3489
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3489), "border", [], "any", false, false, false, 3489);
            echo ";
    --link-border: ";
            // line 3490
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3490), "no_border", [], "any", false, false, false, 3490)) ? ("none") : (""));
            echo ";
    --link-alignment: ";
            // line 3491
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3491), "horizontally_center_links", [], "any", false, false, false, 3491)) ? ("center") : (""));
            echo ";

    ";
            // line 3493
            echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["mobile-link-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3493), "padding", [], "any", false, false, false, 3493), "level_1", [], "any", false, false, false, 3493)], 3493, $context, $this->getSourceContext());
            echo "
    ";
            // line 3494
            echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["mobile-link-level-2-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3494), "padding", [], "any", false, false, false, 3494), "level_2", [], "any", false, false, false, 3494)], 3494, $context, $this->getSourceContext());
            echo "
    ";
            // line 3495
            echo twig_call_macro($macros["_self"], "macro_paddingToCssVar", ["mobile-link-level-3-padding", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3495), "padding", [], "any", false, false, false, 3495), "level_3", [], "any", false, false, false, 3495)], 3495, $context, $this->getSourceContext());
            echo "

    --link-arrow-color: ";
            // line 3497
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3497), "dropdown_arrows", [], "any", false, false, false, 3497), "color", [], "any", false, false, false, 3497);
            echo ";
    --link-arrow-color-hover: ";
            // line 3498
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3498), "dropdown_arrows", [], "any", false, false, false, 3498), "color_hover", [], "any", false, false, false, 3498);
            echo ";
    --link-arrow-display: ";
            // line 3499
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3499), "dropdown_arrows", [], "any", false, false, false, 3499), "disable", [], "any", false, false, false, 3499)) ? ("none") : (""));
            echo ";
    --link-arrow-offset-y: ";
            // line 3500
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3500), "dropdown_arrows", [], "any", false, false, false, 3500), "offset", [], "any", false, false, false, 3500), "style", [], "any", false, false, false, 3500);
            echo ";
    --link-arrow-close-rotation: ";
            // line 3501
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3501), "dropdown_arrows", [], "any", false, false, false, 3501), "closed_rotation", [], "any", false, false, false, 3501), "style", [], "any", false, false, false, 3501);
            echo ";
    --link-arrow-open-rotation: ";
            // line 3502
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3502), "dropdown_arrows", [], "any", false, false, false, 3502), "open_rotation", [], "any", false, false, false, 3502), "style", [], "any", false, false, false, 3502);
            echo ";
    --link-arrow-size: ";
            // line 3503
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3503), "dropdown_arrows", [], "any", false, false, false, 3503), "size", [], "any", false, false, false, 3503), "style", [], "any", false, false, false, 3503);
            echo ";
    --link-arrow-gap: ";
            // line 3504
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3504), "dropdown_arrows", [], "any", false, false, false, 3504), "gap", [], "any", false, false, false, 3504), "style", [], "any", false, false, false, 3504);
            echo ";
    ";
            // line 3505
            echo twig_call_macro($macros["_self"], "macro_iconToCssVar", ["arrow-icon", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3505), "dropdown_arrows", [], "any", false, false, false, 3505), "custom_arrow", [], "any", false, false, false, 3505)], 3505, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3508
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-link,
  ";
            // line 3509
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list > .breakdance-link {
    color: ";
            // line 3510
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3510), "typography", [], "any", false, false, false, 3510), "level_1", [], "any", false, false, false, 3510), "color", [], "any", false, false, false, 3510);
            echo ";
    ";
            // line 3511
            echo twig_call_macro($macros["_self"], "macro_typographyProperties", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3511), "typography", [], "any", false, false, false, 3511), "level_1", [], "any", false, false, false, 3511), "typography", [], "any", false, false, false, 3511), "customTypography", [], "any", false, false, false, 3511)], 3511, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3514
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu .breakdance-dropdown-column__title {
    color: ";
            // line 3515
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3515), "typography", [], "any", false, false, false, 3515), "level_2", [], "any", false, false, false, 3515), "color", [], "any", false, false, false, 3515);
            echo ";
    ";
            // line 3516
            echo twig_call_macro($macros["_self"], "macro_typographyProperties", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3516), "typography", [], "any", false, false, false, 3516), "level_2", [], "any", false, false, false, 3516), "typography", [], "any", false, false, false, 3516), "customTypography", [], "any", false, false, false, 3516)], 3516, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3519
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link {
    ";
            // line 3520
            if (($context["isWPMenu"] ?? null)) {
                // line 3521
                echo "      color: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3521), "typography", [], "any", false, false, false, 3521), "level_2", [], "any", false, false, false, 3521), "color", [], "any", false, false, false, 3521);
                echo ";
      ";
                // line 3522
                echo twig_call_macro($macros["_self"], "macro_typographyProperties", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3522), "typography", [], "any", false, false, false, 3522), "level_2", [], "any", false, false, false, 3522), "typography", [], "any", false, false, false, 3522), "customTypography", [], "any", false, false, false, 3522)], 3522, $context, $this->getSourceContext());
                echo "
    ";
            } else {
                // line 3524
                echo "      color: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3524), "typography", [], "any", false, false, false, 3524), "level_3", [], "any", false, false, false, 3524), "color", [], "any", false, false, false, 3524);
                echo ";
      ";
                // line 3525
                echo twig_call_macro($macros["_self"], "macro_typographyProperties", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3525), "typography", [], "any", false, false, false, 3525), "level_3", [], "any", false, false, false, 3525), "typography", [], "any", false, false, false, 3525), "customTypography", [], "any", false, false, false, 3525)], 3525, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 3527
            echo "
    ";
            // line 3529
            echo "    ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3529), "dropdowns_like_desktop", [], "any", false, false, false, 3529)) {
                // line 3530
                echo "      --link-border: none;
      --dropdown-link-icon-display: ";
                // line 3531
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3531), "dropdowns", [], "any", false, false, false, 3531), "hide_link_graphic", [], "any", false, false, false, 3531)) ? ("none") : ("block"));
                echo ";
      --dropdown-link-description-display: ";
                // line 3532
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3532), "dropdowns", [], "any", false, false, false, 3532), "hide_link_description", [], "any", false, false, false, 3532)) ? ("none") : ("block"));
                echo ";
    ";
            }
            // line 3534
            echo "  }

  ";
            // line 3540
            echo "  ";
            // line 3541
            echo "    ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu{--dropdown-link-icon-display:none;--dropdown-link-description-display:none;--dropdown-links-gap:var(--gap-none)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list{align-items:stretch;background-color:var(--menu-background);display:none;flex-direction:column;left:var(--mobile-offset-x);max-height:var(--menu-max-height);overflow:hidden;overflow-x:hidden;overflow-y:auto;position:absolute;top:var(--mobile-offset-y,100%);width:100vw;z-index:100} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list:not(.is-visible):not(.is-collapsing){height:0;pointer-events:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list.is-collapsing{height:0;overflow:hidden;transition:var(--menu-duration) height ease-in-out} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--enabled .breakdance-menu-list{display:flex} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list>.bde-button{border-top:var(--link-border);margin-left:0;padding:10px 15px} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list>.bde-button .breakdance-link{width:100%} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list>:last-child{border-bottom:var(--link-border)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list>.breakdance-link,";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu .breakdance-menu-link{border-top:var(--link-border);justify-content:var(--link-alignment);padding:var(--mobile-link-padding)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown--with-link{--link-arrow-display:inherit} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-floater{opacity:1;overflow:hidden;padding-top:0;position:static;transform:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-floater:not(.is-visible):not(.is-collapsing){height:0;pointer-events:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-floater.is-collapsing{height:0;overflow:hidden;transition:var(--menu-duration) height ease-in-out} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown--open .breakdance-dropdown-floater{transform:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-caret{display:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-body{background-color:var(--link-background-color);border-radius:0;border-top:var(--link-border);box-shadow:none;flex-direction:column} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown--custom .breakdance-dropdown-floater,";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--custom-width .breakdance-dropdown-floater{width:auto} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--placement-left .breakdance-dropdown-floater{left:auto} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--placement-center .breakdance-dropdown-floater{left:auto;transform:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--placement-right .breakdance-dropdown-floater{right:auto} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-section{--dropdown-section-padding:0;--dropdown-section-gap:var(--gap-none)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-section--additional{background-color:transparent;border-top:var(--link-border)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-columns{--dropdown-columns-stack:column;--dropdown-columns-gap:var(--gap-none)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-column{gap:var(--gap-none)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-column+.breakdance-dropdown-column{border-top:var(--link-border)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible{gap:var(--gap-none)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-link:first-child,";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible:not(:first-child){border-top:var(--link-border)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title{cursor:pointer} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-links{overflow:hidden} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-links:not(.is-visible):not(.is-collapsing){height:0;pointer-events:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-links.is-collapsing{height:0;overflow:hidden;transition:var(--menu-duration) height ease-in-out} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-column__title{font-weight:500;justify-content:var(--link-alignment);padding:var(--mobile-link-level-2-padding);white-space:normal} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after{display:block} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu .breakdance-dropdown-link{justify-content:var(--link-alignment);padding:var(--mobile-link-level-3-padding);white-space:normal} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu .breakdance-dropdown-link+.breakdance-dropdown-link{border-top:var(--link-border)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--no-titles .breakdance-dropdown-column__title{display:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-topbar{align-items:center;display:flex} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--offcanvas .breakdance-menu-list{bottom:0;height:100vh!important;left:0;max-height:none;max-width:100%;opacity:1;padding-top:var(--wp-admin--admin-bar--height,0);position:fixed;top:0;transform:translate3d(-100%,0,0);transition:var(--menu-duration) transform ease;width:var(--mobile-offcanvas-width);z-index:100} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--offcanvas-right .breakdance-menu-list{left:auto;right:0;transform:translate3d(100%,0,0)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-responsive-menu--open .breakdance-menu-list{transform:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--fullscreen .breakdance-menu-list{height:100vh!important;max-height:none!important;opacity:0;padding-top:var(--wp-admin--admin-bar--height,0);pointer-events:none;position:fixed;top:0;transition:var(--menu-duration) opacity ease} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-responsive-menu--open .breakdance-menu-list{opacity:1;pointer-events:auto!important} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown--wp .breakdance-dropdown-section{margin-bottom:-1px} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown--wp .breakdance-dropdown-link{border-bottom:var(--link-border);padding:var(--mobile-link-level-2-padding)} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-toggle{display:flex} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--effect .breakdance-menu-link:before,";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--effect .breakdance-menu-list>.breakdance-link:before{display:none} ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu--anim-fade .breakdance-dropdown-floater{opacity:1}
  ";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3546
    public function macro_EssentialElements_PostsSharedCss($__selector__ = null, $__design__ = null, $__globalSettings__ = null, $__isBaseBreakpoint__ = null, $__breakpoint__ = null, $__isBuilder__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "design" => $__design__,
            "globalSettings" => $__globalSettings__,
            "isBaseBreakpoint" => $__isBaseBreakpoint__,
            "breakpoint" => $__breakpoint__,
            "isBuilder" => $__isBuilder__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3547
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " {
  width: ";
            // line 3548
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3548), "width", [], "any", false, false, false, 3548), "style", [], "any", false, false, false, 3548);
            echo ";
  ";
            // line 3549
            echo twig_call_macro($macros["_self"], "macro_spacing_margin_y", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "spacing", [], "any", false, false, false, 3549)], 3549, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3552
            echo ($context["selector"] ?? null);
            echo " .ee-posts {
  ";
            // line 3553
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3553), "layout", [], "any", false, false, false, 3553) == "grid")) {
                // line 3554
                echo "    ";
                if (($context["isBaseBreakpoint"] ?? null)) {
                    // line 3555
                    echo "      display:grid;
    ";
                }
                // line 3557
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3557), "items_per_row", [], "any", false, false, false, 3557)) {
                    // line 3558
                    echo "      grid-template-columns: repeat(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3558), "items_per_row", [], "any", false, false, false, 3558);
                    echo ", minmax(0, 1fr));
    ";
                }
                // line 3560
                echo "    gap:";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3560), "space_between_items", [], "any", false, false, false, 3560), "style", [], "any", false, false, false, 3560);
                echo ";
  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3561
($context["design"] ?? null), "list", [], "any", false, false, false, 3561), "layout", [], "any", false, false, false, 3561) == "list")) {
                // line 3562
                echo "    ";
                if (($context["isBaseBreakpoint"] ?? null)) {
                    // line 3563
                    echo "      display:flex;
      flex-direction:column;
    ";
                }
                // line 3566
                echo "    gap:";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3566), "space_between_items", [], "any", false, false, false, 3566), "style", [], "any", false, false, false, 3566);
                echo ";

  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3568
($context["design"] ?? null), "list", [], "any", false, false, false, 3568), "layout", [], "any", false, false, false, 3568) == "slider")) {
                // line 3569
                echo "    ";
                if (($context["isBaseBreakpoint"] ?? null)) {
                    // line 3570
                    echo "      display: flex;
      gap: unset;
    ";
                }
                // line 3573
                echo "  ";
            }
            // line 3574
            echo "  }

  ";
            // line 3576
            if ((($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3576), "one_item_at", [], "any", false, false, false, 3576))) {
                // line 3577
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .ee-posts {
    grid-template-columns: 1fr;
    }
  ";
            }
            // line 3581
            echo "

  ";
            // line 3583
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3583), "layout", [], "any", false, false, false, 3583) == "slider")) {
                // line 3584
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3584), "slider", [], "any", false, false, false, 3584), "arrows", [], "any", false, false, false, 3584), "overlay", [], "any", false, false, false, 3584)) {
                    // line 3585
                    echo "      ";
                    echo ($context["selector"] ?? null);
                    echo " .breakdance-swiper-wrapper {
      padding:0
      }
    ";
                }
                // line 3589
                echo "
    ";
                // line 3590
                echo ($context["selector"] ?? null);
                echo " .swiper-slide {
    height:auto;
    }

    ";
                // line 3594
                echo twig_call_macro($macros["_self"], "macro_AtomV1SwiperCss", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3594), "slider", [], "any", false, false, false, 3594), ($context["selector"] ?? null), ($context["globalSettings"] ?? null), ($context["isBaseBreakpoint"] ?? null)], 3594, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 3596
            echo "
  ";
            // line 3598
            echo "
  ";
            // line 3599
            echo ($context["selector"] ?? null);
            echo " .bde-posts-pagination {
  margin-top: ";
            // line 3600
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3600), "space_above", [], "any", false, false, false, 3600), "style", [], "any", false, false, false, 3600);
            echo ";
  display: flexooo;
  display: flex;
  justify-content: ";
            // line 3603
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3603), "alignment", [], "any", false, false, false, 3603);
            echo ";
  align-items: center;
  gap: ";
            // line 3605
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3605), "space_between", [], "any", false, false, false, 3605), "style", [], "any", false, false, false, 3605);
            echo ";
  }


  ";
            // line 3609
            echo ($context["selector"] ?? null);
            echo " .bde-posts-prev-next-link a {
  ";
            // line 3610
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3610), "typography", [], "any", false, false, false, 3610), ($context["globalSettings"] ?? null)], 3610, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3613
            echo ($context["selector"] ?? null);
            echo " .bde-posts-prev-next-link a:hover {
  ";
            // line 3614
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableEverything", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3614), "typography", [], "any", false, false, false, 3614), ($context["globalSettings"] ?? null)], 3614, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3617
            if (($context["isBuilder"] ?? null)) {
                // line 3618
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .bde-posts-pagination-infinite-loader-wrapper {
    ";
                // line 3619
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3619), "show_loading_icon_in_builder", [], "any", false, false, false, 3619)) {
                    // line 3620
                    echo "      display: flex;
    ";
                } else {
                    // line 3622
                    echo "      display: none;
    ";
                }
                // line 3624
                echo "    }
  ";
            }
            // line 3626
            echo "
  ";
            // line 3627
            echo ($context["selector"] ?? null);
            echo " .bde-posts-pagination-infinite-loader-wrapper {
  font-size: ";
            // line 3628
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3628), "loading_icon", [], "any", false, false, false, 3628), "size", [], "any", false, false, false, 3628), "style", [], "any", false, false, false, 3628);
            echo ";
  color: ";
            // line 3629
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3629), "loading_icon", [], "any", false, false, false, 3629), "color", [], "any", false, false, false, 3629);
            echo ";
  margin-top:";
            // line 3630
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3630), "space_above", [], "any", false, false, false, 3630), "style", [], "any", false, false, false, 3630);
            echo ";
  }


  ";
            // line 3634
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonCss", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3634), "load_more_button", [], "any", false, false, false, 3634), "bde-posts-pagination-loadmore-button", ($context["selector"] ?? null), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 3634, $context, $this->getSourceContext());
            echo "
    
  ";
            // line 3636
            echo twig_call_macro($macros["_self"], "macro_pagination", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3636), ($context["selector"] ?? null), ".bde-posts-pagination ul", "a.is-active", ".bde-posts-navigation-numbers--ellipses"], 3636, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3640
    public function macro_simpleLayout($__layout__ = null, $__breakpoint__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "layout" => $__layout__,
            "breakpoint" => $__breakpoint__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3641
            echo "
  gap: ";
            // line 3642
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "gap", [], "any", false, false, false, 3642), "style", [], "any", false, false, false, 3642);
            echo ";    
  
  ";
            // line 3644
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3644), "align", [], "any", false, false, false, 3644) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3644), "vertical_align", [], "any", false, false, false, 3644))) {
                // line 3645
                echo "    flex-wrap: wrap;
    flex-direction: row;
    align-items: ";
                // line 3647
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3647), "vertical_align", [], "any", false, false, false, 3647);
                echo ";
    justify-content: ";
                // line 3648
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3648), "align", [], "any", false, false, false, 3648);
                echo ";
  ";
            } else {
                // line 3650
                echo "      ";
                if ((twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align", [], "any", false, false, false, 3650) == "left")) {
                    // line 3651
                    echo "        align-items: flex-start;
        text-align: left;
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 3653
($context["layout"] ?? null), "align", [], "any", false, false, false, 3653) == "center")) {
                    // line 3654
                    echo "        align-items: center;
        text-align: center;
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 3656
($context["layout"] ?? null), "align", [], "any", false, false, false, 3656) == "right")) {
                    // line 3657
                    echo "        align-items: flex-end;
        text-align: right;
      ";
                }
                // line 3660
                echo "      justify-content: ";
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "vertical_align", [], "any", false, false, false, 3660);
                echo ";
  ";
            }
            // line 3662
            echo "  
  ";
            // line 3663
            if ((($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3663), "vertical_at", [], "any", false, false, false, 3663))) {
                // line 3664
                echo "    flex-direction: column;
  ";
            }
            // line 3666
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3670
    public function macro_size($__size__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "size" => $__size__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3671
            echo "    width: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "width", [], "any", false, false, false, 3671), "style", [], "any", false, false, false, 3671);
            echo ";
    min-width: ";
            // line 3672
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "min_width", [], "any", false, false, false, 3672), "style", [], "any", false, false, false, 3672);
            echo ";
    max-width: ";
            // line 3673
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "max_width", [], "any", false, false, false, 3673), "style", [], "any", false, false, false, 3673);
            echo ";
    height: ";
            // line 3674
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "height", [], "any", false, false, false, 3674), "style", [], "any", false, false, false, 3674);
            echo ";
    min-height: ";
            // line 3675
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "min_height", [], "any", false, false, false, 3675), "style", [], "any", false, false, false, 3675);
            echo ";
    max-height: ";
            // line 3676
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "max_height", [], "any", false, false, false, 3676), "style", [], "any", false, false, false, 3676);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3680
    public function macro_spacing_all($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3681
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_spacing_margin_all", [($context["s"] ?? null)], 3681, $context, $this->getSourceContext());
            echo "
    ";
            // line 3682
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [($context["s"] ?? null)], 3682, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3685
    public function macro_spacing_all_y($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3686
            echo "    margin-top: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_top", [], "any", false, false, false, 3686), "style", [], "any", false, false, false, 3686);
            echo ";
    margin-bottom: ";
            // line 3687
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_bottom", [], "any", false, false, false, 3687), "style", [], "any", false, false, false, 3687);
            echo ";

    padding-top: ";
            // line 3689
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_top", [], "any", false, false, false, 3689), "style", [], "any", false, false, false, 3689);
            echo ";
    padding-bottom: ";
            // line 3690
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_bottom", [], "any", false, false, false, 3690), "style", [], "any", false, false, false, 3690);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3693
    public function macro_spacing_all_x($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3694
            echo "    margin-right: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_right", [], "any", false, false, false, 3694), "style", [], "any", false, false, false, 3694);
            echo ";
    margin-left: ";
            // line 3695
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_left", [], "any", false, false, false, 3695), "style", [], "any", false, false, false, 3695);
            echo ";

    padding-right: ";
            // line 3697
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_right", [], "any", false, false, false, 3697), "style", [], "any", false, false, false, 3697);
            echo ";
    padding-left: ";
            // line 3698
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_left", [], "any", false, false, false, 3698), "style", [], "any", false, false, false, 3698);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3703
    public function macro_spacing_padding_all($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3704
            echo "    ";
            if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3705
($context["s"] ?? null), "padding", [], "any", false, false, false, 3705), "top", [], "any", false, false, false, 3705), "style", [], "any", false, false, false, 3705) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3706
($context["s"] ?? null), "padding", [], "any", false, false, false, 3706), "right", [], "any", false, false, false, 3706), "style", [], "any", false, false, false, 3706)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3707
($context["s"] ?? null), "padding", [], "any", false, false, false, 3707), "bottom", [], "any", false, false, false, 3707), "style", [], "any", false, false, false, 3707)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3708
($context["s"] ?? null), "padding", [], "any", false, false, false, 3708), "left", [], "any", false, false, false, 3708), "style", [], "any", false, false, false, 3708))) {
                // line 3710
                echo "        padding: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3710), "top", [], "any", false, false, false, 3710), "style", [], "any", false, false, false, 3710);
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3710), "right", [], "any", false, false, false, 3710), "style", [], "any", false, false, false, 3710);
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3710), "bottom", [], "any", false, false, false, 3710), "style", [], "any", false, false, false, 3710);
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3710), "left", [], "any", false, false, false, 3710), "style", [], "any", false, false, false, 3710);
                echo ";
    ";
            } else {
                // line 3712
                echo "        padding-top: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3712), "top", [], "any", false, false, false, 3712), "style", [], "any", false, false, false, 3712);
                echo ";
        padding-right: ";
                // line 3713
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3713), "right", [], "any", false, false, false, 3713), "style", [], "any", false, false, false, 3713);
                echo ";
        padding-bottom: ";
                // line 3714
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3714), "bottom", [], "any", false, false, false, 3714), "style", [], "any", false, false, false, 3714);
                echo ";
        padding-left: ";
                // line 3715
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding", [], "any", false, false, false, 3715), "left", [], "any", false, false, false, 3715), "style", [], "any", false, false, false, 3715);
                echo ";
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3719
    public function macro_spacing_padding_y($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3720
            echo "    padding-top: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_top", [], "any", false, false, false, 3720), "style", [], "any", false, false, false, 3720);
            echo ";
    padding-bottom: ";
            // line 3721
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_bottom", [], "any", false, false, false, 3721), "style", [], "any", false, false, false, 3721);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3724
    public function macro_spacing_padding_x($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3725
            echo "    padding-right: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_right", [], "any", false, false, false, 3725), "style", [], "any", false, false, false, 3725);
            echo ";
    padding-left: ";
            // line 3726
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_left", [], "any", false, false, false, 3726), "style", [], "any", false, false, false, 3726);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3732
    public function macro_spacing_margin_all($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3733
            echo "    ";
            if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3734
($context["s"] ?? null), "margin", [], "any", false, false, false, 3734), "top", [], "any", false, false, false, 3734), "style", [], "any", false, false, false, 3734) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3735
($context["s"] ?? null), "margin", [], "any", false, false, false, 3735), "right", [], "any", false, false, false, 3735), "style", [], "any", false, false, false, 3735)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3736
($context["s"] ?? null), "margin", [], "any", false, false, false, 3736), "bottom", [], "any", false, false, false, 3736), "style", [], "any", false, false, false, 3736)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3737
($context["s"] ?? null), "margin", [], "any", false, false, false, 3737), "left", [], "any", false, false, false, 3737), "style", [], "any", false, false, false, 3737))) {
                // line 3739
                echo "        margin: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3739), "top", [], "any", false, false, false, 3739), "style", [], "any", false, false, false, 3739);
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3739), "right", [], "any", false, false, false, 3739), "style", [], "any", false, false, false, 3739);
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3739), "bottom", [], "any", false, false, false, 3739), "style", [], "any", false, false, false, 3739);
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3739), "left", [], "any", false, false, false, 3739), "style", [], "any", false, false, false, 3739);
                echo ";
    ";
            } else {
                // line 3741
                echo "        margin-top: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3741), "top", [], "any", false, false, false, 3741), "style", [], "any", false, false, false, 3741);
                echo ";
        margin-right: ";
                // line 3742
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3742), "right", [], "any", false, false, false, 3742), "style", [], "any", false, false, false, 3742);
                echo ";
        margin-bottom: ";
                // line 3743
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3743), "bottom", [], "any", false, false, false, 3743), "style", [], "any", false, false, false, 3743);
                echo ";
        margin-left: ";
                // line 3744
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin", [], "any", false, false, false, 3744), "left", [], "any", false, false, false, 3744), "style", [], "any", false, false, false, 3744);
                echo ";
    ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3748
    public function macro_spacing_margin_y($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3749
            echo "    margin-top: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_top", [], "any", false, false, false, 3749), "style", [], "any", false, false, false, 3749);
            echo ";
    margin-bottom: ";
            // line 3750
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_bottom", [], "any", false, false, false, 3750), "style", [], "any", false, false, false, 3750);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3753
    public function macro_spacing_margin_x($__s__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "s" => $__s__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3754
            echo "    margin-right: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_right", [], "any", false, false, false, 3754), "style", [], "any", false, false, false, 3754);
            echo ";
    margin-left: ";
            // line 3755
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_left", [], "any", false, false, false, 3755), "style", [], "any", false, false, false, 3755);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3759
    public function macro_spacing_complex($__spacing__ = null, $__marginOrPadding__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "spacing" => $__spacing__,
            "marginOrPadding" => $__marginOrPadding__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3760
            echo ($context["marginOrPadding"] ?? null);
            echo "-left: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["spacing"] ?? null), "left", [], "any", false, false, false, 3760), "style", [], "any", false, false, false, 3760);
            echo ";
";
            // line 3761
            echo ($context["marginOrPadding"] ?? null);
            echo "-right: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["spacing"] ?? null), "right", [], "any", false, false, false, 3761), "style", [], "any", false, false, false, 3761);
            echo ";
";
            // line 3762
            echo ($context["marginOrPadding"] ?? null);
            echo "-bottom: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["spacing"] ?? null), "bottom", [], "any", false, false, false, 3762), "style", [], "any", false, false, false, 3762);
            echo ";
";
            // line 3763
            echo ($context["marginOrPadding"] ?? null);
            echo "-top: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["spacing"] ?? null), "top", [], "any", false, false, false, 3763), "style", [], "any", false, false, false, 3763);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3769
    public function macro_srcset($__source__ = null, $__sizes__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "source" => $__source__,
            "sizes" => $__sizes__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3770
            echo "  ";
            $context["imgs"] = [];
            // line 3771
            echo "  ";
            $context["descriptor"] = "w";
            // line 3772
            echo "  ";
            $context["sourceAspectRatio"] = (twig_get_attribute($this->env, $this->source, ($context["source"] ?? null), "height", [], "any", false, false, false, 3772) / twig_get_attribute($this->env, $this->source, ($context["source"] ?? null), "width", [], "any", false, false, false, 3772));
            // line 3773
            echo "  ";
            // line 3774
            echo "  ";
            $context["maxImageWidth"] = 2048;
            // line 3775
            echo "  ";
            // line 3776
            echo "  ";
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["sizes"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["size"]) {
                // line 3777
                echo "    ";
                $context["sizeAspectRatio"] = (twig_get_attribute($this->env, $this->source, $context["size"], "height", [], "any", false, false, false, 3777) / ((twig_get_attribute($this->env, $this->source, $context["size"], "width", [], "any", true, true, false, 3777)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["size"], "width", [], "any", false, false, false, 3777), 1)) : (1)));
                // line 3778
                echo "    ";
                $context["matchesRatio"] = (twig_round(($context["sizeAspectRatio"] ?? null), 1, "floor") == twig_round(($context["sourceAspectRatio"] ?? null), 1, "floor"));
                // line 3779
                echo "    ";
                // line 3780
                echo "    ";
                if (((twig_get_attribute($this->env, $this->source, $context["size"], "width", [], "any", false, false, false, 3780) < ($context["maxImageWidth"] ?? null)) && ($context["matchesRatio"] ?? null))) {
                    // line 3781
                    echo "      ";
                    $context["imgs"] = twig_array_merge(($context["imgs"] ?? null), [0 => (((twig_get_attribute($this->env, $this->source,                     // line 3782
$context["size"], "url", [], "any", false, false, false, 3782) . " ") . twig_get_attribute($this->env, $this->source, $context["size"], "width", [], "any", false, false, false, 3782)) . ($context["descriptor"] ?? null))]);
                    // line 3784
                    echo "    ";
                }
                // line 3785
                echo "  ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['size'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 3786
            echo "  ";
            $context["srcset"] = twig_join_filter(($context["imgs"] ?? null), ", ");
            // line 3787
            echo "  ";
            // line 3791
            echo "  ";
            if (((twig_length_filter($this->env, ($context["sizes"] ?? null)) > 1) &&  !twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "placeholder", [], "any", false, false, false, 3791))) {
                // line 3792
                echo "    srcset=\"";
                echo ($context["srcset"] ?? null);
                echo "\" sizes=\"(max-width: ";
                echo twig_get_attribute($this->env, $this->source, ($context["source"] ?? null), "width", [], "any", false, false, false, 3792);
                echo "px) 100vw, ";
                echo twig_get_attribute($this->env, $this->source, ($context["source"] ?? null), "width", [], "any", false, false, false, 3792);
                echo "px\"
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3797
    public function macro_typographyPropertiesWithVariables($__preset__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "preset" => $__preset__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3798
            echo "    ";
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["globalSettings"] ?? null), "typography", [], "any", false, false, false, 3798), "global_typography", [], "any", false, false, false, 3798), "typography_presets", [], "any", false, false, false, 3798));
            foreach ($context['_seq'] as $context["_key"] => $context["globalPreset"]) {
                // line 3799
                echo "        ";
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["globalPreset"], "preset", [], "any", false, false, false, 3799), "id", [], "any", false, false, false, 3799) == ($context["preset"] ?? null))) {
                    // line 3800
                    echo "
        ";
                    // line 3801
                    $context["presetTypographyValues"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["globalPreset"], "custom", [], "any", false, false, false, 3801), "customTypography", [], "any", false, false, false, 3801);
                    // line 3802
                    echo "
            ";
                    // line 3803
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "fontSize", [], "any", false, false, false, 3803), "style", [], "any", false, false, false, 3803)) {
                        // line 3804
                        echo "                font-size: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-size);
            ";
                    }
                    // line 3806
                    echo "
            ";
                    // line 3807
                    if (twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "fontFamily", [], "any", false, false, false, 3807)) {
                        // line 3808
                        echo "                font-family: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-family);
            ";
                    }
                    // line 3810
                    echo "
            ";
                    // line 3811
                    if (twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "fontWeight", [], "any", false, false, false, 3811)) {
                        // line 3812
                        echo "                font-weight: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-weight);
            ";
                    }
                    // line 3814
                    echo "
            ";
                    // line 3815
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3815), "fontStyle", [], "any", false, false, false, 3815)) {
                        // line 3816
                        echo "                font-style: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-style);
            ";
                    }
                    // line 3818
                    echo "
            ";
                    // line 3819
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3819), "lineHeight", [], "any", false, false, false, 3819), "style", [], "any", false, false, false, 3819)) {
                        // line 3820
                        echo "                line-height: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-line-height);
            ";
                    }
                    // line 3822
                    echo "
            ";
                    // line 3823
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3823), "letterSpacing", [], "any", false, false, false, 3823), "style", [], "any", false, false, false, 3823)) {
                        // line 3824
                        echo "                letter-spacing: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-letter-spacing);
            ";
                    }
                    // line 3826
                    echo "
            ";
                    // line 3827
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3827), "wordSpacing", [], "any", false, false, false, 3827), "style", [], "any", false, false, false, 3827)) {
                        // line 3828
                        echo "                word-spacing: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-word-spacing);
            ";
                    }
                    // line 3830
                    echo "
            ";
                    // line 3831
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3831), "decoration", [], "any", false, false, false, 3831), "line", [], "any", false, false, false, 3831)) {
                        // line 3832
                        echo "                text-decoration-line: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-line);
            ";
                    }
                    // line 3834
                    echo "
            ";
                    // line 3835
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3835), "decoration", [], "any", false, false, false, 3835), "color", [], "any", false, false, false, 3835)) {
                        // line 3836
                        echo "                text-decoration-color: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-color);
            ";
                    }
                    // line 3838
                    echo "
            ";
                    // line 3839
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3839), "decoration", [], "any", false, false, false, 3839), "style", [], "any", false, false, false, 3839)) {
                        // line 3840
                        echo "                text-decoration-style: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-style);
            ";
                    }
                    // line 3842
                    echo "
            ";
                    // line 3843
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3843), "decoration", [], "any", false, false, false, 3843), "thickness", [], "any", false, false, false, 3843)) {
                        // line 3844
                        echo "                text-decoration-thickness: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-thickness);
            ";
                    }
                    // line 3846
                    echo "
            ";
                    // line 3847
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3847), "textTransform", [], "any", false, false, false, 3847)) {
                        // line 3848
                        echo "                text-transform: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-transform);
            ";
                    }
                    // line 3850
                    echo "
            ";
                    // line 3851
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3851), "textDirection", [], "any", false, false, false, 3851)) {
                        // line 3852
                        echo "                direction: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-direction);
            ";
                    }
                    // line 3854
                    echo "        ";
                }
                // line 3855
                echo "    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['globalPreset'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3858
    public function macro_customTypographyValuesAsCssVariables($__presetId__ = null, $__values__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "presetId" => $__presetId__,
            "values" => $__values__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3859
            echo "
  --";
            // line 3860
            echo ($context["presetId"] ?? null);
            echo "-font-family: ";
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "fontFamily", [], "any", false, false, false, 3860));
            echo ";
  --";
            // line 3861
            echo ($context["presetId"] ?? null);
            echo "-font-size: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "fontSize", [], "any", false, false, false, 3861), "style", [], "any", false, false, false, 3861);
            echo ";
  --";
            // line 3862
            echo ($context["presetId"] ?? null);
            echo "-font-weight: ";
            echo twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "fontWeight", [], "any", false, false, false, 3862);
            echo ";
  --";
            // line 3863
            echo ($context["presetId"] ?? null);
            echo "-font-style: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3863), "fontStyle", [], "any", false, false, false, 3863);
            echo ";
  --";
            // line 3864
            echo ($context["presetId"] ?? null);
            echo "-line-height: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3864), "lineHeight", [], "any", false, false, false, 3864), "style", [], "any", false, false, false, 3864);
            echo ";
  --";
            // line 3865
            echo ($context["presetId"] ?? null);
            echo "-letter-spacing: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3865), "letterSpacing", [], "any", false, false, false, 3865), "style", [], "any", false, false, false, 3865);
            echo ";
  --";
            // line 3866
            echo ($context["presetId"] ?? null);
            echo "-word-spacing: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3866), "wordSpacing", [], "any", false, false, false, 3866), "style", [], "any", false, false, false, 3866);
            echo ";
  --";
            // line 3867
            echo ($context["presetId"] ?? null);
            echo "-text-decoration-color: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3867), "decoration", [], "any", false, false, false, 3867), "color", [], "any", false, false, false, 3867);
            echo ";
  --";
            // line 3868
            echo ($context["presetId"] ?? null);
            echo "-text-decoration-style: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3868), "decoration", [], "any", false, false, false, 3868), "style", [], "any", false, false, false, 3868);
            echo ";
  --";
            // line 3869
            echo ($context["presetId"] ?? null);
            echo "-text-decoration-line: ";
            echo twig_join_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3869), "decoration", [], "any", false, false, false, 3869), "line", [], "any", false, false, false, 3869), " ");
            echo ";
  --";
            // line 3870
            echo ($context["presetId"] ?? null);
            echo "-text-decoration-thickness: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3870), "decoration", [], "any", false, false, false, 3870), "thickness", [], "any", false, false, false, 3870), "style", [], "any", false, false, false, 3870);
            echo ";
  --";
            // line 3871
            echo ($context["presetId"] ?? null);
            echo "-text-transform: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3871), "textTransform", [], "any", false, false, false, 3871);
            echo ";
  --";
            // line 3872
            echo ($context["presetId"] ?? null);
            echo "-direction: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "advanced", [], "any", false, false, false, 3872), "textDirection", [], "any", false, false, false, 3872);
            echo ";

";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3877
    public function macro_typographyProperties($__custom__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "custom" => $__custom__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3878
            echo "  font-family: ";
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontFamily", [], "any", false, false, false, 3878));
            echo ";
  font-size: ";
            // line 3879
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontSize", [], "any", false, false, false, 3879), "style", [], "any", false, false, false, 3879);
            echo ";
  font-weight: ";
            // line 3880
            echo twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontWeight", [], "any", false, false, false, 3880);
            echo ";
  line-height: ";
            // line 3881
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3881), "lineHeight", [], "any", false, false, false, 3881), "style", [], "any", false, false, false, 3881);
            echo ";
  font-style: ";
            // line 3882
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3882), "fontStyle", [], "any", false, false, false, 3882);
            echo ";
  letter-spacing: ";
            // line 3883
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3883), "letterSpacing", [], "any", false, false, false, 3883), "style", [], "any", false, false, false, 3883);
            echo ";
  word-spacing: ";
            // line 3884
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3884), "wordSpacing", [], "any", false, false, false, 3884), "style", [], "any", false, false, false, 3884);
            echo ";
  text-decoration-color: ";
            // line 3885
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3885), "decoration", [], "any", false, false, false, 3885), "color", [], "any", false, false, false, 3885);
            echo ";
  text-decoration-style: ";
            // line 3886
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3886), "decoration", [], "any", false, false, false, 3886), "style", [], "any", false, false, false, 3886);
            echo ";
  text-decoration-line: ";
            // line 3887
            echo twig_join_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3887), "decoration", [], "any", false, false, false, 3887), "line", [], "any", false, false, false, 3887), " ");
            echo ";
  text-decoration-thickness: ";
            // line 3888
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3888), "decoration", [], "any", false, false, false, 3888), "thickness", [], "any", false, false, false, 3888), "style", [], "any", false, false, false, 3888);
            echo ";
  text-transform: ";
            // line 3889
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3889), "textTransform", [], "any", false, false, false, 3889);
            echo ";
  direction: ";
            // line 3890
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3890), "textDirection", [], "any", false, false, false, 3890);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3894
    public function macro_typographyPropertiesFromHover($__custom__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "custom" => $__custom__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3895
            echo "  font-family: ";
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontFamily_hover", [], "any", false, false, false, 3895));
            echo ";
  font-size: ";
            // line 3896
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontSize_hover", [], "any", false, false, false, 3896), "style", [], "any", false, false, false, 3896);
            echo ";
  font-weight: ";
            // line 3897
            echo twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontWeight_hover", [], "any", false, false, false, 3897);
            echo ";
  line-height: ";
            // line 3898
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3898), "lineHeight_hover", [], "any", false, false, false, 3898), "style", [], "any", false, false, false, 3898);
            echo ";
  font-style: ";
            // line 3899
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3899), "fontStyle_hover", [], "any", false, false, false, 3899);
            echo ";
  letter-spacing: ";
            // line 3900
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3900), "letterSpacing_hover", [], "any", false, false, false, 3900), "style", [], "any", false, false, false, 3900);
            echo ";
  word-spacing: ";
            // line 3901
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3901), "wordSpacing_hover", [], "any", false, false, false, 3901), "style", [], "any", false, false, false, 3901);
            echo ";
  text-decoration-color: ";
            // line 3902
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3902), "decoration", [], "any", false, false, false, 3902), "color_hover", [], "any", false, false, false, 3902);
            echo ";
  text-decoration-style: ";
            // line 3903
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3903), "decoration", [], "any", false, false, false, 3903), "style_hover", [], "any", false, false, false, 3903);
            echo ";
  text-decoration-line: ";
            // line 3904
            echo twig_join_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3904), "decoration", [], "any", false, false, false, 3904), "line_hover", [], "any", false, false, false, 3904), " ");
            echo ";
  text-decoration-thickness: ";
            // line 3905
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3905), "decoration", [], "any", false, false, false, 3905), "thickness_hover", [], "any", false, false, false, 3905);
            echo ";
  text-transform: ";
            // line 3906
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3906), "textTransform_hover", [], "any", false, false, false, 3906);
            echo ";
  direction: ";
            // line 3907
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3907), "textDirection_hover", [], "any", false, false, false, 3907);
            echo ";
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3910
    public function macro_typographyEffects($__effects__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "effects" => $__effects__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3911
            echo "
  text-shadow: ";
            // line 3912
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "text_shadow", [], "any", false, false, false, 3912), "style", [], "any", false, false, false, 3912);
            echo ";

  ";
            // line 3914
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3914)) {
                // line 3915
                echo "    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  ";
            }
            // line 3919
            echo "
  ";
            // line 3920
            if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3920) == "image")) {
                // line 3921
                echo "    background-image: url(";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image", [], "any", false, false, false, 3921), "url", [], "any", false, false, false, 3921);
                echo ");
    ";
                // line 3922
                if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_size", [], "any", false, false, false, 3922) == "custom")) {
                    // line 3923
                    echo "      background-size: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_width", [], "any", false, false, false, 3923), "style", [], "any", false, false, false, 3923);
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_height", [], "any", false, false, false, 3923), "style", [], "any", false, false, false, 3923);
                    echo ";
    ";
                } else {
                    // line 3925
                    echo "      background-size: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_size", [], "any", false, false, false, 3925);
                    echo ";
    ";
                }
                // line 3927
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_repeat", [], "any", false, false, false, 3927)) {
                    // line 3928
                    echo "      background-repeat: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_repeat", [], "any", false, false, false, 3928);
                    echo ";
    ";
                }
                // line 3930
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_position", [], "any", false, false, false, 3930)) {
                    // line 3931
                    echo "      ";
                    if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_position", [], "any", false, false, false, 3931) == "custom")) {
                        // line 3932
                        echo "        background-position: ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_left", [], "any", false, false, false, 3932), "style", [], "any", false, false, false, 3932);
                        echo " ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_top", [], "any", false, false, false, 3932), "style", [], "any", false, false, false, 3932);
                        echo ";
      ";
                    } else {
                        // line 3934
                        echo "        background-position: ";
                        echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_position", [], "any", false, false, false, 3934);
                        echo ";
      ";
                    }
                    // line 3936
                    echo "    ";
                }
                // line 3937
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_attachment", [], "any", false, false, false, 3937)) {
                    // line 3938
                    echo "      background-attachment: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_attachment", [], "any", false, false, false, 3938);
                    echo ";
    ";
                }
                // line 3940
                echo "  ";
            }
            // line 3941
            echo "
  ";
            // line 3942
            if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3942) == "gradient")) {
                // line 3943
                echo "    background-image: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "gradient", [], "any", false, false, false, 3943), "value", [], "any", false, false, false, 3943);
                echo ";
  ";
            }
            // line 3945
            echo "
  ";
            // line 3946
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color", [], "any", false, false, false, 3946)) {
                // line 3947
                echo "    -webkit-text-stroke-color: ";
                echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color", [], "any", false, false, false, 3947);
                echo ";
  ";
            }
            // line 3949
            echo "
  ";
            // line 3950
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_width", [], "any", false, false, false, 3950)) {
                // line 3951
                echo "    -webkit-text-stroke-width: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_width", [], "any", false, false, false, 3951), "style", [], "any", false, false, false, 3951);
                echo ";
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3956
    public function macro_typographyEffectsHover($__effects__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "effects" => $__effects__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3957
            echo "
  text-shadow: ";
            // line 3958
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "text_shadow_hover", [], "any", false, false, false, 3958), "style", [], "any", false, false, false, 3958);
            echo ";

  ";
            // line 3960
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color_hover", [], "any", false, false, false, 3960)) {
                // line 3961
                echo "    -webkit-text-stroke-color: ";
                echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color_hover", [], "any", false, false, false, 3961);
                echo ";
  ";
            }
            // line 3963
            echo "
  ";
            // line 3964
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_width_hover", [], "any", false, false, false, 3964)) {
                // line 3965
                echo "    -webkit-text-stroke-width: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_width_hover", [], "any", false, false, false, 3965), "style", [], "any", false, false, false, 3965);
                echo ";
  ";
            }
            // line 3967
            echo "
  ";
            // line 3968
            if (((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3968) == "image") && twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_hover", [], "any", false, false, false, 3968))) {
                // line 3969
                echo "    background-image: url(";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_hover", [], "any", false, false, false, 3969), "url", [], "any", false, false, false, 3969);
                echo ");
  ";
            }
            // line 3971
            echo "
  ";
            // line 3972
            if (((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3972) == "gradient") && twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "gradient_hover", [], "any", false, false, false, 3972))) {
                // line 3973
                echo "    background-image: ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "gradient_hover", [], "any", false, false, false, 3973), "value", [], "any", false, false, false, 3973);
                echo ";
  ";
            }
            // line 3975
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3978
    public function macro_typography($__typography__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "typography" => $__typography__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3979
            echo "  text-align: ";
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "text_align", [], "any", false, false, false, 3979);
            echo ";
  color: ";
            // line 3980
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "color", [], "any", false, false, false, 3980);
            echo ";

  ";
            // line 3982
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "typography", [], "any", false, false, false, 3982), "preset", [], "any", false, false, false, 3982)) {
                // line 3983
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyPropertiesWithVariables", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "typography", [], "any", false, false, false, 3983), "preset", [], "any", false, false, false, 3983), ($context["globalSettings"] ?? null)], 3983, $context, $this->getSourceContext());
                echo "
  ";
            } elseif (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3984
($context["typography"] ?? null), "typography", [], "any", false, false, false, 3984), "custom", [], "any", false, false, false, 3984), "customTypography", [], "any", false, false, false, 3984)) {
                // line 3985
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyProperties", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "typography", [], "any", false, false, false, 3985), "custom", [], "any", false, false, false, 3985), "customTypography", [], "any", false, false, false, 3985)], 3985, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 3987
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3987)) {
                // line 3988
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyEffects", [twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3988)], 3988, $context, $this->getSourceContext());
                echo "
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 3992
    public function macro_typographyWithHoverableColorAndEffects($__typography__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "typography" => $__typography__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 3993
            echo "  color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "color_hover", [], "any", false, false, false, 3993);
            echo ";

  ";
            // line 3995
            if (twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3995)) {
                // line 3996
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyEffectsHover", [twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3996)], 3996, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 3998
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4001
    public function macro_typographyWithHoverableEverything($__typography__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "typography" => $__typography__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4002
            echo "  text-align: ";
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "text_align_hover", [], "any", false, false, false, 4002);
            echo ";
  color: ";
            // line 4003
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "color_hover", [], "any", false, false, false, 4003);
            echo ";

  ";
            // line 4005
            if (twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 4005)) {
                // line 4006
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyEffectsHover", [twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 4006)], 4006, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 4008
            echo "
  ";
            // line 4009
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "typography", [], "any", false, false, false, 4009), "preset", [], "any", false, false, false, 4009)) {
                // line 4010
                echo "  ";
                // line 4011
                echo "  ";
            } else {
                // line 4012
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyPropertiesFromHover", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "typography", [], "any", false, false, false, 4012), "custom", [], "any", false, false, false, 4012), "customTypography", [], "any", false, false, false, 4012)], 4012, $context, $this->getSourceContext());
                echo "
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4020
    public function macro_iconToCssVar($__name__ = null, $__icon__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "name" => $__name__,
            "icon" => $__icon__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4021
            echo "  ";
            if (($context["icon"] ?? null)) {
                // line 4022
                echo "    ";
                $context["dataUri"] = Breakdance\PluginsAPI\data_uri(twig_get_attribute($this->env, $this->source, ($context["icon"] ?? null), "svgCode", [], "any", false, false, false, 4022), "image/svg+xml");
                // line 4023
                echo "    --";
                echo ($context["name"] ?? null);
                echo ": url(";
                echo ($context["dataUri"] ?? null);
                echo ");
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4027
    public function macro_paddingToCssVar($__name__ = null, $__p__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "name" => $__name__,
            "p" => $__p__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4028
            echo "  ";
            if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 4029
($context["p"] ?? null), "top", [], "any", false, false, false, 4029), "style", [], "any", false, false, false, 4029) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 4030
($context["p"] ?? null), "right", [], "any", false, false, false, 4030), "style", [], "any", false, false, false, 4030)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 4031
($context["p"] ?? null), "bottom", [], "any", false, false, false, 4031), "style", [], "any", false, false, false, 4031)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 4032
($context["p"] ?? null), "left", [], "any", false, false, false, 4032), "style", [], "any", false, false, false, 4032))) {
                // line 4034
                echo "    --";
                echo ($context["name"] ?? null);
                echo ": ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "top", [], "any", false, true, false, 4034), "style", [], "any", true, true, false, 4034) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "top", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "top", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)) : (0));
                echo " ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "right", [], "any", false, true, false, 4034), "style", [], "any", true, true, false, 4034) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "right", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "right", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)) : (0));
                echo " ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "bottom", [], "any", false, true, false, 4034), "style", [], "any", true, true, false, 4034) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "bottom", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "bottom", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)) : (0));
                echo " ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "left", [], "any", false, true, false, 4034), "style", [], "any", true, true, false, 4034) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "left", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "left", [], "any", false, true, false, 4034), "style", [], "any", false, false, false, 4034)) : (0));
                echo ";
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4038
    public function macro_radiusToCssVar($__name__ = null, $__radius__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "name" => $__name__,
            "radius" => $__radius__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4039
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "editMode", [], "any", false, false, false, 4039) == "custom")) {
                // line 4040
                echo "    --";
                echo ($context["name"] ?? null);
                echo ": ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topLeft", [], "any", false, true, false, 4040), "style", [], "any", true, true, false, 4040) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topLeft", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topLeft", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)) : (0));
                echo " ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, true, false, 4040), "style", [], "any", true, true, false, 4040) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)) : (0));
                echo " ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, true, false, 4040), "style", [], "any", true, true, false, 4040) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)) : (0));
                echo " ";
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, true, false, 4040), "style", [], "any", true, true, false, 4040) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, true, false, 4040), "style", [], "any", false, false, false, 4040)) : (0));
                echo ";
  ";
            } else {
                // line 4042
                echo "    --";
                echo ($context["name"] ?? null);
                echo ": ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "all", [], "any", false, false, false, 4042), "style", [], "any", false, false, false, 4042);
                echo ";
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4047
    public function macro_wooCartCrossSellDesign($__selector__ = null, $__design__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "design" => $__design__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4048
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .cross-sells {
    ";
            // line 4049
            if ((($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "hide_at_breakpoint", [], "any", false, false, false, 4049))) {
                // line 4050
                echo "      display: none;
    ";
            }
            // line 4052
            echo "  }

  ";
            // line 4054
            echo ($context["selector"] ?? null);
            echo " .cross-sells > h2 {
    ";
            // line 4055
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "title", [], "any", false, false, false, 4055)], 4055, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4058
            echo ($context["selector"] ?? null);
            echo " .cross-sells {
    gap: ";
            // line 4059
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "space_after_title", [], "any", false, false, false, 4059), "style", [], "any", false, false, false, 4059);
            echo ";
  }

  ";
            // line 4062
            echo twig_call_macro($macros["_self"], "macro_wooPresetProductWrapperDesign", [($context["selector"] ?? null), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "product_wrapper", [], "any", false, false, false, 4062)], 4062, $context, $this->getSourceContext());
            echo " 
  ";
            // line 4063
            echo twig_call_macro($macros["_self"], "macro_wooPresetProductsListElementsDesign", [($context["selector"] ?? null), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "elements", [], "any", false, false, false, 4063)], 4063, $context, $this->getSourceContext());
            echo "
  ";
            // line 4064
            echo twig_call_macro($macros["_self"], "macro_wooPresetProductsListLayoutDesign", [($context["selector"] ?? null), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "layout", [], "any", false, false, false, 4064)], 4064, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4067
    public function macro_wooCartTableDesign($__selector__ = null, $__design__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "design" => $__design__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4068
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " {
    --bde-woo-cart-thumbnail-size: ";
            // line 4069
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnails", [], "any", false, false, false, 4069), "size", [], "any", false, false, false, 4069), "style", [], "any", false, false, false, 4069);
            echo ";
    --bde-woo-cart-rows-spacing: ";
            // line 4070
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4070), "spacing", [], "any", false, false, false, 4070), "style", [], "any", false, false, false, 4070);
            echo ";
    
    width: ";
            // line 4072
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4072), "width", [], "any", false, false, false, 4072), "style", [], "any", false, false, false, 4072);
            echo ";
    ";
            // line 4073
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4073), "background", [], "any", false, false, false, 4073)], 4073, $context, $this->getSourceContext());
            echo "
    ";
            // line 4074
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4074), "borders", [], "any", false, false, false, 4074)], 4074, $context, $this->getSourceContext());
            echo "
    ";
            // line 4075
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4075), "padding", [], "any", false, false, false, 4075)], 4075, $context, $this->getSourceContext());
            echo "
  }
  
  /* Contents / Wrapper */
  ";
            // line 4079
            echo ($context["selector"] ?? null);
            echo " table.woocommerce-cart-form__contents thead {
    --bde-woo-tables__border-color: ";
            // line 4080
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4080), "border_color", [], "any", false, false, false, 4080);
            echo ";
    --bde-woo-tables__border-width: ";
            // line 4081
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4081), "border_width", [], "any", false, false, false, 4081), "style", [], "any", false, false, false, 4081);
            echo ";
    border-top-left-radius: ";
            // line 4082
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4082), "border_radius", [], "any", false, false, false, 4082), "style", [], "any", false, false, false, 4082);
            echo ";
    border-top-right-radius: ";
            // line 4083
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4083), "border_radius", [], "any", false, false, false, 4083), "style", [], "any", false, false, false, 4083);
            echo ";
  }

  ";
            // line 4086
            echo ($context["selector"] ?? null);
            echo " .woocommerce-cart-form__contents tbody {
    --bde-woo-tables__border-color: ";
            // line 4087
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4087), "border_color", [], "any", false, false, false, 4087);
            echo ";
    --bde-woo-tables__border-width: ";
            // line 4088
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4088), "border_width", [], "any", false, false, false, 4088), "style", [], "any", false, false, false, 4088);
            echo ";
    border-bottom-left-radius: ";
            // line 4089
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4089), "border_radius", [], "any", false, false, false, 4089), "style", [], "any", false, false, false, 4089);
            echo ";
    border-bottom-right-radius: ";
            // line 4090
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4090), "border_radius", [], "any", false, false, false, 4090), "style", [], "any", false, false, false, 4090);
            echo ";
  }

  ";
            // line 4093
            echo ($context["selector"] ?? null);
            echo " table {
    border-radius: ";
            // line 4094
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4094), "border_radius", [], "any", false, false, false, 4094), "style", [], "any", false, false, false, 4094);
            echo ";
  }

  /* Contents / Rows / Separator */
  ";
            // line 4098
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4098), "separator", [], "any", false, false, false, 4098)) {
                // line 4099
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .woocommerce-cart-form__contents tr {
      border-color: ";
                // line 4100
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4100), "separator_color", [], "any", false, false, false, 4100);
                echo ";
      border-width: ";
                // line 4101
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4101), "separator_height", [], "any", false, false, false, 4101), "style", [], "any", false, false, false, 4101);
                echo ";
    }
  ";
            } else {
                // line 4104
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .woocommerce-cart-form__contents tr {
      border: none;
    }
  ";
            }
            // line 4108
            echo "
  /* Contents / Remove Icon / Size */
  ";
            // line 4110
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "remove_icon", [], "any", false, false, false, 4110), "size", [], "any", false, false, false, 4110), "style", [], "any", false, false, false, 4110)) {
                // line 4111
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .woocommerce-cart-form__contents .product-remove a {
      font-size: ";
                // line 4112
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "remove_icon", [], "any", false, false, false, 4112), "size", [], "any", false, false, false, 4112), "style", [], "any", false, false, false, 4112);
                echo ";
      line-height: 0.5;
    }

    ";
                // line 4116
                echo ($context["selector"] ?? null);
                echo " .woocommerce-cart-form__contents td.product-remove {
      vertical-align: middle;
    }
  ";
            }
            // line 4120
            echo "
  /* Contents / Remove Icon / Color */
  ";
            // line 4122
            echo ($context["selector"] ?? null);
            echo " .woocommerce-cart-form__contents .product-remove a {
    color: ";
            // line 4123
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "remove_icon", [], "any", false, false, false, 4123), "color", [], "any", false, false, false, 4123);
            echo ";
    ";
            // line 4124
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "remove_icon", [], "any", false, false, false, 4124), "color", [], "any", false, false, false, 4124)) {
                // line 4125
                echo "      opacity: 1;
    ";
            }
            // line 4127
            echo "  }

  ";
            // line 4129
            echo ($context["selector"] ?? null);
            echo " .woocommerce-cart-form__contents .product-remove a:hover {
    color: ";
            // line 4130
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "remove_icon", [], "any", false, false, false, 4130), "color_hover", [], "any", false, false, false, 4130);
            echo ";
    ";
            // line 4131
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "remove_icon", [], "any", false, false, false, 4131), "color_hover", [], "any", false, false, false, 4131)) {
                // line 4132
                echo "      opacity: 1;
    ";
            }
            // line 4134
            echo "  }

  /* Contents / Thumbnails / Size */
  ";
            // line 4137
            echo ($context["selector"] ?? null);
            echo " .woocommerce-cart-form__contents .attachment-woocommerce_thumbnail {
    width: ";
            // line 4138
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnails", [], "any", false, false, false, 4138), "size", [], "any", false, false, false, 4138), "style", [], "any", false, false, false, 4138);
            echo ";
    height: ";
            // line 4139
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnails", [], "any", false, false, false, 4139), "size", [], "any", false, false, false, 4139), "style", [], "any", false, false, false, 4139);
            echo ";
    opacity: ";
            // line 4140
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnails", [], "any", false, false, false, 4140), "opacity", [], "any", false, false, false, 4140);
            echo ";
    ";
            // line 4141
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnails", [], "any", false, false, false, 4141), "borders", [], "any", false, false, false, 4141)], 4141, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4144
            echo ($context["selector"] ?? null);
            echo " .woocommerce-cart-form__contents .attachment-woocommerce_thumbnail:hover {
    opacity: ";
            // line 4145
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "thumbnails", [], "any", false, false, false, 4145), "opacity_hover", [], "any", false, false, false, 4145);
            echo ";
  }
  
  ";
            // line 4148
            if (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "hide_coupon_actions_row", [], "any", false, false, false, 4148)) {
                // line 4149
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " td.actions {
      display: none;
    }
  ";
            }
            // line 4153
            echo "  
  /* Typography */
  /* Contents / Table Headings */
  ";
            // line 4156
            echo ($context["selector"] ?? null);
            echo " table.woocommerce-cart-form__contents thead tr th {
    ";
            // line 4157
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4157), "table_heading", [], "any", false, false, false, 4157), ($context["globalSettings"] ?? null)], 4157, $context, $this->getSourceContext());
            echo "
  }

  /* Contents / Product Title */
  ";
            // line 4161
            echo ($context["selector"] ?? null);
            echo " td.product-name a {
    ";
            // line 4162
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4162), "product_title", [], "any", false, false, false, 4162), ($context["globalSettings"] ?? null)], 4162, $context, $this->getSourceContext());
            echo "
  }

  /* Contents / Product Title Hover */
  ";
            // line 4166
            echo ($context["selector"] ?? null);
            echo " td.product-name a:hover {
    ";
            // line 4167
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableEverything", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "contents", [], "any", false, false, false, 4167), "typography", [], "any", false, false, false, 4167), "product_title", [], "any", false, false, false, 4167)], 4167, $context, $this->getSourceContext());
            echo "
  }

  /* Contents / Prices */
  ";
            // line 4171
            echo ($context["selector"] ?? null);
            echo " table.woocommerce-cart-form__contents .woocommerce-Price-amount bdi {
    ";
            // line 4172
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4172), "prices", [], "any", false, false, false, 4172), ($context["globalSettings"] ?? null)], 4172, $context, $this->getSourceContext());
            echo "
  }

  /* Contents / Attributes */
  ";
            // line 4176
            echo ($context["selector"] ?? null);
            echo " dl.variation dt {
    ";
            // line 4177
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4177), "attributes", [], "any", false, false, false, 4177), ($context["globalSettings"] ?? null)], 4177, $context, $this->getSourceContext());
            echo "
  }

  /* Contents / Attribute Value */
  ";
            // line 4181
            echo ($context["selector"] ?? null);
            echo " dl.variation dd {
    ";
            // line 4182
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4182), "attribute_value", [], "any", false, false, false, 4182), ($context["globalSettings"] ?? null)], 4182, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4185
            $context["selectorObject"] = ["value" => ($context["selector"] ?? null)];
            // line 4186
            echo "  
  ";
            // line 4187
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "override_global_styles", [], "any", false, false, false, 4187), (twig_get_attribute($this->env, $this->source, ($context["selectorObject"] ?? null), "value", [], "any", false, false, false, 4187) . " .woocommerce-cart-form"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4187, $context, $this->getSourceContext());
            echo "
  ";
            // line 4188
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "override_global_styles", [], "any", false, false, false, 4188), (twig_get_attribute($this->env, $this->source, ($context["selectorObject"] ?? null), "value", [], "any", false, false, false, 4188) . " .cart-collaterals"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4188, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4191
    public function macro_wooCartTotalsDesign($__selector__ = null, $__design__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "design" => $__design__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4192
            echo "  /* Totals / Wrapper */
  ";
            // line 4193
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals {
    width: ";
            // line 4194
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4194), "max_width", [], "any", false, false, false, 4194), "style", [], "any", false, false, false, 4194);
            echo ";
  }

  ";
            // line 4197
            echo ($context["selector"] ?? null);
            echo " .cart_totals {
    /* Totals / Wrapper / Background */
    ";
            // line 4199
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4199), "background", [], "any", false, false, false, 4199)], 4199, $context, $this->getSourceContext());
            echo "
    /* Totals / Wrapper / Borders */
    ";
            // line 4201
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4201), "borders", [], "any", false, false, false, 4201)], 4201, $context, $this->getSourceContext());
            echo "
    /* Totals / Wrapper / Padding */
    ";
            // line 4203
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "wrapper", [], "any", false, false, false, 4203), "padding", [], "any", false, false, false, 4203)], 4203, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4206
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals h2 {
    margin-bottom: ";
            // line 4207
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "space_after_title", [], "any", false, false, false, 4207), "style", [], "any", false, false, false, 4207);
            echo ";
  }

  /* Button */
  ";
            // line 4211
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals a.checkout-button {
    margin-top: ";
            // line 4212
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "button", [], "any", false, false, false, 4212), "space_above", [], "any", false, false, false, 4212), "style", [], "any", false, false, false, 4212);
            echo ";
  }

  ";
            // line 4215
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "button", [], "any", false, false, false, 4215), "alignment", [], "any", false, false, false, 4215) == "left")) {
                // line 4216
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .wc-proceed-to-checkout {
      justify-content: flex-start;
      display: flex;
      width: 100%;
    }
    ";
                // line 4221
                echo ($context["selector"] ?? null);
                echo " .wc-proceed-to-checkout a {
      width: auto;
    }
  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 4224
($context["design"] ?? null), "button", [], "any", false, false, false, 4224), "alignment", [], "any", false, false, false, 4224) == "center")) {
                // line 4225
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .wc-proceed-to-checkout {
      justify-content: center;
      display: flex;
    }
    ";
                // line 4229
                echo ($context["selector"] ?? null);
                echo " .wc-proceed-to-checkout a {
      width: auto;
    }
  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 4232
($context["design"] ?? null), "button", [], "any", false, false, false, 4232), "alignment", [], "any", false, false, false, 4232) == "right")) {
                // line 4233
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .wc-proceed-to-checkout {
      justify-content: flex-end;
      display: flex;
    }
    ";
                // line 4237
                echo ($context["selector"] ?? null);
                echo " .wc-proceed-to-checkout a {
      width: auto;
    }
  ";
            }
            // line 4241
            echo "
  /* Totals / Rows / Separator */
  ";
            // line 4243
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4243), "separator", [], "any", false, false, false, 4243)) {
                // line 4244
                echo "    /* Totals / Rows / Separator Color */
    ";
                // line 4245
                echo ($context["selector"] ?? null);
                echo " .cart-collaterals table tr {
      border-color: ";
                // line 4246
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4246), "separator_color", [], "any", false, false, false, 4246);
                echo ";
    }
    /* Totals / Rows / Separator Height */
    ";
                // line 4249
                echo ($context["selector"] ?? null);
                echo " .cart-collaterals table tr {
      border-width: ";
                // line 4250
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4250), "separator_height", [], "any", false, false, false, 4250), "style", [], "any", false, false, false, 4250);
                echo ";
    }
  ";
            } else {
                // line 4253
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .cart-collaterals table tr {
      border: none;
    }
  ";
            }
            // line 4257
            echo "
  /* Totals / Rows / Spacing */
  ";
            // line 4259
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals table th {
    padding-top: ";
            // line 4260
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4260), "spacing", [], "any", false, false, false, 4260), "style", [], "any", false, false, false, 4260);
            echo ";
    padding-bottom: ";
            // line 4261
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4261), "spacing", [], "any", false, false, false, 4261), "style", [], "any", false, false, false, 4261);
            echo ";
  }
  ";
            // line 4263
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals table td {
    padding-top: ";
            // line 4264
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4264), "spacing", [], "any", false, false, false, 4264), "style", [], "any", false, false, false, 4264);
            echo ";
    padding-bottom: ";
            // line 4265
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "rows", [], "any", false, false, false, 4265), "spacing", [], "any", false, false, false, 4265), "style", [], "any", false, false, false, 4265);
            echo ";
  }

  /* Totals / Gaps */
  ";
            // line 4269
            echo ($context["selector"] ?? null);
            echo " .cart_totals {
    gap: ";
            // line 4270
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gaps", [], "any", false, false, false, 4270), "style", [], "any", false, false, false, 4270);
            echo ";
  }

  /* Totals / Heading */
  ";
            // line 4274
            echo ($context["selector"] ?? null);
            echo " .cart_totals h2 {
    ";
            // line 4275
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4275), "heading", [], "any", false, false, false, 4275), ($context["globalSettings"] ?? null)], 4275, $context, $this->getSourceContext());
            echo "
  }

  /* Totals / Labels */
  ";
            // line 4279
            echo ($context["selector"] ?? null);
            echo " .cart_totals .shop_table tr:not(:last-child) th {
    ";
            // line 4280
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4280), "labels", [], "any", false, false, false, 4280), ($context["globalSettings"] ?? null)], 4280, $context, $this->getSourceContext());
            echo "
  }

  /* Totals / Values */
  ";
            // line 4284
            echo ($context["selector"] ?? null);
            echo " .woocommerce-shipping-destination {
    ";
            // line 4285
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4285), "values", [], "any", false, false, false, 4285), ($context["globalSettings"] ?? null)], 4285, $context, $this->getSourceContext());
            echo "
  }

  /* Totals / Price Amounts */
  ";
            // line 4289
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals table tr:not(.order-total) .woocommerce-Price-amount bdi {
    ";
            // line 4290
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4290), "price_amounts", [], "any", false, false, false, 4290), ($context["globalSettings"] ?? null)], 4290, $context, $this->getSourceContext());
            echo "
  }

  /* Totals / Total Label */
  ";
            // line 4294
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals table tr:last-child th {
    ";
            // line 4295
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4295), "total_label", [], "any", false, false, false, 4295), ($context["globalSettings"] ?? null)], 4295, $context, $this->getSourceContext());
            echo "
  }

  /* Totals / Total Amount */
  ";
            // line 4299
            echo ($context["selector"] ?? null);
            echo " .cart-collaterals table tr.order-total .woocommerce-Price-amount bdi {
    ";
            // line 4300
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4300), "total_amount", [], "any", false, false, false, 4300), ($context["globalSettings"] ?? null)], 4300, $context, $this->getSourceContext());
            echo "
  }

  /* Totals / Links */
  ";
            // line 4304
            echo ($context["selector"] ?? null);
            echo " table a.shipping-calculator-button {
    ";
            // line 4305
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4305), "links", [], "any", false, false, false, 4305), ($context["globalSettings"] ?? null)], 4305, $context, $this->getSourceContext());
            echo "
  }

  /* Totals / Links Hover */
  ";
            // line 4309
            echo ($context["selector"] ?? null);
            echo " table a.shipping-calculator-button:hover {
    ";
            // line 4310
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableEverything", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4310), "links", [], "any", false, false, false, 4310)], 4310, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4313
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "button", [], "any", false, false, false, 4313), "styles", [], "any", false, false, false, 4313), (($context["selector"] ?? null) . " .wc-proceed-to-checkout a"), "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4313, $context, $this->getSourceContext());
            echo "
  ";
            // line 4314
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "override_global_styles", [], "any", false, false, false, 4314), (($context["selector"] ?? null) . " .cart-collaterals"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4314, $context, $this->getSourceContext());
            echo "
  ";
            // line 4315
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "override_global_styles", [], "any", false, false, false, 4315), (($context["selector"] ?? null) . " .woocommerce-cart-form"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4315, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4319
    public function macro_wooCheckoutCouponDesign($__styles__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4320
            echo "  /* Coupon / Disable */
  ";
            // line 4321
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "disable", [], "any", false, false, false, 4321)) {
                // line 4322
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .woocommerce-form-coupon-toggle {
      display: none;
    }
  ";
            }
            // line 4326
            echo "
  /* Coupon Global Styles */
  ";
            // line 4328
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4328), (($context["selector"] ?? null) . " .woocommerce-form-coupon-toggle .woocommerce-info"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4328, $context, $this->getSourceContext());
            echo "

  /* Coupon / Dropdown Global Styles */
  ";
            // line 4331
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4331), (($context["selector"] ?? null) . " .checkout_coupon.woocommerce-form-coupon"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4331, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4334
    public function macro_wooCheckoutBillingDesign($__styles__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4335
            echo "  /* Billing Address */
    ";
            // line 4336
            echo ($context["selector"] ?? null);
            echo " .woocommerce-billing-fields {
    background-color: ";
            // line 4337
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 4337);
            echo ";
    ";
            // line 4338
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 4338)], 4338, $context, $this->getSourceContext());
            echo "
    ";
            // line 4339
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "borders", [], "any", false, false, false, 4339)], 4339, $context, $this->getSourceContext());
            echo "
  }

  /* Billing Details / Global Styles */
  ";
            // line 4343
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4343), (($context["selector"] ?? null) . " .woocommerce-billing-fields"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4343, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4346
    public function macro_wooCheckoutShippingDesign($__styles__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4347
            echo "  /* Shipping Address */
  ";
            // line 4348
            echo ($context["selector"] ?? null);
            echo " .woocommerce-shipping-fields {
    background-color: ";
            // line 4349
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 4349);
            echo ";
    ";
            // line 4350
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 4350)], 4350, $context, $this->getSourceContext());
            echo "
    ";
            // line 4351
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "borders", [], "any", false, false, false, 4351)], 4351, $context, $this->getSourceContext());
            echo "
  }

  /* Shipping Address */
  ";
            // line 4355
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4355), (($context["selector"] ?? null) . " .woocommerce-shipping-fields"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4355, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4358
    public function macro_wooCheckoutAdditionalDesign($__styles__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4359
            echo "  /* Additional Info */
  ";
            // line 4360
            echo ($context["selector"] ?? null);
            echo " .woocommerce-additional-fields {
    background-color: ";
            // line 4361
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 4361);
            echo ";
    ";
            // line 4362
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 4362)], 4362, $context, $this->getSourceContext());
            echo "
    ";
            // line 4363
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "borders", [], "any", false, false, false, 4363)], 4363, $context, $this->getSourceContext());
            echo "
  }

  /* Additional Info / Override Global Styles */
  ";
            // line 4367
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4367), (($context["selector"] ?? null) . " .woocommerce-additional-fields"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4367, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4370
    public function macro_wooCheckoutOrderReviewDesign($__styles__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4371
            echo "  /* Your Order */
  ";
            // line 4372
            echo ($context["selector"] ?? null);
            echo " .woocommerce-checkout-review-order {
    background-color: ";
            // line 4373
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 4373);
            echo ";
    ";
            // line 4374
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 4374)], 4374, $context, $this->getSourceContext());
            echo "
    ";
            // line 4375
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "borders", [], "any", false, false, false, 4375)], 4375, $context, $this->getSourceContext());
            echo "
  }
  
  /* Your Order / Global Styles */
  ";
            // line 4379
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4379), (($context["selector"] ?? null) . " .woocommerce-checkout-review-order"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4379, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4382
    public function macro_wooCheckoutTotalsDesign($__styles__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4383
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .woocommerce-checkout-review-order-table tfoot th,
  ";
            // line 4384
            echo ($context["selector"] ?? null);
            echo " .woocommerce-checkout-review-order-table tfoot td {
    padding-top: ";
            // line 4385
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "rows", [], "any", false, false, false, 4385), "spacing", [], "any", false, false, false, 4385), "style", [], "any", false, false, false, 4385);
            echo ";
    padding-bottom: ";
            // line 4386
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "rows", [], "any", false, false, false, 4386), "spacing", [], "any", false, false, false, 4386), "style", [], "any", false, false, false, 4386);
            echo ";
  }

  ";
            // line 4389
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "rows", [], "any", false, false, false, 4389), "separator", [], "any", false, false, false, 4389)) {
                // line 4390
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .woocommerce-checkout-review-order-table tfoot tr {
      border-color: ";
                // line 4391
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "rows", [], "any", false, false, false, 4391), "separator_color", [], "any", false, false, false, 4391);
                echo ";
      border-width: ";
                // line 4392
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "rows", [], "any", false, false, false, 4392), "separator_height", [], "any", false, false, false, 4392), "style", [], "any", false, false, false, 4392);
                echo ";
    }
  ";
            } else {
                // line 4395
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .woocommerce-checkout-review-order-table tfoot tr {
      border: none;
    }
  ";
            }
            // line 4399
            echo "
  /* Totals */
  ";
            // line 4401
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4401), (($context["selector"] ?? null) . " .woocommerce-checkout-review-order-table tfoot"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4401, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4404
    public function macro_wooCheckoutPaymentDesign($__styles__ = null, $__selector__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "styles" => $__styles__,
            "selector" => $__selector__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4405
            echo "  /* Payment */
  ";
            // line 4406
            echo ($context["selector"] ?? null);
            echo " #payment {
    background-color: ";
            // line 4407
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 4407);
            echo ";
    ";
            // line 4408
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 4408)], 4408, $context, $this->getSourceContext());
            echo "
    ";
            // line 4409
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "borders", [], "any", false, false, false, 4409)], 4409, $context, $this->getSourceContext());
            echo "
  
    ";
            // line 4411
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "sticky", [], "any", false, false, false, 4411)) {
                // line 4412
                echo "      position: sticky;
      top: ";
                // line 4413
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "sticky_offset", [], "any", false, true, false, 4413), "style", [], "any", true, true, false, 4413)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "sticky_offset", [], "any", false, true, false, 4413), "style", [], "any", false, false, false, 4413), "40px")) : ("40px"));
                echo ";
    ";
            }
            // line 4415
            echo "  }

  ";
            // line 4417
            echo ($context["selector"] ?? null);
            echo " .payment_box {
    background-color: ";
            // line 4418
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "payment_info", [], "any", false, false, false, 4418), "background", [], "any", false, false, false, 4418);
            echo ";
    ";
            // line 4419
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "payment_info", [], "any", false, false, false, 4419), "padding", [], "any", false, false, false, 4419)], 4419, $context, $this->getSourceContext());
            echo "
    ";
            // line 4420
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "payment_info", [], "any", false, false, false, 4420), "borders", [], "any", false, false, false, 4420)], 4420, $context, $this->getSourceContext());
            echo "
  }
  
  /* Payment / Button */
  ";
            // line 4424
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "button", [], "any", false, false, false, 4424), (($context["selector"] ?? null) . " button#place_order"), "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4424, $context, $this->getSourceContext());
            echo "
  
  /* Payment / Global Styles */
  ";
            // line 4427
            echo twig_call_macro($macros["_self"], "macro_wooGlobalStyler", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "override_global_styles", [], "any", false, false, false, 4427), (($context["selector"] ?? null) . " #payment"), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 4427, $context, $this->getSourceContext());
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4433
    public function macro_pagination($__design__ = null, $__selector__ = null, $__listSelector__ = null, $__activeSelector__ = null, $__dotsSelector__ = ".dots", ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "design" => $__design__,
            "selector" => $__selector__,
            "listSelector" => $__listSelector__,
            "activeSelector" => $__activeSelector__,
            "dotsSelector" => $__dotsSelector__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4434
            echo "
";
            // line 4435
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " {
\tgap: ";
            // line 4436
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "space_between", [], "any", false, false, false, 4436), "style", [], "any", false, false, false, 4436);
            echo ";
}

";
            // line 4439
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " li,
";
            // line 4440
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " li a {
\t";
            // line 4441
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4441)], 4441, $context, $this->getSourceContext());
            echo "
}

";
            // line 4444
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " li a:hover,
";
            // line 4445
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " li:hover{
    ";
            // line 4446
            echo twig_call_macro($macros["_self"], "macro_typographyWithHoverableEverything", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "typography", [], "any", false, false, false, 4446)], 4446, $context, $this->getSourceContext());
            echo "
}

";
            // line 4449
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " ";
            echo ($context["activeSelector"] ?? null);
            echo ",
";
            // line 4450
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " li:hover{
  color: ";
            // line 4451
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "active_color", [], "any", false, false, false, 4451);
            echo ";
}

";
            // line 4454
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " ";
            echo ($context["dotsSelector"] ?? null);
            echo " {
    color: ";
            // line 4455
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots", [], "any", false, true, false, 4455), "color", [], "any", true, true, false, 4455)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots", [], "any", false, true, false, 4455), "color", [], "any", false, false, false, 4455), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots_color", [], "any", false, false, false, 4455))) : (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots_color", [], "any", false, false, false, 4455)));
            echo ";
}

";
            // line 4458
            if (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "display_as_buttons", [], "any", false, false, false, 4458)) {
                // line 4459
                echo "
    /* Pagination Buttons */

    ";
                // line 4462
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li ";
                echo ($context["activeSelector"] ?? null);
                echo ",
    ";
                // line 4463
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li a,
    ";
                // line 4464
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " ";
                echo ($context["dotsSelector"] ?? null);
                echo "  {
        border-radius:  ";
                // line 4465
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4465), "radius", [], "any", false, true, false, 4465), "style", [], "any", true, true, false, 4465)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4465), "radius", [], "any", false, true, false, 4465), "style", [], "any", false, false, false, 4465), "4px")) : ("4px"));
                echo ";
        width: ";
                // line 4466
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4466), "size", [], "any", false, true, false, 4466), "style", [], "any", true, true, false, 4466)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4466), "size", [], "any", false, true, false, 4466), "style", [], "any", false, false, false, 4466), "40px")) : ("40px"));
                echo ";
        height: ";
                // line 4467
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4467), "size", [], "any", false, true, false, 4467), "style", [], "any", true, true, false, 4467)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4467), "size", [], "any", false, true, false, 4467), "style", [], "any", false, false, false, 4467), "40px")) : ("40px"));
                echo ";
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid;
    }

    ";
                // line 4474
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li a,
    ";
                // line 4475
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " ";
                echo ($context["dotsSelector"] ?? null);
                echo " {
        border-color: ";
                // line 4476
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4476), "border", [], "any", true, true, false, 4476)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4476), "border", [], "any", false, false, false, 4476), "#d1d5db")) : ("#d1d5db"));
                echo ";
        background-color:  ";
                // line 4477
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4477), "background", [], "any", true, true, false, 4477)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4477), "background", [], "any", false, false, false, 4477), "#f9fafb")) : ("#f9fafb"));
                echo ";
    }

    ";
                // line 4480
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li a:hover {
        border-color: ";
                // line 4481
                echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4481), "border_hover", [], "any", true, true, false, 4481)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4481), "border_hover", [], "any", false, false, false, 4481), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, false, false, 4481), "border", [], "any", false, false, false, 4481))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, false, false, 4481), "border", [], "any", false, false, false, 4481))), "#d1d5db");
                echo ";
        background-color:  ";
                // line 4482
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4482), "background_hover", [], "any", true, true, false, 4482)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4482), "background_hover", [], "any", false, false, false, 4482), "#f3f4f6")) : ("#f3f4f6"));
                echo ";
    }

    ";
                // line 4485
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li ";
                echo ($context["activeSelector"] ?? null);
                echo " {
        background-color:  ";
                // line 4486
                echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4486), "active", [], "any", false, true, false, 4486), "background", [], "any", true, true, false, 4486)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4486), "active", [], "any", false, true, false, 4486), "background", [], "any", false, false, false, 4486), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "active_color", [], "any", false, false, false, 4486))) : (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "active_color", [], "any", false, false, false, 4486))), "var(--bde-brand-primary-color)");
                echo ";
        border-color:  ";
                // line 4487
                echo _twig_default_filter(_twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4487), "active", [], "any", false, true, false, 4487), "border", [], "any", true, true, false, 4487)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4487), "active", [], "any", false, true, false, 4487), "border", [], "any", false, false, false, 4487), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, false, false, 4487), "active", [], "any", false, false, false, 4487), "background", [], "any", false, false, false, 4487))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, false, false, 4487), "active", [], "any", false, false, false, 4487), "background", [], "any", false, false, false, 4487))), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "active_color", [], "any", false, false, false, 4487)), "var(--bde-brand-primary-color)");
                echo ";
        color: ";
                // line 4488
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4488), "active", [], "any", false, true, false, 4488), "text", [], "any", true, true, false, 4488)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4488), "active", [], "any", false, true, false, 4488), "text", [], "any", false, false, false, 4488), "#fff")) : ("#fff"));
                echo ";
    }

    ";
                // line 4491
                if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "space_between", [], "any", false, false, false, 4491) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "space_between", [], "any", false, false, false, 4491), "number", [], "any", false, false, false, 4491) == 0))) {
                    // line 4492
                    echo "        ";
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li ";
                    echo ($context["activeSelector"] ?? null);
                    echo ",
        ";
                    // line 4493
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li a,
        ";
                    // line 4494
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " ";
                    echo ($context["dotsSelector"] ?? null);
                    echo " {
            border-radius: 0;
        }
        ";
                    // line 4497
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li a,
        ";
                    // line 4498
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " ";
                    echo ($context["dotsSelector"] ?? null);
                    echo " {
            border-left: 0;
        }
        ";
                    // line 4501
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:first-child ";
                    echo ($context["activeSelector"] ?? null);
                    echo ",
        ";
                    // line 4502
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:first-child a {
            border-top-left-radius:  ";
                    // line 4503
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4503), "radius", [], "any", false, true, false, 4503), "style", [], "any", true, true, false, 4503)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4503), "radius", [], "any", false, true, false, 4503), "style", [], "any", false, false, false, 4503), "4px")) : ("4px"));
                    echo ";
            border-bottom-left-radius:  ";
                    // line 4504
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4504), "radius", [], "any", false, true, false, 4504), "style", [], "any", true, true, false, 4504)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4504), "radius", [], "any", false, true, false, 4504), "style", [], "any", false, false, false, 4504), "4px")) : ("4px"));
                    echo ";
        }
        ";
                    // line 4506
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:last-child ";
                    echo ($context["activeSelector"] ?? null);
                    echo ",
        ";
                    // line 4507
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:last-child a {
            border-top-right-radius:  ";
                    // line 4508
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4508), "radius", [], "any", false, true, false, 4508), "style", [], "any", true, true, false, 4508)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4508), "radius", [], "any", false, true, false, 4508), "style", [], "any", false, false, false, 4508), "4px")) : ("4px"));
                    echo ";
            border-bottom-right-radius: ";
                    // line 4509
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4509), "radius", [], "any", false, true, false, 4509), "style", [], "any", true, true, false, 4509)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 4509), "radius", [], "any", false, true, false, 4509), "style", [], "any", false, false, false, 4509), "4px")) : ("4px"));
                    echo ";
        }
    ";
                }
                // line 4512
                echo "
    ";
                // line 4513
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots", [], "any", false, false, false, 4513), "nudge_y", [], "any", false, false, false, 4513)) {
                    // line 4514
                    echo "        ";
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " ";
                    echo ($context["dotsSelector"] ?? null);
                    echo " * {
            transform: translateY(";
                    // line 4515
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots", [], "any", false, false, false, 4515), "nudge_y", [], "any", false, false, false, 4515), "style", [], "any", false, false, false, 4515);
                    echo ");
        }
    ";
                }
                // line 4518
                echo "
";
            }
            // line 4520
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4524
    public function macro_wooPresetStockDesign($__design__ = null, $__selector__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "design" => $__design__,
            "selector" => $__selector__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4525
            echo "  /* Notices/Out of Stock */
  ";
            // line 4526
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4526), "disable_icon", [], "any", false, false, false, 4526)) {
                // line 4527
                echo "    %%SELECTOR%%.breakdance-woocommerce p.out-of-stock::before {
      display: none;
    }
    %%SELECTOR%%.breakdance-woocommerce p.out-of-stock {
      padding-left: 12px;
    }
  ";
            }
            // line 4534
            echo "  %%SELECTOR%%.breakdance-woocommerce p.out-of-stock {
    background-color: ";
            // line 4535
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4535), "background", [], "any", false, false, false, 4535);
            echo ";
    ";
            // line 4536
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4536), "borders", [], "any", false, false, false, 4536)], 4536, $context, $this->getSourceContext());
            echo "
    ";
            // line 4537
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4537), "typography", [], "any", false, false, false, 4537)], 4537, $context, $this->getSourceContext());
            echo "
    ";
            // line 4538
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4538), "padding", [], "any", false, false, false, 4538)], 4538, $context, $this->getSourceContext());
            echo "
  }
  ";
            // line 4540
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4540), "icon_color", [], "any", false, false, false, 4540)) {
                // line 4541
                echo "    %%SELECTOR%%.breakdance-woocommerce p.out-of-stock::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                // line 4542
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4542), "icon_color", [], "any", false, false, false, 4542), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.5 16.084l-1.403 1.416-4.09-4.096-4.102 4.096-1.405-1.405 4.093-4.092-4.093-4.098 1.405-1.405 4.088 4.089 4.091-4.089 1.416 1.403-4.092 4.087 4.092 4.094z\"/></svg>');
    }
  ";
            }
            // line 4545
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4545), "custom_icon", [], "any", false, false, false, 4545)) {
                // line 4546
                echo "    %%SELECTOR%%.breakdance-woocommerce p.out-of-stock::before {
      background-color: ";
                // line 4547
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, true, false, 4547), "icon_color", [], "any", true, true, false, 4547)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, true, false, 4547), "icon_color", [], "any", false, false, false, 4547), "#ef4444")) : ("#ef4444"));
                echo ";
      content: \"\";
      width: 16px;
      height: 16px;
      mask: url('data:image/svg+xml;utf8,";
                // line 4551
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4551), "custom_icon", [], "any", false, false, false, 4551), "svgCode", [], "any", false, false, false, 4551);
                echo "');
      -webkit-mask: url('data:image/svg+xml;utf8,";
                // line 4552
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "out_of_stock", [], "any", false, false, false, 4552), "custom_icon", [], "any", false, false, false, 4552), "svgCode", [], "any", false, false, false, 4552);
                echo "');
      mask-size: cover;
      -webkit-mask-size: cover;
      background-image: none;
    }
  ";
            }
            // line 4558
            echo "
  /* Notices/Backorder */
  ";
            // line 4560
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4560), "disable_icon", [], "any", false, false, false, 4560)) {
                // line 4561
                echo "    %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder::before {
      display: none;
    }
    %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder {
      padding-left: 12px;
    }
  ";
            }
            // line 4568
            echo "  %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder {
    background-color: ";
            // line 4569
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4569), "background", [], "any", false, false, false, 4569);
            echo ";
    ";
            // line 4570
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4570), "borders", [], "any", false, false, false, 4570)], 4570, $context, $this->getSourceContext());
            echo "
    ";
            // line 4571
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4571), "typography", [], "any", false, false, false, 4571)], 4571, $context, $this->getSourceContext());
            echo "
    ";
            // line 4572
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4572), "padding", [], "any", false, false, false, 4572)], 4572, $context, $this->getSourceContext());
            echo "
  }
  ";
            // line 4574
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4574), "icon_color", [], "any", false, false, false, 4574)) {
                // line 4575
                echo "    %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23";
                // line 4576
                echo twig_trim_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4576), "icon_color", [], "any", false, false, false, 4576), "#");
                echo "\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.5 16.084l-1.403 1.416-4.09-4.096-4.102 4.096-1.405-1.405 4.093-4.092-4.093-4.098 1.405-1.405 4.088 4.089 4.091-4.089 1.416 1.403-4.092 4.087 4.092 4.094z\"/></svg>');
    }
  ";
            }
            // line 4579
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4579), "custom_icon", [], "any", false, false, false, 4579)) {
                // line 4580
                echo "    %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder::before {
      background-color: ";
                // line 4581
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, true, false, 4581), "icon_color", [], "any", true, true, false, 4581)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, true, false, 4581), "icon_color", [], "any", false, false, false, 4581), "#0ea5e9")) : ("#0ea5e9"));
                echo ";
      content: \"\";
      width: 16px;
      height: 16px;
      mask: url('data:image/svg+xml;utf8,";
                // line 4585
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4585), "custom_icon", [], "any", false, false, false, 4585), "svgCode", [], "any", false, false, false, 4585);
                echo "');
      -webkit-mask: url('data:image/svg+xml;utf8,";
                // line 4586
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 4586), "custom_icon", [], "any", false, false, false, 4586), "svgCode", [], "any", false, false, false, 4586);
                echo "');
      mask-size: cover;
      -webkit-mask-size: cover;
      background-image: none;
    }
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4595
    public function macro_wooPresetProductsListElementsDesign($__selector__ = null, $__elements__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "elements" => $__elements__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4596
            echo "
    ";
            // line 4597
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .bde-woo-product-image {
        order: ";
            // line 4598
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "image", [], "any", false, false, false, 4598), "order", [], "any", false, false, false, 4598);
            echo ";
        margin-bottom: ";
            // line 4599
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "image", [], "any", false, false, false, 4599), "space_after", [], "any", false, false, false, 4599), "style", [], "any", false, false, false, 4599);
            echo ";
    }

    ";
            // line 4602
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .bde-woo-product-image > img {
        ";
            // line 4603
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "image", [], "any", false, false, false, 4603), "borders", [], "any", false, false, false, 4603)], 4603, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4606
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-loop-product__title {
        order: ";
            // line 4607
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "title", [], "any", false, false, false, 4607), "order", [], "any", false, false, false, 4607);
            echo ";
        margin-bottom: ";
            // line 4608
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "title", [], "any", false, false, false, 4608), "space_after", [], "any", false, false, false, 4608), "style", [], "any", false, false, false, 4608);
            echo ";
        ";
            // line 4609
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "title", [], "any", false, false, false, 4609), "typography", [], "any", false, false, false, 4609)], 4609, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4612
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price {
        order: ";
            // line 4613
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "price", [], "any", false, false, false, 4613), "order", [], "any", false, false, false, 4613);
            echo ";
        margin-bottom: ";
            // line 4614
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "price", [], "any", false, false, false, 4614), "space_after", [], "any", false, false, false, 4614), "style", [], "any", false, false, false, 4614);
            echo ";
    }

    /* Old Price */
    ";
            // line 4618
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price del,
    ";
            // line 4619
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price del .woocommerce-Price-amount bdi,
    ";
            // line 4620
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price del .woocommerce-Price-amount bdi * {
      ";
            // line 4621
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "price", [], "any", false, false, false, 4621), "old_price_typography", [], "any", false, false, false, 4621)], 4621, $context, $this->getSourceContext());
            echo "
    }

    /* Current Price */
    ";
            // line 4625
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price,
    ";
            // line 4626
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price > .woocommerce-Price-amount,
    ";
            // line 4627
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price > .woocommerce-Price-amount bdi,
    ";
            // line 4628
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price ins .woocommerce-Price-amount bdi,
    ";
            // line 4629
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price ins .woocommerce-Price-amount bdi * {
      ";
            // line 4630
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "price", [], "any", false, false, false, 4630), "current_price_typography", [], "any", false, false, false, 4630)], 4630, $context, $this->getSourceContext());
            echo "
    }


    ";
            // line 4634
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .bde-woo-ratings {
        order: ";
            // line 4635
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "rating", [], "any", false, false, false, 4635), "order", [], "any", false, false, false, 4635);
            echo ";
        margin-bottom: ";
            // line 4636
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "rating", [], "any", false, false, false, 4636), "space_after", [], "any", false, false, false, 4636), "style", [], "any", false, false, false, 4636);
            echo ";
        ";
            // line 4637
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "rating", [], "any", false, false, false, 4637), "typography", [], "any", false, false, false, 4637)], 4637, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4640
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .bde-woo-ratings > .bde-woo-ratings-count {
        ";
            // line 4641
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "rating", [], "any", false, false, false, 4641), "count_typography", [], "any", false, false, false, 4641)], 4641, $context, $this->getSourceContext());
            echo "
        ";
            // line 4642
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "rating", [], "any", false, false, false, 4642), "review_count", [], "any", false, false, false, 4642)) {
                // line 4643
                echo "            display: block;
        ";
            }
            // line 4645
            echo "    }

    ";
            // line 4647
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-product-details__short-description {
        order: ";
            // line 4648
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "excerpt", [], "any", false, false, false, 4648), "order", [], "any", false, false, false, 4648);
            echo ";
        margin-bottom: ";
            // line 4649
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "excerpt", [], "any", false, false, false, 4649), "space_after", [], "any", false, false, false, 4649), "style", [], "any", false, false, false, 4649);
            echo ";
    }

    ";
            // line 4652
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-product-details__short-description,
    ";
            // line 4653
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-product-details__short-description * {
        ";
            // line 4654
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "excerpt", [], "any", false, false, false, 4654), "typography", [], "any", false, false, false, 4654)], 4654, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4657
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .bde-woo-categories-list {
        order: ";
            // line 4658
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "categories", [], "any", false, false, false, 4658), "order", [], "any", false, false, false, 4658);
            echo ";
        margin-bottom: ";
            // line 4659
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "categories", [], "any", false, false, false, 4659), "space_after", [], "any", false, false, false, 4659), "style", [], "any", false, false, false, 4659);
            echo ";
        ";
            // line 4660
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "categories", [], "any", false, false, false, 4660), "typography", [], "any", false, false, false, 4660)], 4660, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4663
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .bde-woo-product-footer {
        gap: ";
            // line 4664
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "quantity_input", [], "any", false, false, false, 4664), "space_after", [], "any", false, false, false, 4664), "style", [], "any", false, false, false, 4664);
            echo ";
    }

    ";
            // line 4667
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_simple,
    ";
            // line 4668
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_variable,
    ";
            // line 4669
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_external,
    ";
            // line 4670
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_grouped {
        order: ";
            // line 4671
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "button", [], "any", false, false, false, 4671), "order", [], "any", false, false, false, 4671);
            echo ";
        margin-bottom: ";
            // line 4672
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "button", [], "any", false, false, false, 4672), "space_after", [], "any", false, false, false, 4672), "style", [], "any", false, false, false, 4672);
            echo ";
    }

    /* Sale Badge */
    ";
            // line 4676
            echo ($context["selector"] ?? null);
            echo " .onsale {
      ";
            // line 4677
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4677), "background", [], "any", false, false, false, 4677)], 4677, $context, $this->getSourceContext());
            echo "
      ";
            // line 4678
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4678), "typography", [], "any", false, false, false, 4678)], 4678, $context, $this->getSourceContext());
            echo "
      ";
            // line 4679
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4679), "borders", [], "any", false, false, false, 4679)], 4679, $context, $this->getSourceContext());
            echo "
      ";
            // line 4680
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4680), "padding", [], "any", false, false, false, 4680)], 4680, $context, $this->getSourceContext());
            echo "
      --bde-woo-sale-badge__nudge-x: ";
            // line 4681
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4681), "nudge", [], "any", false, false, false, 4681), "x", [], "any", false, false, false, 4681), "style", [], "any", false, false, false, 4681);
            echo ";
      --bde-woo-sale-badge__nudge-y: ";
            // line 4682
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4682), "nudge", [], "any", false, false, false, 4682), "y", [], "any", false, false, false, 4682), "style", [], "any", false, false, false, 4682);
            echo ";

      ";
            // line 4684
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4684), "position", [], "any", false, false, false, 4684) == "top-left")) {
                // line 4685
                echo "        top: 12px;
        right: auto;
        left: 12px;
        bottom: auto;
      ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 4689
($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4689), "position", [], "any", false, false, false, 4689) == "top-right")) {
                // line 4690
                echo "        top: 12px;
        right: 12px;
        left: auto;
        bottom: auto;
      ";
            }
            // line 4695
            echo "    }
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4699
    public function macro_wooPresetProductsListLayoutDesign($__selector__ = null, $__layout__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "layout" => $__layout__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4700
            echo "
    ";
            // line 4701
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce ul.products {
        ";
            // line 4702
            if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "products_per_row", [], "any", false, false, false, 4702)) {
                // line 4703
                echo "          --bde-woo-products-list-products-per-row: ";
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "products_per_row", [], "any", false, false, false, 4703);
                echo ";
        ";
            }
            // line 4705
            echo "        gap: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "between_products", [], "any", false, false, false, 4705), "style", [], "any", false, false, false, 4705);
            echo ";
    }

    ";
            // line 4721
            echo "
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4725
    public function macro_wooPresetProductWrapperDesign($__selector__ = null, $__layout__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "layout" => $__layout__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4726
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " li.product {
    ";
            // line 4727
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "background", [], "any", false, false, false, 4727)], 4727, $context, $this->getSourceContext());
            echo "
    ";
            // line 4728
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "borders", [], "any", false, false, false, 4728)], 4728, $context, $this->getSourceContext());
            echo "
    ";
            // line 4729
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "padding", [], "any", false, false, false, 4729)], 4729, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4732
            echo ($context["selector"] ?? null);
            echo " li.product,
  ";
            // line 4733
            echo ($context["selector"] ?? null);
            echo " a.woocommerce-LoopProduct-link {
    align-items: ";
            // line 4734
            echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_content", [], "any", false, false, false, 4734);
            echo ";
  }

  ";
            // line 4737
            echo ($context["selector"] ?? null);
            echo " li.product .price {
    justify-content: ";
            // line 4738
            echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_content", [], "any", false, false, false, 4738);
            echo ";
  }
  
  ";
            // line 4741
            echo ($context["selector"] ?? null);
            echo " li.product,
  ";
            // line 4742
            echo ($context["selector"] ?? null);
            echo " h2.woocommerce-loop-product__title {
    text-align: ";
            // line 4743
            echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_content", [], "any", false, false, false, 4743);
            echo ";
  }
";

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    // line 4748
    public function macro_wooPresetQuantityInput($__selector__ = null, $__styles__ = null, $__breakpoint__ = null, $__globalSettings__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "selector" => $__selector__,
            "styles" => $__styles__,
            "breakpoint" => $__breakpoint__,
            "globalSettings" => $__globalSettings__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 4749
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .quantity {
    max-width: ";
            // line 4750
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "max_width", [], "any", false, false, false, 4750), "style", [], "any", false, false, false, 4750);
            echo ";
  }

  ";
            // line 4753
            echo ($context["selector"] ?? null);
            echo " .quantity .input-text {
    ";
            // line 4754
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 4754)], 4754, $context, $this->getSourceContext());
            echo "
    ";
            // line 4755
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 4755), ($context["globalSettings"] ?? null)], 4755, $context, $this->getSourceContext());
            echo "
    ";
            // line 4756
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "borders", [], "any", false, false, false, 4756)], 4756, $context, $this->getSourceContext());
            echo "
    ";
            // line 4757
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "padding", [], "any", false, false, false, 4757)], 4757, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4760
            echo ($context["selector"] ?? null);
            echo " .quantity .input-text:hover {
    ";
            // line 4761
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 4761)], 4761, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4764
            echo ($context["selector"] ?? null);
            echo " .bde-quantity-button {
    width: ";
            // line 4765
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4765), "width", [], "any", false, false, false, 4765), "style", [], "any", false, false, false, 4765);
            echo ";
    height: ";
            // line 4766
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4766), "height", [], "any", false, false, false, 4766), "style", [], "any", false, false, false, 4766);
            echo ";
    font-size: ";
            // line 4767
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4767), "icon_size", [], "any", false, false, false, 4767), "style", [], "any", false, false, false, 4767);
            echo ";
    ";
            // line 4768
            echo twig_call_macro($macros["_self"], "macro_textColor", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4768), "icon_color", [], "any", false, false, false, 4768)], 4768, $context, $this->getSourceContext());
            echo "
    ";
            // line 4769
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4769), "background", [], "any", false, false, false, 4769)], 4769, $context, $this->getSourceContext());
            echo "
    ";
            // line 4770
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4770), "typography", [], "any", false, false, false, 4770), ($context["globalSettings"] ?? null)], 4770, $context, $this->getSourceContext());
            echo "
    ";
            // line 4771
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4771), "borders", [], "any", false, false, false, 4771)], 4771, $context, $this->getSourceContext());
            echo "
    ";
            // line 4772
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4772), "padding", [], "any", false, false, false, 4772)], 4772, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4775
            echo ($context["selector"] ?? null);
            echo " .bde-quantity-button:hover {
    ";
            // line 4776
            echo twig_call_macro($macros["_self"], "macro_textColor", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4776), "icon_color_hover", [], "any", false, false, false, 4776)], 4776, $context, $this->getSourceContext());
            echo "
    ";
            // line 4777
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4777), "background_hover", [], "any", false, false, false, 4777)], 4777, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 4780
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4780), "nudge", [], "any", false, false, false, 4780), "x", [], "any", false, false, false, 4780) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4780), "nudge", [], "any", false, false, false, 4780), "y", [], "any", false, false, false, 4780))) {
                // line 4781
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .bde-quantity-button {
      ";
                // line 4782
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4782), "nudge", [], "any", false, false, false, 4782), "y", [], "any", false, false, false, 4782)) {
                    // line 4783
                    echo "        top: ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4783), "nudge", [], "any", false, false, false, 4783), "y", [], "any", false, false, false, 4783), "style", [], "any", false, false, false, 4783);
                    echo ";
        bottom: auto;
      ";
                }
                // line 4786
                echo "    }

    ";
                // line 4788
                echo ($context["selector"] ?? null);
                echo " .bde-quantity-button--inc {
      right: ";
                // line 4789
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4789), "nudge", [], "any", false, false, false, 4789), "x", [], "any", false, false, false, 4789), "style", [], "any", false, false, false, 4789);
                echo ";
    }

    ";
                // line 4792
                echo ($context["selector"] ?? null);
                echo " .bde-quantity-button--dec {
      left: ";
                // line 4793
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4793), "nudge", [], "any", false, false, false, 4793), "x", [], "any", false, false, false, 4793), "style", [], "any", false, false, false, 4793);
                echo ";
    }
  ";
            }
            // line 4796
            echo "
  ";
            // line 4797
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, false, false, 4797), "no_overlap", [], "any", false, false, false, 4797)) {
                // line 4798
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .quantity {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      gap: ";
                // line 4803
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, true, false, 4803), "between_inputs", [], "any", false, true, false, 4803), "style", [], "any", true, true, false, 4803)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, true, false, 4803), "between_inputs", [], "any", false, true, false, 4803), "style", [], "any", false, false, false, 4803), "5px")) : ("5px"));
                echo ";
      max-width: ";
                // line 4804
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "max_width", [], "any", false, true, false, 4804), "style", [], "any", true, true, false, 4804)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "max_width", [], "any", false, true, false, 4804), "style", [], "any", false, false, false, 4804), "100px")) : ("100px"));
                echo ";
    }

    ";
                // line 4807
                echo ($context["selector"] ?? null);
                echo " .quantity .input-text {
      padding-left: 0;
      padding-right: 0;
    }

    ";
                // line 4812
                echo ($context["selector"] ?? null);
                echo " .quantity .bde-quantity-button {
      position: relative;
      inset: 0;
      transform: none;
      height: ";
                // line 4816
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, true, false, 4816), "height", [], "any", false, true, false, 4816), "style", [], "any", true, true, false, 4816)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "buttons", [], "any", false, true, false, 4816), "height", [], "any", false, true, false, 4816), "style", [], "any", false, false, false, 4816), "100%")) : ("100%"));
                echo ";
    }
  ";
            }

            return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
        } finally {
            ob_end_clean();
        }
    }

    public function getTemplateName()
    {
        return "macros.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  14669 => 4816,  14662 => 4812,  14654 => 4807,  14648 => 4804,  14644 => 4803,  14635 => 4798,  14633 => 4797,  14630 => 4796,  14624 => 4793,  14620 => 4792,  14614 => 4789,  14610 => 4788,  14606 => 4786,  14599 => 4783,  14597 => 4782,  14592 => 4781,  14590 => 4780,  14584 => 4777,  14580 => 4776,  14576 => 4775,  14570 => 4772,  14566 => 4771,  14562 => 4770,  14558 => 4769,  14554 => 4768,  14550 => 4767,  14546 => 4766,  14542 => 4765,  14538 => 4764,  14532 => 4761,  14528 => 4760,  14522 => 4757,  14518 => 4756,  14514 => 4755,  14510 => 4754,  14506 => 4753,  14500 => 4750,  14495 => 4749,  14479 => 4748,  14467 => 4743,  14463 => 4742,  14459 => 4741,  14453 => 4738,  14449 => 4737,  14443 => 4734,  14439 => 4733,  14435 => 4732,  14429 => 4729,  14425 => 4728,  14421 => 4727,  14416 => 4726,  14402 => 4725,  14392 => 4721,  14385 => 4705,  14379 => 4703,  14377 => 4702,  14373 => 4701,  14370 => 4700,  14356 => 4699,  14346 => 4695,  14339 => 4690,  14337 => 4689,  14331 => 4685,  14329 => 4684,  14324 => 4682,  14320 => 4681,  14316 => 4680,  14312 => 4679,  14308 => 4678,  14304 => 4677,  14300 => 4676,  14293 => 4672,  14289 => 4671,  14285 => 4670,  14281 => 4669,  14277 => 4668,  14273 => 4667,  14267 => 4664,  14263 => 4663,  14257 => 4660,  14253 => 4659,  14249 => 4658,  14245 => 4657,  14239 => 4654,  14235 => 4653,  14231 => 4652,  14225 => 4649,  14221 => 4648,  14217 => 4647,  14213 => 4645,  14209 => 4643,  14207 => 4642,  14203 => 4641,  14199 => 4640,  14193 => 4637,  14189 => 4636,  14185 => 4635,  14181 => 4634,  14174 => 4630,  14170 => 4629,  14166 => 4628,  14162 => 4627,  14158 => 4626,  14154 => 4625,  14147 => 4621,  14143 => 4620,  14139 => 4619,  14135 => 4618,  14128 => 4614,  14124 => 4613,  14120 => 4612,  14114 => 4609,  14110 => 4608,  14106 => 4607,  14102 => 4606,  14096 => 4603,  14092 => 4602,  14086 => 4599,  14082 => 4598,  14078 => 4597,  14075 => 4596,  14061 => 4595,  14045 => 4586,  14041 => 4585,  14034 => 4581,  14031 => 4580,  14028 => 4579,  14022 => 4576,  14019 => 4575,  14017 => 4574,  14012 => 4572,  14008 => 4571,  14004 => 4570,  14000 => 4569,  13997 => 4568,  13988 => 4561,  13986 => 4560,  13982 => 4558,  13973 => 4552,  13969 => 4551,  13962 => 4547,  13959 => 4546,  13956 => 4545,  13950 => 4542,  13947 => 4541,  13945 => 4540,  13940 => 4538,  13936 => 4537,  13932 => 4536,  13928 => 4535,  13925 => 4534,  13916 => 4527,  13914 => 4526,  13911 => 4525,  13897 => 4524,  13887 => 4520,  13883 => 4518,  13877 => 4515,  13868 => 4514,  13866 => 4513,  13863 => 4512,  13857 => 4509,  13853 => 4508,  13847 => 4507,  13839 => 4506,  13834 => 4504,  13830 => 4503,  13824 => 4502,  13816 => 4501,  13806 => 4498,  13800 => 4497,  13790 => 4494,  13784 => 4493,  13775 => 4492,  13773 => 4491,  13767 => 4488,  13763 => 4487,  13759 => 4486,  13751 => 4485,  13745 => 4482,  13741 => 4481,  13735 => 4480,  13729 => 4477,  13725 => 4476,  13717 => 4475,  13711 => 4474,  13701 => 4467,  13697 => 4466,  13693 => 4465,  13685 => 4464,  13679 => 4463,  13671 => 4462,  13666 => 4459,  13664 => 4458,  13658 => 4455,  13650 => 4454,  13644 => 4451,  13638 => 4450,  13630 => 4449,  13624 => 4446,  13618 => 4445,  13612 => 4444,  13606 => 4441,  13600 => 4440,  13594 => 4439,  13588 => 4436,  13582 => 4435,  13579 => 4434,  13562 => 4433,  13551 => 4427,  13545 => 4424,  13538 => 4420,  13534 => 4419,  13530 => 4418,  13526 => 4417,  13522 => 4415,  13517 => 4413,  13514 => 4412,  13512 => 4411,  13507 => 4409,  13503 => 4408,  13499 => 4407,  13495 => 4406,  13492 => 4405,  13476 => 4404,  13465 => 4401,  13461 => 4399,  13453 => 4395,  13447 => 4392,  13443 => 4391,  13438 => 4390,  13436 => 4389,  13430 => 4386,  13426 => 4385,  13422 => 4384,  13417 => 4383,  13401 => 4382,  13390 => 4379,  13383 => 4375,  13379 => 4374,  13375 => 4373,  13371 => 4372,  13368 => 4371,  13352 => 4370,  13341 => 4367,  13334 => 4363,  13330 => 4362,  13326 => 4361,  13322 => 4360,  13319 => 4359,  13303 => 4358,  13292 => 4355,  13285 => 4351,  13281 => 4350,  13277 => 4349,  13273 => 4348,  13270 => 4347,  13254 => 4346,  13243 => 4343,  13236 => 4339,  13232 => 4338,  13228 => 4337,  13224 => 4336,  13221 => 4335,  13205 => 4334,  13194 => 4331,  13188 => 4328,  13184 => 4326,  13176 => 4322,  13174 => 4321,  13171 => 4320,  13155 => 4319,  13144 => 4315,  13140 => 4314,  13136 => 4313,  13130 => 4310,  13126 => 4309,  13119 => 4305,  13115 => 4304,  13108 => 4300,  13104 => 4299,  13097 => 4295,  13093 => 4294,  13086 => 4290,  13082 => 4289,  13075 => 4285,  13071 => 4284,  13064 => 4280,  13060 => 4279,  13053 => 4275,  13049 => 4274,  13042 => 4270,  13038 => 4269,  13031 => 4265,  13027 => 4264,  13023 => 4263,  13018 => 4261,  13014 => 4260,  13010 => 4259,  13006 => 4257,  12998 => 4253,  12992 => 4250,  12988 => 4249,  12982 => 4246,  12978 => 4245,  12975 => 4244,  12973 => 4243,  12969 => 4241,  12962 => 4237,  12954 => 4233,  12952 => 4232,  12946 => 4229,  12938 => 4225,  12936 => 4224,  12930 => 4221,  12921 => 4216,  12919 => 4215,  12913 => 4212,  12909 => 4211,  12902 => 4207,  12898 => 4206,  12892 => 4203,  12887 => 4201,  12882 => 4199,  12877 => 4197,  12871 => 4194,  12867 => 4193,  12864 => 4192,  12848 => 4191,  12837 => 4188,  12833 => 4187,  12830 => 4186,  12828 => 4185,  12822 => 4182,  12818 => 4181,  12811 => 4177,  12807 => 4176,  12800 => 4172,  12796 => 4171,  12789 => 4167,  12785 => 4166,  12778 => 4162,  12774 => 4161,  12767 => 4157,  12763 => 4156,  12758 => 4153,  12750 => 4149,  12748 => 4148,  12742 => 4145,  12738 => 4144,  12732 => 4141,  12728 => 4140,  12724 => 4139,  12720 => 4138,  12716 => 4137,  12711 => 4134,  12707 => 4132,  12705 => 4131,  12701 => 4130,  12697 => 4129,  12693 => 4127,  12689 => 4125,  12687 => 4124,  12683 => 4123,  12679 => 4122,  12675 => 4120,  12668 => 4116,  12661 => 4112,  12656 => 4111,  12654 => 4110,  12650 => 4108,  12642 => 4104,  12636 => 4101,  12632 => 4100,  12627 => 4099,  12625 => 4098,  12618 => 4094,  12614 => 4093,  12608 => 4090,  12604 => 4089,  12600 => 4088,  12596 => 4087,  12592 => 4086,  12586 => 4083,  12582 => 4082,  12578 => 4081,  12574 => 4080,  12570 => 4079,  12563 => 4075,  12559 => 4074,  12555 => 4073,  12551 => 4072,  12546 => 4070,  12542 => 4069,  12537 => 4068,  12521 => 4067,  12510 => 4064,  12506 => 4063,  12502 => 4062,  12496 => 4059,  12492 => 4058,  12486 => 4055,  12482 => 4054,  12478 => 4052,  12474 => 4050,  12472 => 4049,  12467 => 4048,  12451 => 4047,  12436 => 4042,  12422 => 4040,  12419 => 4039,  12405 => 4038,  12384 => 4034,  12382 => 4032,  12381 => 4031,  12380 => 4030,  12379 => 4029,  12377 => 4028,  12363 => 4027,  12348 => 4023,  12345 => 4022,  12342 => 4021,  12328 => 4020,  12315 => 4012,  12312 => 4011,  12310 => 4010,  12308 => 4009,  12305 => 4008,  12299 => 4006,  12297 => 4005,  12292 => 4003,  12287 => 4002,  12274 => 4001,  12264 => 3998,  12258 => 3996,  12256 => 3995,  12250 => 3993,  12237 => 3992,  12224 => 3988,  12221 => 3987,  12215 => 3985,  12213 => 3984,  12208 => 3983,  12206 => 3982,  12201 => 3980,  12196 => 3979,  12182 => 3978,  12172 => 3975,  12166 => 3973,  12164 => 3972,  12161 => 3971,  12155 => 3969,  12153 => 3968,  12150 => 3967,  12144 => 3965,  12142 => 3964,  12139 => 3963,  12133 => 3961,  12131 => 3960,  12126 => 3958,  12123 => 3957,  12110 => 3956,  12097 => 3951,  12095 => 3950,  12092 => 3949,  12086 => 3947,  12084 => 3946,  12081 => 3945,  12075 => 3943,  12073 => 3942,  12070 => 3941,  12067 => 3940,  12061 => 3938,  12058 => 3937,  12055 => 3936,  12049 => 3934,  12041 => 3932,  12038 => 3931,  12035 => 3930,  12029 => 3928,  12026 => 3927,  12020 => 3925,  12012 => 3923,  12010 => 3922,  12005 => 3921,  12003 => 3920,  12000 => 3919,  11994 => 3915,  11992 => 3914,  11987 => 3912,  11984 => 3911,  11971 => 3910,  11960 => 3907,  11956 => 3906,  11952 => 3905,  11948 => 3904,  11944 => 3903,  11940 => 3902,  11936 => 3901,  11932 => 3900,  11928 => 3899,  11924 => 3898,  11920 => 3897,  11916 => 3896,  11911 => 3895,  11898 => 3894,  11887 => 3890,  11883 => 3889,  11879 => 3888,  11875 => 3887,  11871 => 3886,  11867 => 3885,  11863 => 3884,  11859 => 3883,  11855 => 3882,  11851 => 3881,  11847 => 3880,  11843 => 3879,  11838 => 3878,  11825 => 3877,  11811 => 3872,  11805 => 3871,  11799 => 3870,  11793 => 3869,  11787 => 3868,  11781 => 3867,  11775 => 3866,  11769 => 3865,  11763 => 3864,  11757 => 3863,  11751 => 3862,  11745 => 3861,  11739 => 3860,  11736 => 3859,  11722 => 3858,  11709 => 3855,  11706 => 3854,  11700 => 3852,  11698 => 3851,  11695 => 3850,  11689 => 3848,  11687 => 3847,  11684 => 3846,  11678 => 3844,  11676 => 3843,  11673 => 3842,  11667 => 3840,  11665 => 3839,  11662 => 3838,  11656 => 3836,  11654 => 3835,  11651 => 3834,  11645 => 3832,  11643 => 3831,  11640 => 3830,  11634 => 3828,  11632 => 3827,  11629 => 3826,  11623 => 3824,  11621 => 3823,  11618 => 3822,  11612 => 3820,  11610 => 3819,  11607 => 3818,  11601 => 3816,  11599 => 3815,  11596 => 3814,  11590 => 3812,  11588 => 3811,  11585 => 3810,  11579 => 3808,  11577 => 3807,  11574 => 3806,  11568 => 3804,  11566 => 3803,  11563 => 3802,  11561 => 3801,  11558 => 3800,  11555 => 3799,  11550 => 3798,  11536 => 3797,  11519 => 3792,  11516 => 3791,  11514 => 3787,  11511 => 3786,  11505 => 3785,  11502 => 3784,  11500 => 3782,  11498 => 3781,  11495 => 3780,  11493 => 3779,  11490 => 3778,  11487 => 3777,  11482 => 3776,  11480 => 3775,  11477 => 3774,  11475 => 3773,  11472 => 3772,  11469 => 3771,  11466 => 3770,  11452 => 3769,  11439 => 3763,  11433 => 3762,  11427 => 3761,  11421 => 3760,  11407 => 3759,  11396 => 3755,  11391 => 3754,  11378 => 3753,  11367 => 3750,  11362 => 3749,  11349 => 3748,  11337 => 3744,  11333 => 3743,  11329 => 3742,  11324 => 3741,  11312 => 3739,  11310 => 3737,  11309 => 3736,  11308 => 3735,  11307 => 3734,  11305 => 3733,  11292 => 3732,  11281 => 3726,  11276 => 3725,  11263 => 3724,  11252 => 3721,  11247 => 3720,  11234 => 3719,  11222 => 3715,  11218 => 3714,  11214 => 3713,  11209 => 3712,  11197 => 3710,  11195 => 3708,  11194 => 3707,  11193 => 3706,  11192 => 3705,  11190 => 3704,  11177 => 3703,  11166 => 3698,  11162 => 3697,  11157 => 3695,  11152 => 3694,  11139 => 3693,  11128 => 3690,  11124 => 3689,  11119 => 3687,  11114 => 3686,  11101 => 3685,  11090 => 3682,  11085 => 3681,  11072 => 3680,  11061 => 3676,  11057 => 3675,  11053 => 3674,  11049 => 3673,  11045 => 3672,  11040 => 3671,  11027 => 3670,  11017 => 3666,  11013 => 3664,  11011 => 3663,  11008 => 3662,  11002 => 3660,  10997 => 3657,  10995 => 3656,  10991 => 3654,  10989 => 3653,  10985 => 3651,  10982 => 3650,  10977 => 3648,  10973 => 3647,  10969 => 3645,  10967 => 3644,  10962 => 3642,  10959 => 3641,  10945 => 3640,  10934 => 3636,  10929 => 3634,  10922 => 3630,  10918 => 3629,  10914 => 3628,  10910 => 3627,  10907 => 3626,  10903 => 3624,  10899 => 3622,  10895 => 3620,  10893 => 3619,  10888 => 3618,  10886 => 3617,  10880 => 3614,  10876 => 3613,  10870 => 3610,  10866 => 3609,  10859 => 3605,  10854 => 3603,  10848 => 3600,  10844 => 3599,  10841 => 3598,  10838 => 3596,  10833 => 3594,  10826 => 3590,  10823 => 3589,  10815 => 3585,  10812 => 3584,  10810 => 3583,  10806 => 3581,  10798 => 3577,  10796 => 3576,  10792 => 3574,  10789 => 3573,  10784 => 3570,  10781 => 3569,  10779 => 3568,  10773 => 3566,  10768 => 3563,  10765 => 3562,  10763 => 3561,  10758 => 3560,  10752 => 3558,  10749 => 3557,  10745 => 3555,  10742 => 3554,  10740 => 3553,  10736 => 3552,  10730 => 3549,  10726 => 3548,  10721 => 3547,  10703 => 3546,  10591 => 3541,  10589 => 3540,  10585 => 3534,  10580 => 3532,  10576 => 3531,  10573 => 3530,  10570 => 3529,  10567 => 3527,  10562 => 3525,  10557 => 3524,  10552 => 3522,  10547 => 3521,  10545 => 3520,  10541 => 3519,  10535 => 3516,  10531 => 3515,  10527 => 3514,  10521 => 3511,  10517 => 3510,  10513 => 3509,  10509 => 3508,  10503 => 3505,  10499 => 3504,  10495 => 3503,  10491 => 3502,  10487 => 3501,  10483 => 3500,  10479 => 3499,  10475 => 3498,  10471 => 3497,  10466 => 3495,  10462 => 3494,  10458 => 3493,  10453 => 3491,  10449 => 3490,  10445 => 3489,  10441 => 3488,  10437 => 3487,  10433 => 3486,  10427 => 3483,  10423 => 3482,  10419 => 3481,  10415 => 3480,  10411 => 3479,  10407 => 3478,  10403 => 3477,  10398 => 3475,  10394 => 3474,  10389 => 3472,  10385 => 3471,  10381 => 3470,  10377 => 3469,  10373 => 3468,  10369 => 3467,  10365 => 3466,  10361 => 3465,  10357 => 3464,  10353 => 3463,  10349 => 3462,  10345 => 3461,  10342 => 3460,  10336 => 3458,  10334 => 3457,  10332 => 3456,  10327 => 3454,  10323 => 3453,  10319 => 3452,  10315 => 3450,  10299 => 3449,  10288 => 3446,  10284 => 3445,  10279 => 3443,  10275 => 3442,  10270 => 3440,  10266 => 3439,  10262 => 3438,  10258 => 3437,  10254 => 3436,  10250 => 3435,  10246 => 3434,  10241 => 3433,  10228 => 3432,  10216 => 3428,  10212 => 3427,  10206 => 3424,  10202 => 3423,  10196 => 3420,  10192 => 3419,  10186 => 3416,  10182 => 3415,  10176 => 3412,  10172 => 3411,  10168 => 3410,  10162 => 3407,  10158 => 3406,  10154 => 3405,  10150 => 3404,  10146 => 3403,  10142 => 3402,  10138 => 3401,  10134 => 3400,  10130 => 3398,  10115 => 3397,  10103 => 3393,  10099 => 3392,  10093 => 3389,  10089 => 3388,  10085 => 3387,  10081 => 3386,  10077 => 3384,  10062 => 3383,  10051 => 3380,  10047 => 3379,  10041 => 3376,  10037 => 3375,  10033 => 3374,  10029 => 3373,  10026 => 3372,  10024 => 3371,  10021 => 3370,  10006 => 3369,  9994 => 3365,  9990 => 3364,  9984 => 3361,  9980 => 3360,  9976 => 3359,  9972 => 3358,  9967 => 3357,  9953 => 3356,  9940 => 3352,  9937 => 3351,  9934 => 3349,  9931 => 3348,  9927 => 3346,  9925 => 3345,  9920 => 3343,  9916 => 3342,  9912 => 3341,  9906 => 3338,  9902 => 3337,  9895 => 3333,  9891 => 3332,  9887 => 3331,  9881 => 3328,  9877 => 3327,  9873 => 3326,  9867 => 3323,  9862 => 3322,  9857 => 3319,  9853 => 3318,  9849 => 3317,  9845 => 3316,  9840 => 3315,  9835 => 3312,  9831 => 3311,  9827 => 3310,  9823 => 3309,  9819 => 3308,  9815 => 3307,  9811 => 3306,  9807 => 3305,  9802 => 3304,  9797 => 3301,  9793 => 3300,  9788 => 3299,  9785 => 3298,  9781 => 3297,  9777 => 3296,  9773 => 3295,  9768 => 3294,  9763 => 3291,  9758 => 3290,  9752 => 3288,  9749 => 3287,  9747 => 3286,  9744 => 3285,  9741 => 3284,  9738 => 3283,  9735 => 3282,  9732 => 3281,  9729 => 3280,  9726 => 3279,  9723 => 3278,  9705 => 3277,  9694 => 3273,  9686 => 3270,  9677 => 3268,  9673 => 3267,  9669 => 3265,  9663 => 3263,  9661 => 3262,  9656 => 3261,  9652 => 3260,  9646 => 3258,  9632 => 3257,  9621 => 3253,  9615 => 3251,  9613 => 3250,  9610 => 3249,  9604 => 3247,  9602 => 3246,  9598 => 3244,  9594 => 3242,  9588 => 3240,  9586 => 3239,  9581 => 3238,  9579 => 3237,  9576 => 3236,  9574 => 3235,  9569 => 3234,  9556 => 3233,  9545 => 3229,  9541 => 3227,  9539 => 3226,  9536 => 3225,  9532 => 3223,  9528 => 3221,  9525 => 3220,  9517 => 3218,  9514 => 3217,  9510 => 3215,  9504 => 3213,  9502 => 3212,  9499 => 3211,  9497 => 3210,  9494 => 3209,  9491 => 3208,  9478 => 3207,  9468 => 3204,  9456 => 3203,  9446 => 3200,  9440 => 3196,  9437 => 3195,  9431 => 3192,  9428 => 3191,  9426 => 3190,  9423 => 3189,  9417 => 3186,  9414 => 3185,  9411 => 3184,  9409 => 3183,  9405 => 3182,  9401 => 3181,  9398 => 3180,  9395 => 3179,  9392 => 3178,  9379 => 3177,  9366 => 3172,  9360 => 3170,  9357 => 3169,  9355 => 3168,  9340 => 3167,  9327 => 3159,  9325 => 3154,  9323 => 3153,  9318 => 3152,  9316 => 3151,  9313 => 3150,  9300 => 3149,  9286 => 3143,  9282 => 3142,  9278 => 3141,  9275 => 3140,  9273 => 3139,  9266 => 3138,  9263 => 3137,  9249 => 3136,  9238 => 3132,  9227 => 3130,  9223 => 3129,  9219 => 3128,  9215 => 3127,  9211 => 3126,  9207 => 3125,  9203 => 3124,  9199 => 3123,  9196 => 3122,  9190 => 3119,  9186 => 3118,  9182 => 3117,  9178 => 3116,  9175 => 3115,  9173 => 3114,  9170 => 3113,  9167 => 3112,  9164 => 3111,  9161 => 3109,  9159 => 3108,  9156 => 3107,  9154 => 3106,  9151 => 3105,  9148 => 3104,  9145 => 3103,  9143 => 3102,  9140 => 3101,  9138 => 3100,  9135 => 3099,  9132 => 3098,  9129 => 3097,  9126 => 3096,  9109 => 3095,  9096 => 3090,  9094 => 3089,  9089 => 3087,  9086 => 3086,  9084 => 3085,  9081 => 3084,  9079 => 3082,  9078 => 3081,  9077 => 3080,  9076 => 3079,  9073 => 3078,  9071 => 3076,  9070 => 3075,  9069 => 3074,  9066 => 3073,  9064 => 3071,  9063 => 3070,  9062 => 3069,  9061 => 3068,  9060 => 3067,  9057 => 3066,  9054 => 3065,  9051 => 3064,  9048 => 3063,  9035 => 3062,  9025 => 3059,  9022 => 3058,  9016 => 3056,  9013 => 3055,  9010 => 3053,  9007 => 3047,  9004 => 3046,  9001 => 3045,  8999 => 3044,  8986 => 3043,  8975 => 3039,  8972 => 3029,  8969 => 3028,  8967 => 3027,  8954 => 3026,  8944 => 3023,  8932 => 3022,  8911 => 3019,  8908 => 3018,  8905 => 3017,  8902 => 3016,  8899 => 3015,  8897 => 3014,  8894 => 3013,  8891 => 3012,  8888 => 3011,  8885 => 3010,  8883 => 3009,  8880 => 3008,  8877 => 3007,  8875 => 3006,  8870 => 3004,  8866 => 3003,  8863 => 3002,  8860 => 3001,  8857 => 3000,  8840 => 2999,  8830 => 2995,  8826 => 2993,  8822 => 2991,  8820 => 2990,  8816 => 2988,  8814 => 2987,  8811 => 2986,  8809 => 2985,  8805 => 2983,  8801 => 2981,  8797 => 2979,  8795 => 2978,  8792 => 2977,  8790 => 2976,  8787 => 2975,  8785 => 2974,  8782 => 2973,  8778 => 2971,  8776 => 2970,  8773 => 2969,  8771 => 2968,  8768 => 2967,  8766 => 2966,  8763 => 2965,  8761 => 2964,  8758 => 2963,  8756 => 2962,  8751 => 2959,  8749 => 2958,  8744 => 2955,  8731 => 2954,  8719 => 2950,  8715 => 2949,  8711 => 2948,  8707 => 2947,  8703 => 2946,  8700 => 2945,  8695 => 2943,  8691 => 2942,  8687 => 2941,  8683 => 2940,  8678 => 2939,  8676 => 2938,  8671 => 2936,  8667 => 2935,  8663 => 2934,  8659 => 2933,  8655 => 2932,  8652 => 2931,  8647 => 2929,  8643 => 2928,  8639 => 2927,  8635 => 2926,  8631 => 2925,  8626 => 2924,  8624 => 2923,  8618 => 2921,  8605 => 2920,  8592 => 2915,  8589 => 2914,  8586 => 2913,  8580 => 2911,  8572 => 2909,  8569 => 2908,  8566 => 2907,  8560 => 2905,  8557 => 2904,  8551 => 2902,  8543 => 2900,  8541 => 2899,  8538 => 2898,  8525 => 2897,  8512 => 2893,  8506 => 2892,  8494 => 2890,  8492 => 2889,  8486 => 2887,  8484 => 2886,  8476 => 2885,  8472 => 2884,  8469 => 2883,  8467 => 2882,  8463 => 2881,  8459 => 2880,  8456 => 2879,  8454 => 2878,  8441 => 2877,  8431 => 2871,  8427 => 2869,  8423 => 2868,  8418 => 2867,  8415 => 2866,  8413 => 2865,  8411 => 2859,  8409 => 2858,  8407 => 2857,  8401 => 2853,  8397 => 2852,  8393 => 2851,  8389 => 2850,  8383 => 2847,  8379 => 2846,  8373 => 2843,  8369 => 2842,  8365 => 2841,  8359 => 2838,  8355 => 2837,  8349 => 2834,  8345 => 2833,  8339 => 2830,  8335 => 2829,  8331 => 2828,  8325 => 2825,  8321 => 2824,  8317 => 2822,  8313 => 2820,  8310 => 2819,  8304 => 2817,  8301 => 2816,  8295 => 2814,  8293 => 2813,  8289 => 2812,  8285 => 2811,  8281 => 2810,  8277 => 2809,  8273 => 2808,  8267 => 2805,  8263 => 2804,  8257 => 2801,  8253 => 2800,  8250 => 2799,  8244 => 2796,  8238 => 2794,  8236 => 2793,  8230 => 2790,  8226 => 2789,  8222 => 2788,  8219 => 2787,  8211 => 2783,  8209 => 2782,  8205 => 2780,  8201 => 2778,  8199 => 2777,  8195 => 2776,  8190 => 2775,  8187 => 2773,  8184 => 2772,  8177 => 2768,  8172 => 2767,  8170 => 2766,  8165 => 2764,  8160 => 2763,  8157 => 2762,  8154 => 2760,  8140 => 2749,  8136 => 2748,  8131 => 2747,  8126 => 2745,  8123 => 2744,  8118 => 2740,  8112 => 2738,  8110 => 2737,  8106 => 2736,  8102 => 2735,  8097 => 2734,  8091 => 2730,  8087 => 2729,  8081 => 2726,  8077 => 2725,  8071 => 2722,  8067 => 2721,  8063 => 2720,  8057 => 2717,  8052 => 2716,  8046 => 2712,  8042 => 2711,  8038 => 2710,  8034 => 2709,  8028 => 2706,  8024 => 2705,  8020 => 2704,  8016 => 2703,  8012 => 2702,  8007 => 2701,  8001 => 2697,  7997 => 2696,  7991 => 2693,  7986 => 2692,  7980 => 2688,  7976 => 2687,  7972 => 2686,  7968 => 2685,  7962 => 2682,  7958 => 2681,  7954 => 2680,  7950 => 2679,  7945 => 2678,  7939 => 2674,  7934 => 2673,  7928 => 2669,  7924 => 2668,  7920 => 2667,  7915 => 2666,  7909 => 2662,  7905 => 2661,  7901 => 2660,  7897 => 2659,  7893 => 2658,  7889 => 2657,  7885 => 2656,  7881 => 2655,  7877 => 2654,  7873 => 2653,  7869 => 2652,  7865 => 2651,  7860 => 2650,  7855 => 2648,  7849 => 2644,  7845 => 2643,  7841 => 2642,  7836 => 2641,  7831 => 2639,  7824 => 2634,  7819 => 2633,  7813 => 2629,  7809 => 2628,  7805 => 2627,  7801 => 2626,  7797 => 2625,  7793 => 2624,  7789 => 2623,  7785 => 2622,  7781 => 2621,  7777 => 2620,  7773 => 2619,  7769 => 2618,  7765 => 2617,  7761 => 2616,  7757 => 2615,  7753 => 2614,  7749 => 2613,  7745 => 2612,  7741 => 2611,  7737 => 2610,  7733 => 2609,  7729 => 2608,  7725 => 2607,  7722 => 2606,  7706 => 2605,  7694 => 2601,  7681 => 2600,  7669 => 2597,  7656 => 2596,  7641 => 2593,  7633 => 2591,  7631 => 2590,  7626 => 2589,  7624 => 2588,  7619 => 2587,  7616 => 2586,  7612 => 2585,  7609 => 2584,  7596 => 2583,  7586 => 2579,  7580 => 2576,  7576 => 2575,  7571 => 2573,  7566 => 2572,  7564 => 2571,  7561 => 2570,  7555 => 2567,  7551 => 2566,  7546 => 2564,  7541 => 2563,  7539 => 2562,  7536 => 2561,  7526 => 2558,  7520 => 2556,  7518 => 2555,  7513 => 2554,  7511 => 2553,  7506 => 2552,  7504 => 2551,  7499 => 2550,  7497 => 2549,  7492 => 2548,  7490 => 2547,  7485 => 2546,  7483 => 2545,  7478 => 2544,  7476 => 2543,  7471 => 2542,  7468 => 2541,  7464 => 2540,  7459 => 2538,  7457 => 2537,  7452 => 2534,  7445 => 2533,  7439 => 2531,  7437 => 2530,  7432 => 2529,  7430 => 2528,  7425 => 2527,  7423 => 2526,  7418 => 2525,  7416 => 2524,  7411 => 2523,  7409 => 2522,  7404 => 2521,  7402 => 2520,  7397 => 2519,  7395 => 2518,  7390 => 2517,  7387 => 2516,  7383 => 2515,  7379 => 2513,  7373 => 2511,  7371 => 2510,  7367 => 2509,  7364 => 2508,  7358 => 2505,  7353 => 2504,  7351 => 2503,  7348 => 2502,  7344 => 2500,  7336 => 2498,  7333 => 2497,  7327 => 2495,  7324 => 2494,  7321 => 2493,  7315 => 2491,  7312 => 2490,  7310 => 2489,  7306 => 2488,  7301 => 2486,  7296 => 2485,  7293 => 2484,  7287 => 2482,  7284 => 2481,  7281 => 2480,  7277 => 2478,  7275 => 2477,  7270 => 2476,  7268 => 2475,  7265 => 2474,  7256 => 2469,  7253 => 2468,  7251 => 2467,  7248 => 2466,  7242 => 2463,  7238 => 2462,  7233 => 2461,  7231 => 2460,  7228 => 2459,  7224 => 2457,  7220 => 2455,  7217 => 2454,  7211 => 2452,  7205 => 2450,  7202 => 2449,  7199 => 2448,  7195 => 2446,  7193 => 2445,  7186 => 2444,  7183 => 2443,  7177 => 2441,  7175 => 2440,  7170 => 2439,  7168 => 2438,  7165 => 2437,  7158 => 2433,  7151 => 2430,  7149 => 2429,  7146 => 2428,  7142 => 2425,  7134 => 2423,  7132 => 2422,  7127 => 2421,  7125 => 2420,  7120 => 2419,  7118 => 2418,  7114 => 2416,  7105 => 2411,  7102 => 2410,  7096 => 2407,  7091 => 2406,  7088 => 2405,  7086 => 2404,  7083 => 2403,  7077 => 2400,  7073 => 2399,  7069 => 2398,  7065 => 2397,  7061 => 2396,  7056 => 2395,  7054 => 2394,  7048 => 2391,  7044 => 2390,  7040 => 2388,  7036 => 2386,  7032 => 2384,  7029 => 2383,  7023 => 2381,  7017 => 2379,  7014 => 2378,  7011 => 2377,  7007 => 2375,  7005 => 2374,  6998 => 2373,  6996 => 2372,  6991 => 2371,  6989 => 2370,  6986 => 2369,  6980 => 2367,  6977 => 2366,  6971 => 2364,  6968 => 2363,  6962 => 2361,  6959 => 2360,  6957 => 2359,  6952 => 2357,  6948 => 2356,  6945 => 2354,  6938 => 2350,  6935 => 2349,  6933 => 2348,  6930 => 2347,  6912 => 2346,  6902 => 2343,  6898 => 2341,  6896 => 2340,  6893 => 2339,  6888 => 2336,  6879 => 2333,  6876 => 2332,  6872 => 2331,  6866 => 2327,  6864 => 2326,  6861 => 2325,  6857 => 2323,  6849 => 2320,  6846 => 2319,  6840 => 2317,  6837 => 2316,  6833 => 2314,  6830 => 2313,  6826 => 2311,  6824 => 2310,  6819 => 2307,  6816 => 2306,  6813 => 2305,  6809 => 2303,  6806 => 2302,  6797 => 2298,  6792 => 2295,  6789 => 2294,  6786 => 2293,  6783 => 2292,  6780 => 2291,  6777 => 2290,  6774 => 2289,  6772 => 2288,  6769 => 2287,  6766 => 2286,  6763 => 2285,  6760 => 2284,  6758 => 2283,  6755 => 2282,  6752 => 2281,  6749 => 2280,  6746 => 2279,  6743 => 2278,  6741 => 2277,  6738 => 2276,  6734 => 2274,  6731 => 2268,  6729 => 2267,  6727 => 2266,  6725 => 2265,  6722 => 2264,  6709 => 2263,  6698 => 2258,  6696 => 2257,  6692 => 2255,  6685 => 2254,  6679 => 2252,  6677 => 2251,  6672 => 2250,  6670 => 2249,  6665 => 2248,  6663 => 2247,  6658 => 2246,  6656 => 2245,  6651 => 2244,  6649 => 2243,  6644 => 2242,  6642 => 2241,  6637 => 2240,  6635 => 2239,  6630 => 2238,  6628 => 2237,  6625 => 2236,  6621 => 2235,  6615 => 2232,  6612 => 2231,  6606 => 2229,  6598 => 2227,  6596 => 2226,  6592 => 2224,  6585 => 2223,  6581 => 2221,  6575 => 2219,  6573 => 2218,  6568 => 2217,  6566 => 2216,  6559 => 2215,  6557 => 2214,  6548 => 2213,  6545 => 2212,  6542 => 2211,  6539 => 2210,  6537 => 2209,  6534 => 2208,  6532 => 2207,  6529 => 2206,  6523 => 2204,  6520 => 2203,  6518 => 2202,  6515 => 2201,  6513 => 2200,  6502 => 2198,  6499 => 2197,  6497 => 2196,  6494 => 2195,  6488 => 2193,  6486 => 2192,  6483 => 2191,  6481 => 2190,  6478 => 2189,  6471 => 2188,  6464 => 2187,  6457 => 2186,  6454 => 2185,  6451 => 2184,  6449 => 2183,  6446 => 2182,  6444 => 2181,  6441 => 2180,  6435 => 2178,  6433 => 2177,  6428 => 2176,  6426 => 2175,  6419 => 2174,  6417 => 2173,  6408 => 2172,  6405 => 2171,  6402 => 2170,  6399 => 2169,  6397 => 2168,  6394 => 2167,  6392 => 2166,  6389 => 2165,  6383 => 2163,  6381 => 2162,  6376 => 2161,  6374 => 2160,  6367 => 2159,  6364 => 2158,  6361 => 2157,  6359 => 2156,  6356 => 2155,  6353 => 2154,  6349 => 2153,  6331 => 2150,  6314 => 2149,  6297 => 2148,  6292 => 2146,  6288 => 2145,  6283 => 2144,  6277 => 2142,  6274 => 2141,  6260 => 2140,  6249 => 2135,  6247 => 2134,  6243 => 2133,  6238 => 2131,  6235 => 2130,  6229 => 2128,  6221 => 2126,  6219 => 2125,  6215 => 2123,  6208 => 2122,  6204 => 2120,  6198 => 2118,  6196 => 2117,  6191 => 2116,  6189 => 2115,  6182 => 2114,  6180 => 2113,  6171 => 2112,  6168 => 2111,  6165 => 2110,  6162 => 2109,  6160 => 2108,  6157 => 2107,  6155 => 2106,  6152 => 2105,  6146 => 2103,  6143 => 2102,  6141 => 2101,  6138 => 2100,  6136 => 2099,  6125 => 2097,  6122 => 2096,  6120 => 2095,  6117 => 2094,  6111 => 2092,  6109 => 2091,  6106 => 2090,  6104 => 2089,  6101 => 2088,  6094 => 2087,  6087 => 2086,  6080 => 2085,  6077 => 2084,  6074 => 2083,  6072 => 2082,  6069 => 2081,  6067 => 2080,  6064 => 2079,  6058 => 2077,  6056 => 2076,  6051 => 2075,  6049 => 2074,  6042 => 2073,  6040 => 2072,  6031 => 2071,  6028 => 2070,  6025 => 2069,  6022 => 2068,  6020 => 2067,  6017 => 2066,  6015 => 2065,  6012 => 2064,  6006 => 2062,  6004 => 2061,  5999 => 2060,  5997 => 2059,  5990 => 2058,  5987 => 2057,  5984 => 2056,  5982 => 2055,  5979 => 2054,  5977 => 2053,  5974 => 2052,  5970 => 2051,  5952 => 2048,  5935 => 2047,  5918 => 2046,  5913 => 2044,  5909 => 2043,  5904 => 2042,  5898 => 2040,  5895 => 2039,  5881 => 2038,  5870 => 2034,  5857 => 2033,  5844 => 2028,  5841 => 2027,  5827 => 2026,  5816 => 2023,  5813 => 2022,  5810 => 2021,  5807 => 2020,  5793 => 2019,  5780 => 2013,  5773 => 2010,  5770 => 2009,  5757 => 2008,  5744 => 2002,  5734 => 1996,  5731 => 1995,  5718 => 1994,  5705 => 1989,  5699 => 1987,  5696 => 1986,  5683 => 1985,  5672 => 1980,  5668 => 1979,  5664 => 1978,  5660 => 1977,  5656 => 1976,  5652 => 1975,  5647 => 1974,  5627 => 1973,  5616 => 1969,  5611 => 1968,  5598 => 1967,  5587 => 1963,  5583 => 1962,  5578 => 1961,  5565 => 1960,  5552 => 1955,  5547 => 1953,  5543 => 1952,  5539 => 1951,  5534 => 1950,  5531 => 1949,  5518 => 1948,  5505 => 1944,  5500 => 1942,  5496 => 1941,  5492 => 1940,  5487 => 1939,  5484 => 1938,  5471 => 1937,  5461 => 1930,  5454 => 1928,  5442 => 1926,  5439 => 1925,  5435 => 1924,  5432 => 1923,  5419 => 1922,  5409 => 1919,  5403 => 1918,  5391 => 1916,  5388 => 1915,  5384 => 1914,  5381 => 1913,  5368 => 1912,  5357 => 1905,  5351 => 1903,  5349 => 1902,  5346 => 1901,  5340 => 1899,  5338 => 1898,  5335 => 1897,  5329 => 1895,  5327 => 1894,  5324 => 1893,  5318 => 1891,  5316 => 1890,  5313 => 1889,  5307 => 1887,  5305 => 1886,  5302 => 1885,  5296 => 1883,  5294 => 1882,  5291 => 1881,  5284 => 1879,  5281 => 1878,  5278 => 1877,  5275 => 1876,  5273 => 1875,  5270 => 1874,  5267 => 1873,  5264 => 1872,  5261 => 1871,  5259 => 1870,  5256 => 1869,  5253 => 1868,  5250 => 1867,  5247 => 1866,  5245 => 1865,  5242 => 1864,  5239 => 1863,  5236 => 1862,  5233 => 1861,  5231 => 1860,  5228 => 1859,  5225 => 1858,  5222 => 1857,  5219 => 1856,  5217 => 1855,  5214 => 1854,  5211 => 1853,  5208 => 1852,  5205 => 1851,  5202 => 1850,  5200 => 1849,  5197 => 1848,  5194 => 1847,  5191 => 1846,  5188 => 1845,  5186 => 1844,  5183 => 1843,  5180 => 1842,  5177 => 1841,  5174 => 1840,  5172 => 1839,  5169 => 1838,  5166 => 1837,  5163 => 1836,  5160 => 1835,  5157 => 1834,  5155 => 1833,  5152 => 1832,  5149 => 1831,  5146 => 1830,  5143 => 1829,  5140 => 1828,  5138 => 1827,  5135 => 1826,  5132 => 1825,  5130 => 1824,  5127 => 1823,  5123 => 1822,  5120 => 1821,  5117 => 1820,  5114 => 1819,  5111 => 1818,  5108 => 1817,  5105 => 1816,  5103 => 1815,  5098 => 1813,  5093 => 1812,  5080 => 1811,  5069 => 1806,  5051 => 1803,  5045 => 1801,  5043 => 1800,  5032 => 1799,  5015 => 1798,  5012 => 1797,  5006 => 1794,  4999 => 1793,  4997 => 1792,  4989 => 1791,  4985 => 1790,  4982 => 1789,  4980 => 1786,  4979 => 1785,  4978 => 1783,  4975 => 1782,  4971 => 1780,  4954 => 1777,  4947 => 1776,  4930 => 1775,  4927 => 1774,  4921 => 1772,  4919 => 1771,  4916 => 1770,  4914 => 1769,  4911 => 1768,  4908 => 1767,  4905 => 1766,  4902 => 1765,  4900 => 1764,  4897 => 1763,  4881 => 1762,  4870 => 1758,  4863 => 1754,  4854 => 1749,  4852 => 1748,  4849 => 1747,  4841 => 1742,  4834 => 1738,  4830 => 1736,  4826 => 1734,  4824 => 1733,  4814 => 1726,  4807 => 1722,  4803 => 1721,  4800 => 1720,  4797 => 1719,  4794 => 1717,  4786 => 1713,  4783 => 1712,  4780 => 1710,  4776 => 1708,  4770 => 1705,  4765 => 1702,  4763 => 1701,  4757 => 1699,  4754 => 1698,  4751 => 1696,  4735 => 1682,  4732 => 1681,  4729 => 1679,  4722 => 1675,  4715 => 1671,  4712 => 1670,  4710 => 1669,  4704 => 1666,  4700 => 1665,  4696 => 1664,  4692 => 1663,  4688 => 1662,  4683 => 1661,  4677 => 1657,  4673 => 1656,  4669 => 1655,  4665 => 1653,  4660 => 1650,  4658 => 1649,  4653 => 1647,  4649 => 1646,  4645 => 1645,  4641 => 1644,  4635 => 1641,  4631 => 1640,  4626 => 1638,  4621 => 1636,  4617 => 1635,  4612 => 1633,  4608 => 1632,  4604 => 1631,  4599 => 1629,  4595 => 1628,  4591 => 1627,  4586 => 1626,  4580 => 1622,  4576 => 1621,  4570 => 1618,  4566 => 1617,  4560 => 1614,  4556 => 1613,  4552 => 1612,  4547 => 1610,  4543 => 1609,  4539 => 1608,  4534 => 1607,  4527 => 1602,  4520 => 1598,  4516 => 1597,  4512 => 1596,  4508 => 1595,  4504 => 1594,  4500 => 1593,  4492 => 1588,  4488 => 1587,  4483 => 1585,  4479 => 1584,  4474 => 1582,  4470 => 1581,  4465 => 1579,  4461 => 1578,  4457 => 1577,  4452 => 1575,  4448 => 1574,  4444 => 1573,  4440 => 1572,  4435 => 1571,  4428 => 1566,  4421 => 1562,  4417 => 1561,  4410 => 1557,  4403 => 1553,  4399 => 1552,  4392 => 1548,  4388 => 1547,  4384 => 1546,  4380 => 1545,  4373 => 1541,  4369 => 1540,  4363 => 1537,  4359 => 1536,  4355 => 1535,  4351 => 1534,  4347 => 1533,  4341 => 1530,  4337 => 1529,  4330 => 1526,  4324 => 1524,  4321 => 1523,  4315 => 1521,  4312 => 1520,  4304 => 1518,  4302 => 1517,  4298 => 1516,  4294 => 1515,  4290 => 1514,  4287 => 1513,  4280 => 1509,  4270 => 1503,  4268 => 1502,  4262 => 1499,  4258 => 1498,  4252 => 1495,  4248 => 1494,  4244 => 1493,  4239 => 1492,  4223 => 1491,  4212 => 1484,  4210 => 1483,  4207 => 1482,  4201 => 1479,  4195 => 1476,  4192 => 1475,  4189 => 1474,  4176 => 1473,  4165 => 1466,  4160 => 1463,  4158 => 1462,  4154 => 1461,  4149 => 1460,  4146 => 1459,  4141 => 1456,  4138 => 1455,  4133 => 1452,  4128 => 1449,  4126 => 1448,  4123 => 1447,  4117 => 1445,  4115 => 1444,  4110 => 1442,  4105 => 1441,  4103 => 1440,  4098 => 1438,  4093 => 1437,  4091 => 1436,  4088 => 1435,  4082 => 1433,  4080 => 1432,  4075 => 1430,  4071 => 1429,  4067 => 1428,  4063 => 1427,  4058 => 1426,  4056 => 1425,  4052 => 1423,  4049 => 1422,  4043 => 1419,  4038 => 1418,  4034 => 1416,  4026 => 1414,  4018 => 1412,  4016 => 1411,  4012 => 1410,  4003 => 1405,  4000 => 1404,  3996 => 1402,  3990 => 1400,  3984 => 1398,  3982 => 1397,  3975 => 1394,  3973 => 1393,  3967 => 1390,  3963 => 1389,  3959 => 1388,  3955 => 1387,  3950 => 1386,  3947 => 1384,  3939 => 1380,  3937 => 1379,  3932 => 1377,  3927 => 1376,  3925 => 1375,  3922 => 1374,  3914 => 1370,  3912 => 1369,  3909 => 1368,  3901 => 1364,  3899 => 1363,  3893 => 1360,  3889 => 1359,  3883 => 1356,  3879 => 1355,  3873 => 1352,  3869 => 1351,  3865 => 1350,  3859 => 1347,  3855 => 1346,  3852 => 1345,  3850 => 1340,  3847 => 1338,  3839 => 1334,  3837 => 1333,  3833 => 1331,  3830 => 1330,  3827 => 1328,  3824 => 1327,  3822 => 1325,  3821 => 1324,  3820 => 1323,  3818 => 1322,  3816 => 1321,  3814 => 1320,  3813 => 1319,  3812 => 1318,  3811 => 1317,  3808 => 1316,  3805 => 1315,  3802 => 1314,  3799 => 1313,  3783 => 1312,  3770 => 1307,  3767 => 1306,  3761 => 1304,  3755 => 1302,  3752 => 1301,  3749 => 1300,  3735 => 1299,  3721 => 1295,  3717 => 1294,  3703 => 1293,  3689 => 1290,  3675 => 1289,  3663 => 1285,  3658 => 1284,  3652 => 1280,  3648 => 1279,  3644 => 1278,  3640 => 1277,  3634 => 1274,  3630 => 1273,  3626 => 1272,  3621 => 1271,  3615 => 1267,  3611 => 1266,  3605 => 1263,  3601 => 1262,  3597 => 1261,  3593 => 1260,  3589 => 1259,  3585 => 1258,  3580 => 1257,  3577 => 1255,  3574 => 1254,  3561 => 1253,  3551 => 1249,  3547 => 1247,  3541 => 1245,  3539 => 1244,  3536 => 1243,  3529 => 1239,  3525 => 1237,  3523 => 1236,  3520 => 1235,  3513 => 1231,  3509 => 1229,  3507 => 1228,  3504 => 1227,  3500 => 1225,  3494 => 1223,  3492 => 1222,  3489 => 1221,  3481 => 1219,  3475 => 1217,  3473 => 1216,  3470 => 1215,  3467 => 1214,  3464 => 1213,  3462 => 1212,  3459 => 1211,  3442 => 1210,  3432 => 1204,  3429 => 1203,  3423 => 1200,  3418 => 1199,  3416 => 1198,  3412 => 1196,  3406 => 1194,  3404 => 1193,  3399 => 1191,  3394 => 1190,  3392 => 1189,  3389 => 1188,  3383 => 1185,  3378 => 1184,  3376 => 1183,  3373 => 1182,  3365 => 1179,  3360 => 1178,  3358 => 1177,  3354 => 1175,  3350 => 1173,  3342 => 1171,  3340 => 1170,  3337 => 1169,  3333 => 1167,  3331 => 1166,  3328 => 1165,  3324 => 1163,  3322 => 1162,  3317 => 1160,  3314 => 1159,  3308 => 1157,  3306 => 1156,  3303 => 1155,  3301 => 1154,  3298 => 1153,  3294 => 1151,  3292 => 1150,  3287 => 1148,  3284 => 1147,  3282 => 1146,  3277 => 1144,  3273 => 1143,  3270 => 1142,  3267 => 1141,  3264 => 1140,  3262 => 1139,  3259 => 1138,  3257 => 1137,  3254 => 1136,  3238 => 1135,  3226 => 1126,  3220 => 1123,  3217 => 1122,  3215 => 1121,  3205 => 1113,  3203 => 1112,  3194 => 1105,  3192 => 1104,  3182 => 1096,  3180 => 1095,  3175 => 1092,  3162 => 1091,  3152 => 1087,  3144 => 1082,  3134 => 1075,  3131 => 1074,  3129 => 1073,  3122 => 1069,  3115 => 1065,  3107 => 1060,  3100 => 1056,  3085 => 1044,  3082 => 1043,  3080 => 1042,  3072 => 1037,  3065 => 1033,  3050 => 1021,  3047 => 1020,  3045 => 1019,  3038 => 1015,  3031 => 1011,  3024 => 1007,  3012 => 998,  3003 => 992,  2996 => 988,  2985 => 980,  2982 => 979,  2980 => 978,  2974 => 975,  2970 => 974,  2965 => 972,  2961 => 971,  2957 => 970,  2954 => 969,  2940 => 968,  2928 => 961,  2911 => 960,  2898 => 956,  2894 => 954,  2892 => 953,  2889 => 952,  2883 => 950,  2881 => 949,  2878 => 948,  2875 => 947,  2872 => 946,  2870 => 945,  2863 => 943,  2860 => 942,  2854 => 940,  2842 => 938,  2840 => 937,  2837 => 936,  2835 => 934,  2834 => 933,  2833 => 931,  2830 => 930,  2827 => 929,  2824 => 928,  2821 => 927,  2818 => 926,  2815 => 925,  2812 => 924,  2809 => 923,  2806 => 922,  2803 => 921,  2800 => 920,  2797 => 919,  2794 => 918,  2792 => 917,  2789 => 916,  2768 => 915,  2755 => 910,  2753 => 909,  2748 => 908,  2745 => 907,  2728 => 906,  2716 => 899,  2712 => 898,  2708 => 897,  2704 => 896,  2698 => 893,  2694 => 892,  2690 => 891,  2685 => 890,  2672 => 889,  2657 => 884,  2654 => 883,  2634 => 881,  2616 => 880,  2613 => 879,  2598 => 878,  2588 => 875,  2580 => 871,  2577 => 870,  2574 => 868,  2568 => 865,  2563 => 864,  2561 => 863,  2558 => 862,  2552 => 859,  2547 => 858,  2545 => 857,  2542 => 856,  2536 => 853,  2531 => 852,  2529 => 851,  2526 => 850,  2520 => 847,  2516 => 846,  2511 => 845,  2508 => 844,  2505 => 842,  2499 => 839,  2491 => 834,  2484 => 830,  2480 => 829,  2476 => 828,  2472 => 827,  2468 => 826,  2463 => 823,  2461 => 822,  2456 => 821,  2453 => 820,  2448 => 816,  2442 => 814,  2440 => 813,  2437 => 812,  2431 => 810,  2428 => 809,  2422 => 806,  2416 => 803,  2413 => 801,  2404 => 796,  2401 => 795,  2396 => 791,  2390 => 789,  2388 => 788,  2385 => 787,  2380 => 785,  2376 => 784,  2372 => 783,  2367 => 782,  2365 => 781,  2362 => 780,  2360 => 779,  2357 => 778,  2355 => 777,  2352 => 776,  2349 => 775,  2346 => 773,  2340 => 771,  2337 => 770,  2331 => 767,  2328 => 765,  2324 => 763,  2321 => 762,  2318 => 760,  2312 => 758,  2309 => 757,  2306 => 755,  2300 => 753,  2298 => 752,  2295 => 751,  2291 => 749,  2289 => 748,  2286 => 747,  2282 => 745,  2279 => 744,  2275 => 741,  2272 => 740,  2264 => 738,  2257 => 736,  2254 => 735,  2252 => 734,  2249 => 733,  2241 => 731,  2234 => 729,  2231 => 728,  2228 => 727,  2221 => 724,  2215 => 723,  2210 => 721,  2205 => 720,  2203 => 719,  2200 => 718,  2192 => 716,  2184 => 714,  2182 => 713,  2174 => 711,  2171 => 710,  2163 => 708,  2156 => 706,  2153 => 705,  2150 => 704,  2144 => 702,  2142 => 701,  2138 => 699,  2130 => 697,  2123 => 695,  2120 => 694,  2118 => 693,  2111 => 691,  2105 => 690,  2102 => 689,  2099 => 688,  2094 => 685,  2088 => 683,  2085 => 681,  2068 => 680,  2054 => 672,  2045 => 666,  2038 => 662,  2034 => 661,  2024 => 654,  2010 => 643,  2006 => 642,  2003 => 641,  2000 => 640,  1991 => 634,  1984 => 630,  1977 => 626,  1965 => 617,  1962 => 616,  1959 => 615,  1952 => 611,  1938 => 600,  1931 => 596,  1921 => 589,  1913 => 584,  1910 => 583,  1908 => 582,  1900 => 577,  1892 => 572,  1883 => 566,  1873 => 559,  1869 => 558,  1866 => 557,  1863 => 556,  1854 => 550,  1850 => 549,  1843 => 545,  1833 => 538,  1826 => 534,  1822 => 533,  1810 => 524,  1806 => 523,  1803 => 522,  1800 => 521,  1781 => 505,  1774 => 501,  1754 => 484,  1746 => 479,  1743 => 478,  1740 => 477,  1731 => 471,  1722 => 465,  1711 => 457,  1702 => 451,  1699 => 450,  1696 => 449,  1688 => 444,  1675 => 434,  1671 => 433,  1660 => 425,  1657 => 424,  1654 => 423,  1649 => 420,  1644 => 417,  1638 => 414,  1634 => 413,  1629 => 412,  1627 => 411,  1623 => 409,  1617 => 407,  1615 => 406,  1604 => 398,  1600 => 397,  1593 => 393,  1589 => 391,  1583 => 389,  1581 => 388,  1576 => 386,  1570 => 383,  1564 => 381,  1562 => 380,  1559 => 379,  1557 => 378,  1554 => 377,  1548 => 374,  1543 => 373,  1541 => 372,  1538 => 371,  1524 => 370,  1512 => 364,  1506 => 362,  1504 => 361,  1498 => 358,  1494 => 357,  1488 => 354,  1484 => 353,  1480 => 352,  1476 => 351,  1473 => 350,  1467 => 348,  1465 => 347,  1462 => 346,  1447 => 345,  1436 => 342,  1432 => 341,  1428 => 340,  1423 => 339,  1410 => 338,  1401 => 335,  1396 => 333,  1392 => 332,  1388 => 331,  1384 => 330,  1379 => 329,  1377 => 328,  1372 => 326,  1368 => 325,  1364 => 324,  1360 => 323,  1356 => 322,  1352 => 321,  1348 => 320,  1344 => 319,  1340 => 318,  1336 => 317,  1331 => 316,  1318 => 315,  1308 => 312,  1303 => 309,  1299 => 308,  1295 => 307,  1291 => 306,  1288 => 304,  1286 => 303,  1283 => 301,  1281 => 298,  1280 => 297,  1279 => 296,  1278 => 295,  1277 => 294,  1276 => 293,  1275 => 292,  1274 => 291,  1273 => 290,  1272 => 289,  1271 => 288,  1270 => 287,  1269 => 286,  1268 => 285,  1267 => 284,  1266 => 283,  1265 => 282,  1264 => 281,  1260 => 278,  1258 => 275,  1257 => 274,  1256 => 273,  1255 => 272,  1254 => 271,  1253 => 270,  1252 => 269,  1251 => 268,  1250 => 267,  1249 => 266,  1248 => 265,  1247 => 264,  1246 => 263,  1245 => 262,  1244 => 261,  1243 => 260,  1242 => 259,  1241 => 258,  1240 => 257,  1237 => 255,  1231 => 247,  1227 => 246,  1221 => 242,  1217 => 241,  1213 => 240,  1209 => 239,  1203 => 235,  1199 => 234,  1195 => 233,  1191 => 232,  1187 => 231,  1183 => 230,  1179 => 229,  1175 => 228,  1171 => 227,  1167 => 226,  1163 => 225,  1159 => 224,  1153 => 220,  1149 => 219,  1145 => 218,  1141 => 217,  1137 => 216,  1133 => 215,  1129 => 214,  1125 => 213,  1121 => 212,  1117 => 211,  1113 => 210,  1109 => 209,  1105 => 208,  1101 => 207,  1097 => 204,  1090 => 199,  1085 => 195,  1083 => 194,  1078 => 192,  1074 => 191,  1070 => 190,  1066 => 189,  1062 => 188,  1058 => 185,  1049 => 178,  1047 => 177,  1044 => 176,  1041 => 175,  1036 => 172,  1032 => 171,  1028 => 170,  1024 => 169,  1020 => 168,  1016 => 167,  1012 => 166,  1008 => 165,  1004 => 164,  1000 => 163,  997 => 162,  991 => 160,  989 => 159,  984 => 157,  980 => 156,  976 => 155,  972 => 154,  967 => 153,  962 => 150,  958 => 149,  954 => 148,  951 => 147,  948 => 146,  944 => 144,  942 => 143,  939 => 142,  937 => 141,  934 => 140,  931 => 139,  929 => 138,  924 => 137,  921 => 136,  916 => 133,  912 => 132,  907 => 131,  902 => 128,  898 => 127,  894 => 126,  890 => 125,  885 => 123,  881 => 122,  877 => 121,  873 => 120,  869 => 119,  864 => 117,  860 => 116,  856 => 115,  852 => 114,  848 => 113,  843 => 111,  839 => 110,  835 => 109,  829 => 107,  824 => 105,  819 => 104,  817 => 103,  810 => 101,  806 => 100,  802 => 99,  798 => 98,  794 => 97,  790 => 96,  787 => 95,  781 => 93,  778 => 92,  772 => 90,  769 => 89,  763 => 87,  760 => 86,  755 => 83,  751 => 82,  747 => 81,  743 => 80,  739 => 79,  735 => 78,  731 => 77,  727 => 76,  723 => 75,  719 => 74,  715 => 73,  711 => 72,  707 => 71,  703 => 70,  699 => 69,  695 => 68,  692 => 67,  687 => 64,  683 => 63,  678 => 61,  674 => 60,  670 => 59,  665 => 57,  661 => 56,  656 => 54,  651 => 52,  647 => 51,  643 => 50,  639 => 49,  636 => 48,  634 => 47,  629 => 44,  625 => 43,  620 => 41,  615 => 40,  612 => 39,  610 => 38,  605 => 36,  601 => 35,  597 => 34,  593 => 33,  589 => 32,  585 => 31,  581 => 30,  577 => 29,  573 => 28,  569 => 27,  564 => 25,  560 => 24,  556 => 23,  551 => 21,  547 => 20,  543 => 19,  539 => 18,  535 => 17,  531 => 16,  527 => 15,  522 => 13,  518 => 12,  513 => 10,  509 => 9,  505 => 8,  501 => 7,  497 => 6,  493 => 5,  489 => 4,  486 => 3,  483 => 2,  467 => 1,  461 => 4746,  457 => 4723,  453 => 4697,  449 => 4593,  445 => 4522,  439 => 4429,  436 => 4403,  433 => 4381,  430 => 4369,  427 => 4357,  424 => 4345,  421 => 4333,  417 => 4317,  414 => 4190,  411 => 4066,  407 => 4045,  404 => 4037,  401 => 4026,  394 => 4015,  391 => 4000,  388 => 3991,  385 => 3977,  381 => 3954,  378 => 3909,  374 => 3892,  370 => 3875,  367 => 3857,  363 => 3795,  357 => 3765,  353 => 3757,  350 => 3752,  347 => 3747,  344 => 3731,  340 => 3728,  337 => 3723,  334 => 3718,  331 => 3702,  328 => 3700,  325 => 3692,  322 => 3684,  318 => 3678,  314 => 3668,  310 => 3638,  306 => 3544,  303 => 3448,  300 => 3431,  297 => 3396,  294 => 3382,  291 => 3368,  288 => 3355,  285 => 3276,  282 => 3256,  279 => 3232,  276 => 3206,  273 => 3202,  269 => 3175,  266 => 3162,  263 => 3148,  260 => 3135,  256 => 3093,  253 => 3061,  250 => 3042,  247 => 3025,  244 => 3021,  240 => 2997,  236 => 2952,  232 => 2918,  229 => 2896,  223 => 2873,  219 => 2603,  216 => 2599,  213 => 2595,  209 => 2581,  206 => 2345,  202 => 2261,  198 => 2138,  194 => 2036,  190 => 2031,  187 => 2025,  184 => 2018,  181 => 2016,  178 => 2007,  175 => 2005,  172 => 1992,  168 => 1982,  164 => 1971,  160 => 1965,  156 => 1958,  153 => 1947,  146 => 1932,  143 => 1921,  137 => 1908,  133 => 1809,  130 => 1761,  124 => 1487,  118 => 1469,  114 => 1310,  111 => 1297,  108 => 1292,  105 => 1288,  101 => 1251,  95 => 1206,  88 => 1130,  84 => 1089,  77 => 963,  74 => 959,  71 => 913,  65 => 902,  62 => 887,  59 => 877,  55 => 678,  51 => 368,  48 => 344,  44 => 336,  40 => 313,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("", "macros.twig", "");
    }
}
