<?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_9abe719b8624470f0f575a89b435b9491862b092d5b720c3963f85f2d82d97bb 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 286
        echo "    

    ";
        // line 309
        echo "    

";
        // line 317
        echo "
";
        // line 341
        echo "

";
        // line 651
        echo "

";
        // line 850
        echo "
";
        // line 860
        echo "
";
        // line 875
        echo "



";
        // line 886
        echo "
";
        // line 931
        echo "
";
        // line 935
        echo "




";
        // line 1061
        echo "

";
        // line 1102
        echo "




";
        // line 1178
        echo "



";
        // line 1223
        echo "

";
        // line 1260
        echo "
";
        // line 1264
        echo "
";
        // line 1269
        echo "
";
        // line 1282
        echo "

";
        // line 1441
        echo "



";
        // line 1459
        echo "



";
        // line 1668
        echo "
";
        // line 1704
        echo "

";
        // line 1803
        echo "



";
        // line 1816
        echo "
";
        // line 1827
        echo "




";
        // line 1842
        echo "
";
        // line 1853
        echo "

";
        // line 1860
        echo "

";
        // line 1866
        echo "

";
        // line 1877
        echo "

";
        // line 1887
        echo "
";
        // line 1900
        echo "
";
        // line 1902
        echo "
";
        // line 1911
        echo "
";
        // line 1913
        echo "
";
        // line 1920
        echo "
";
        // line 1926
        echo "

";
        // line 1931
        echo "

";
        // line 2033
        echo "

";
        // line 2156
        echo "

";
        // line 2240
        echo "
";
        // line 2466
        echo "

";
        // line 2480
        echo "
";
        // line 2484
        echo "
";
        // line 2488
        echo "

";
        // line 2663
        echo "

";
        // line 2684
        echo "
";
        // line 2706
        echo "

";
        // line 2740
        echo "

";
        // line 2785
        echo "

";
        // line 2809
        echo "
";
        // line 2813
        echo "
";
        // line 2830
        echo "
";
        // line 2849
        echo "
";
        // line 2881
        echo "

";
        // line 2923
        echo "
";
        // line 2936
        echo "
";
        // line 2950
        echo "
";
        // line 2963
        echo "

";
        // line 2990
        echo "
  ";
        // line 2994
        echo "
";
        // line 3020
        echo "
";
        // line 3044
        echo "
";
        // line 3064
        echo "
";
        // line 3143
        echo "
";
        // line 3156
        echo "
";
        // line 3170
        echo "
";
        // line 3184
        echo "
";
        // line 3219
        echo "
";
        // line 3236
        echo "
";
        // line 3332
        echo "

";
        // line 3426
        echo "

";
        // line 3456
        echo "

";
        // line 3466
        echo "

";
        // line 3472
        echo "
";
        // line 3480
        echo "
";
        // line 3488
        echo "
";
        // line 3490
        echo "
";
        // line 3506
        echo "
";
        // line 3511
        echo "
";
        // line 3516
        echo "

";
        // line 3519
        echo "
";
        // line 3535
        echo "
";
        // line 3540
        echo "
";
        // line 3545
        echo "

";
        // line 3553
        echo "



";
        // line 3583
        echo "

";
        // line 3645
        echo "
";
        // line 3663
        echo "

";
        // line 3680
        echo "

";
        // line 3697
        echo "
";
        // line 3742
        echo "

";
        // line 3765
        echo "
";
        // line 3779
        echo "
";
        // line 3788
        echo "
";
        // line 3803
        echo "




";
        // line 3814
        echo "
";
        // line 3825
        echo "
";
        // line 3833
        echo "

/* Pagination */

";
        // line 3926
        echo "

";
        // line 3997
        echo "

";
        // line 4095
        echo "

";
        // line 4121
        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 "
  ";
            // line 149
            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, 149), "stack_vertically_at", [], "any", true, true, false, 149)) ? (_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, 149), "stack_vertically_at", [], "any", false, false, false, 149), "breakpoint_phone_landscape")) : ("breakpoint_phone_landscape"));
            // line 150
            echo "
  ";
            // line 151
            if ((($context["breakpoint"] ?? null) == ($context["stackAt"] ?? null))) {
                // line 152
                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 159
            echo "
  --bde-woo-payment-box-background-color: ";
            // line 160
            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, 160), "payment_box", [], "any", false, false, false, 160), "background", [], "any", false, false, false, 160);
            echo ";
  --bde-woo-payment-box-border-color: ";
            // line 161
            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, 161), "payment_box", [], "any", false, false, false, 161), "border_color", [], "any", false, false, false, 161);
            echo ";
  --bde-woo-payment-box-border-width: ";
            // line 162
            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, 162), "payment_box", [], "any", false, false, false, 162), "border_width", [], "any", false, false, false, 162), "style", [], "any", false, false, false, 162);
            echo ";
}

";
            // line 166
            echo ($context["localSelector"] ?? null);
            echo " {
  --bde-brand-primary-color: ";
            // line 167
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 167), "brand", [], "any", false, false, false, 167);
            echo ";
  --bde-brand-primary-color-hover: ";
            // line 168
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, true, false, 168), "brand_hover", [], "any", true, true, false, 168)) ? (_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, 168), "brand_hover", [], "any", false, false, false, 168), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 168), "brand", [], "any", false, false, false, 168))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 168), "brand", [], "any", false, false, false, 168)));
            echo ";
  --bde-button-primary-text-color: ";
            // line 169
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 169), "text_on_brand", [], "any", false, false, false, 169);
            echo ";
  --bde-button-primary-text-color-hover: ";
            // line 170
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "colors", [], "any", false, false, false, 170), "text_on_brand", [], "any", false, false, false, 170);
            echo ";

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

    ";
                // line 177
                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 182
            echo "}

";
            // line 185
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-search--dropdown .select2-search__field,
";
            // line 186
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-selection--single,
";
            // line 187
            echo ($context["rootSelector"] ?? null);
            echo " .price_slider_amount input[type=\"text\"],
";
            // line 188
            echo ($context["rootSelector"] ?? null);
            echo " input[type=\"search\"],
";
            // line 189
            echo ($context["localSelector"] ?? null);
            echo " textarea,
";
            // line 190
            echo ($context["localSelector"] ?? null);
            echo " .woocommerce-Input,
";
            // line 191
            echo ($context["localSelector"] ?? null);
            echo " .input-text,
";
            // line 192
            echo ($context["localSelector"] ?? null);
            echo " select,
";
            // line 193
            echo ($context["localSelector"] ?? null);
            echo " .wc_payment_method input[type=\"text\"],
";
            // line 194
            echo ($context["localSelector"] ?? null);
            echo " .wc-stripe-elements-field {
  background-color: ";
            // line 195
            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, 195), "fields", [], "any", false, false, false, 195), "background", [], "any", false, false, false, 195);
            echo ";
  ";
            // line 196
            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, 196), "fields", [], "any", false, false, false, 196), "borders", [], "any", false, false, false, 196)], 196, $context, $this->getSourceContext());
            echo "
  ";
            // line 197
            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, 197), "fields", [], "any", false, false, false, 197), "padding", [], "any", false, false, false, 197)], 197, $context, $this->getSourceContext());
            echo "
  ";
            // line 198
            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, 198), "typography", [], "any", false, false, false, 198), "values", [], "any", false, false, false, 198), ($context["globalSettings"] ?? null)], 198, $context, $this->getSourceContext());
            echo "
}

";
            // line 202
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-search--dropdown .select2-search__field:focus,
";
            // line 203
            echo ($context["rootSelector"] ?? null);
            echo " .select2-container--default .select2-selection--single:focus,
";
            // line 204
            echo ($context["localSelector"] ?? null);
            echo " .price_slider_amount input[type=\"text\"]:focus,
";
            // line 205
            echo ($context["localSelector"] ?? null);
            echo " input[type=\"search\"]:focus,
";
            // line 206
            echo ($context["localSelector"] ?? null);
            echo " textarea:focus,
";
            // line 207
            echo ($context["localSelector"] ?? null);
            echo " .woocommerce-Input:focus,
";
            // line 208
            echo ($context["localSelector"] ?? null);
            echo " .input-text:focus,
";
            // line 209
            echo ($context["localSelector"] ?? null);
            echo " select:focus,
";
            // line 210
            echo ($context["localSelector"] ?? null);
            echo " .wc_payment_method input[type=\"text\"]:focus {
  background-color: ";
            // line 211
            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, 211), "fields", [], "any", false, false, false, 211), "focused", [], "any", false, false, false, 211), "background", [], "any", false, false, false, 211);
            echo ";
  border-color: ";
            // line 212
            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, 212), "fields", [], "any", false, false, false, 212), "focused", [], "any", false, false, false, 212), "border", [], "any", false, false, false, 212);
            echo ";
  box-shadow: ";
            // line 213
            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, 213), "fields", [], "any", false, false, false, 213), "focused", [], "any", false, false, false, 213), "shadow", [], "any", false, false, false, 213), "style", [], "any", false, false, false, 213);
            echo ";
}

";
            // line 217
            echo ($context["localSelector"] ?? null);
            echo " .woocommerce-password-strength,
";
            // line 218
            echo ($context["localSelector"] ?? null);
            echo " label span.optional,
";
            // line 219
            echo ($context["localSelector"] ?? null);
            echo " label {
  ";
            // 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), "labels", [], "any", false, false, false, 220), ($context["globalSettings"] ?? null)], 220, $context, $this->getSourceContext());
            echo "
}

";
            // line 228
            echo "
";
            // line 230
            $context["primaryButtons"] = [0 => (            // line 231
($context["localSelector"] ?? null) . " .bde-mini-cart-offcanvas .button"), 1 => (            // line 232
($context["localSelector"] ?? null) . " .woocommerce-page.woocommerce-lost-password .breakdance-woocommerce button[type=\"submit\"]"), 2 => (            // line 233
($context["localSelector"] ?? null) . " .woocommerce-form-track-order button[type=\"submit\"]"), 3 => (            // line 234
($context["localSelector"] ?? null) . " #place_order"), 4 => (            // line 235
($context["localSelector"] ?? null) . " .woocommerce-button.pay"), 5 => (            // line 236
($context["localSelector"] ?? null) . " button.single_add_to_cart_button"), 6 => (            // line 237
($context["localSelector"] ?? null) . " a.single_add_to_cart_button"), 7 => (            // line 238
($context["localSelector"] ?? null) . " a.button.wc-backward"), 8 => (            // line 239
($context["localSelector"] ?? null) . " a.checkout-button"), 9 => (            // line 240
($context["localSelector"] ?? null) . " p.order-again a.button"), 10 => (            // line 241
($context["localSelector"] ?? null) . " button[name=\"add-to-cart\"]"), 11 => (            // line 242
($context["localSelector"] ?? null) . " button[name=\"login\"]"), 12 => (            // line 243
($context["localSelector"] ?? null) . " button[name=\"save_address\"]"), 13 => (            // line 244
($context["localSelector"] ?? null) . " button[name=\"save_account_details\"]"), 14 => (            // line 245
($context["localSelector"] ?? null) . " button[name=\"woocommerce_checkout_place_order\"]"), 15 => (            // line 246
($context["localSelector"] ?? null) . " button[name=\"register\"]"), 16 => (            // line 247
($context["localSelector"] ?? null) . " .woocommerce-MyAccount-content a.button[href*=\"add-payment-method\"]")];
            // line 250
            echo "

";
            // line 253
            $context["secondaryButtons"] = [0 => (            // line 254
($context["localSelector"] ?? null) . " .woocommerce-MyAccount-downloads-file"), 1 => (            // line 255
($context["localSelector"] ?? null) . " .woocommerce-Address a.edit"), 2 => (            // line 256
($context["localSelector"] ?? null) . " .woocommerce-button.view"), 3 => (            // line 257
($context["localSelector"] ?? null) . " .woocommerce-Button--previous"), 4 => (            // line 258
($context["localSelector"] ?? null) . " .woocommerce-Button--next"), 5 => (            // line 259
($context["localSelector"] ?? null) . " .widget_price_filter .button"), 6 => (            // line 260
($context["localSelector"] ?? null) . " a.button.product_type_grouped"), 7 => (            // line 261
($context["localSelector"] ?? null) . " a.button.add_to_cart_button"), 8 => (            // line 262
($context["localSelector"] ?? null) . " .added_to_cart"), 9 => (            // line 263
($context["localSelector"] ?? null) . " .woocommerce-widget-layered-nav-dropdown__submit"), 10 => (            // line 264
($context["localSelector"] ?? null) . " .woocommerce-product-search button[type=\"submit\"]"), 11 => (            // line 265
($context["localSelector"] ?? null) . " a.product_type_simple"), 12 => (            // line 266
($context["localSelector"] ?? null) . " .form-submit input[type=\"submit\"]"), 13 => (            // line 267
($context["localSelector"] ?? null) . " button[name=\"update_cart\"]"), 14 => (            // line 268
($context["localSelector"] ?? null) . " button[name=\"calc_shipping\"]"), 15 => (            // line 269
($context["localSelector"] ?? null) . " button[name=\"apply_coupon\"]"), 16 => (            // line 270
($context["localSelector"] ?? null) . " a.product_type_external")];
            // line 273
            echo "
";
            // line 275
            $context["destructiveButtons"] = [0 => (($context["localSelector"] ?? null) . " .reset_variations"), 1 => (($context["localSelector"] ?? null) . " .woocommerce-button.cancel")];
            // line 276
            echo "
";
            // line 278
            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, 278), "primary_buttons", [], "any", false, false, false, 278), ($context["primaryButtons"] ?? null), "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 278, $context, $this->getSourceContext());
            echo "
";
            // line 279
            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, 279), "secondary_buttons", [], "any", false, false, false, 279), ($context["secondaryButtons"] ?? null), "secondary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 279, $context, $this->getSourceContext());
            echo "
";
            // line 280
            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, 280), "destructive_buttons", [], "any", false, false, false, 280), ($context["destructiveButtons"] ?? null), "custom", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 280, $context, $this->getSourceContext());
            echo "




    ";

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

    // line 288
    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 289
            echo "        --bde-woo-forms__inputs-background-color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "background", [], "any", false, false, false, 289);
            echo ";
--bde-woo-forms__inputs-text-color: ";
            // line 290
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "text", [], "any", false, false, false, 290);
            echo ";
--bde-woo-forms__inputs-placeholder-color: ";
            // line 291
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "placeholder", [], "any", false, false, false, 291);
            echo ";
--bde-woo-forms__inputs-border-color: ";
            // line 292
            echo twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "border", [], "any", false, false, false, 292);
            echo ";
--bde-woo-forms__inputs-border-width: ";
            // line 293
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "border_width", [], "any", false, false, false, 293), "style", [], "any", false, false, false, 293);
            echo ";
--bde-woo-forms__inputs-border-radius: ";
            // line 294
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "border_radius", [], "any", false, false, false, 294), "style", [], "any", false, false, false, 294);
            echo ";
--bde-woo-forms__inputs-shadow: ";
            // line 295
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "shadow", [], "any", false, false, false, 295), "style", [], "any", false, false, false, 295);
            echo ";
--bde-woo-forms__inputs-background-color-focused: ";
            // line 296
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "focused", [], "any", false, false, false, 296), "background", [], "any", false, false, false, 296);
            echo ";
--bde-woo-forms__inputs-border-color-focused: ";
            // line 297
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "focused", [], "any", false, false, false, 297), "border", [], "any", false, false, false, 297);
            echo ";
--bde-woo-forms__inputs-shadow-focused: ";
            // line 298
            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, 298), "shadow", [], "any", false, false, false, 298), "style", [], "any", false, false, false, 298);
            echo ";
--bde-woo-forms__inputs-select2-selected-item: ";
            // line 299
            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, 299), "select2", [], "any", false, false, false, 299), "selected_item", [], "any", false, false, false, 299);
            echo ";

";
            // line 301
            if (twig_get_attribute($this->env, $this->source, ($context["inputs"] ?? null), "text", [], "any", false, false, false, 301)) {
                // line 302
                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, 302), "inputs", [], "any", false, false, false, 302), "text", [], "any", false, false, false, 302), "#");
                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 303
                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, 303), "inputs", [], "any", false, false, false, 303), "text", [], "any", false, false, false, 303), "#");
                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 304
                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, 304), "inputs", [], "any", false, false, false, 304), "text", [], "any", false, false, false, 304), "#");
                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 305
                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, 305), "inputs", [], "any", false, false, false, 305), "text", [], "any", false, false, false, 305), "#");
                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 306
                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, 306), "inputs", [], "any", false, false, false, 306), "text", [], "any", false, false, false, 306), "#");
                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 308
            echo "    ";

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

    // line 311
    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 312
            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, 312), "style", [], "any", false, false, false, 312);
            echo ";
  background-color: ";
            // line 313
            echo twig_get_attribute($this->env, $this->source, ($context["container"] ?? null), "background", [], "any", false, false, false, 313);
            echo ";
  ";
            // line 314
            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, 314)], 314, $context, $this->getSourceContext());
            echo "
  ";
            // line 315
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["container"] ?? null), "borders", [], "any", false, false, false, 315)], 315, $context, $this->getSourceContext());
            echo "
";

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

    // line 318
    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 319
            echo "
    ";
            // line 320
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "arrow", [], "any", false, false, false, 320), "arrow", [], "any", false, false, false, 320)) {
                // line 321
                echo "      ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonLinkIconCssHelper", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "arrow", [], "any", false, false, false, 321), ($context["selector"] ?? null)], 321, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 323
            echo "
    ";
            // line 324
            echo ($context["selector"] ?? null);
            echo " {
      ";
            // line 325
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 325), ($context["globalSettings"] ?? null)], 325, $context, $this->getSourceContext());
            echo "
      ";
            // line 326
            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, 326)], 326, $context, $this->getSourceContext());
            echo "
      text-decoration-color: ";
            // line 327
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 327);
            echo ";
    }

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

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


";

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

    // line 343
    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 344
            echo "
    ";
            // line 345
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 345)) {
                // line 346
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .button-atom__text {
            text-decoration-color: ";
                // line 347
                echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 347);
                echo ";
        }
    ";
            }
            // line 350
            echo "
    ";
            // line 351
            $context["underlineType"] = twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "fancy_underline", [], "any", false, false, false, 351);
            // line 352
            echo "
    ";
            // line 353
            if (($context["underlineType"] ?? null)) {
                // line 354
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " {
            text-decoration: none;
            --fancyUnderlineColor: ";
                // line 356
                echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", true, true, false, 356)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color", [], "any", false, false, false, 356), "currentColor")) : ("currentColor"));
                echo ";
        }

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

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

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

         ";
                // line 384
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 384)) {
                    // line 385
                    echo "            ";
                    echo ($context["selector"] ?? null);
                    echo ":hover::before,
            ";
                    // line 386
                    echo ($context["selector"] ?? null);
                    echo ":hover::after {
                background-color: ";
                    // line 387
                    echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 387);
                    echo ";
            }
        ";
                }
                // line 390
                echo "

    ";
            }
            // line 393
            echo "


    ";
            // line 396
            if ((($context["underlineType"] ?? null) == "style-1")) {
                echo " ";
                // line 397
                echo "
        ";
                // line 398
                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 406
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 407
                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 417
                echo ($context["selector"] ?? null);
                echo ":hover::before {
            transform-origin: 0% 50%;
            transform: scale3d(1, 1, 1);
        }

    ";
            } elseif ((            // line 422
($context["underlineType"] ?? null) == "style-2")) {
                echo " ";
                // line 423
                echo "
        ";
                // line 424
                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 430
                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 438
                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 444
                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 450
($context["underlineType"] ?? null) == "style-3")) {
                echo " ";
                // line 451
                echo "
        ";
                // line 452
                echo ($context["selector"] ?? null);
                echo " .button-atom__text {
            display: inline-block;
            transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
        }

        ";
                // line 457
                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 474
                echo ($context["selector"] ?? null);
                echo ":hover .button-atom__text {
            transform: translate3d(0, -2px, 0);
        }

        ";
                // line 478
                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 494
($context["underlineType"] ?? null) == "style-4")) {
                echo " ";
                // line 495
                echo "
        ";
                // line 496
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 497
                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 506
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 507
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            transition-delay: 0.1s;
        }

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

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

        ";
                // line 522
                echo ($context["selector"] ?? null);
                echo ":hover::before,
        ";
                // line 523
                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 529
($context["underlineType"] ?? null) == "style-5")) {
                echo " ";
                // line 530
                echo "
        ";
                // line 531
                echo ($context["selector"] ?? null);
                echo ":before,
        ";
                // line 532
                echo ($context["selector"] ?? null);
                echo ":after {
            opacity: 0;
            top: -50%;
            left: 0;
            transition: all 0.3s ease 0s;
        }

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

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

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

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


        ";
                // line 569
                echo ($context["selector"] ?? null);
                echo "::after {
            position: absolute;
            width: 100%;
            height: 0.075em;
            background-color: ";
                // line 573
                echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", true, true, false, 573)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline_color_hover", [], "any", false, false, false, 573), "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 584
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            transform: scale3d(1, 1, 1);
        }

    ";
            } elseif ((            // line 588
($context["underlineType"] ?? null) == "style-7")) {
                echo " ";
                // line 589
                echo "
        ";
                // line 590
                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 599
                echo ($context["selector"] ?? null);
                echo "::before {
            transition-delay: 0.1s;
        }

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

        ";
                // line 607
                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 613
($context["underlineType"] ?? null) == "style-8")) {
                echo " ";
                // line 614
                echo "
        ";
                // line 615
                echo ($context["selector"] ?? null);
                echo "::before,
        ";
                // line 616
                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 627
                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 634
                echo ($context["selector"] ?? null);
                echo ":hover::before,
        ";
                // line 635
                echo ($context["selector"] ?? null);
                echo ":hover::after {
            transform: scale(1);
        }

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

    ";
            }
            // line 645
            echo "




";

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

    // line 653
    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 654
            echo "
    ";
            // line 656
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null)], 656, $context, $this->getSourceContext());
            echo " {

        --bde-transition-duration: ";
            // line 658
            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, 658), "transition_duration", [], "any", false, false, false, 658), "style", [], "any", false, false, false, 658);
            echo ";

        ";
            // line 661
            echo "        ";
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "outline", [], "any", false, false, false, 661)) {
                // line 662
                echo "
            --bde-button-";
                // line 663
                echo ($context["buttonStyle"] ?? null);
                echo "-border-color: ";
                echo ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", true, true, false, 663)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 663), "var(--bde-brand-primary-color)")) : ("var(--bde-brand-primary-color)"));
                echo ";
            --bde-button-";
                // line 664
                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, 664)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color_hover", [], "any", false, false, false, 664), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 664))) : (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 664))), "var(--bde-brand-primary-color)");
                echo ";

            ";
                // line 666
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, true, false, 666), "value", [], "any", true, true, false, 666)) {
                    // line 667
                    echo "                --bde-transition-duration: 0;
                --bde-button-";
                    // line 668
                    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, 668), "value", [], "any", false, false, false, 668);
                    echo ";
            ";
                } else {
                    // line 670
                    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, 670)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 670), "transparent")) : ("transparent"));
                    echo ";
            ";
                }
                // line 672
                echo "

            ";
                // line 674
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "no_fill_on_hover", [], "any", false, false, false, 674)) {
                    // line 675
                    echo "              --bde-button-";
                    echo ($context["buttonStyle"] ?? null);
                    echo "-background-color-hover: transparent;
            ";
                } else {
                    // line 677
                    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, 677), "value", [], "any", true, true, false, 677)) {
                        // line 678
                        echo "                    --bde-transition-duration: 0;
                    --bde-button-";
                        // line 679
                        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, 679), "value", [], "any", true, true, false, 679)) ? (_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, 679), "value", [], "any", false, false, false, 679), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 679), "value", [], "any", false, false, false, 679))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 679), "value", [], "any", false, false, false, 679))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 679));
                        echo ";
                ";
                    } else {
                        // line 681
                        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, 681)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 681), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 681), "value", [], "any", false, false, false, 681))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 681), "value", [], "any", false, false, false, 681))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 681)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color_hover", [], "any", false, false, false, 681)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 681)), "var(--bde-brand-primary-color)");
                        echo ";
                ";
                    }
                    // line 683
                    echo "            ";
                }
                // line 684
                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, 684), "color", [], "any", true, true, false, 684)) ? (_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, 684), "color", [], "any", false, false, false, 684), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 684))) : (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 684))), "var(--bde-brand-primary-color)");
                echo ";

            ";
                // line 686
                if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "no_fill_on_hover", [], "any", false, false, false, 686)) {
                    // line 687
                    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, 687), "color_hover", [], "any", true, true, false, 687)) ? (_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, 687), "color_hover", [], "any", false, false, false, 687), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 687), "color", [], "any", false, false, false, 687))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 687), "color", [], "any", false, false, false, 687))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color_hover", [], "any", false, false, false, 687)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "color", [], "any", false, false, false, 687));
                    echo ";
            ";
                } else {
                    // line 689
                    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, 689), "color_hover", [], "any", true, true, false, 689)) ? (_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, 689), "color_hover", [], "any", false, false, false, 689), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 689), "color", [], "any", false, false, false, 689))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 689), "color", [], "any", false, false, false, 689))), "#ffffff");
                    echo ";
            ";
                }
                // line 691
                echo "
        ";
            } elseif (twig_get_attribute($this->env, $this->source,             // line 692
($context["styles"] ?? null), "background", [], "any", false, false, false, 692)) {
                // line 693
                echo "            --bde-button-";
                echo ($context["buttonStyle"] ?? null);
                echo "-border-color: transparent;
            --bde-button-";
                // line 694
                echo ($context["buttonStyle"] ?? null);
                echo "-border-color-hover: transparent;

            --bde-button-";
                // line 696
                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, 696), "color", [], "any", true, true, false, 696)) ? (_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, 696), "color", [], "any", false, false, false, 696), "#ffffff")) : ("#ffffff"));
                echo ";
            --bde-button-";
                // line 697
                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, 697), "color_hover", [], "any", true, true, false, 697)) ? (_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, 697), "color_hover", [], "any", false, false, false, 697), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 697), "color", [], "any", false, false, false, 697))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 697), "color", [], "any", false, false, false, 697))), "#ffffff");
                echo ";

            ";
                // line 700
                echo "            ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, true, false, 700), "value", [], "any", true, true, false, 700)) {
                    // line 701
                    echo "                --bde-transition-duration: 0;
                --bde-button-";
                    // line 702
                    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, 702), "value", [], "any", false, false, false, 702);
                    echo ";
            ";
                } else {
                    // line 704
                    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, 704);
                    echo ";
            ";
                }
                // line 706
                echo "
             ";
                // line 707
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, true, false, 707), "value", [], "any", true, true, false, 707)) {
                    // line 708
                    echo "                --bde-transition-duration: 0;
                --bde-button-";
                    // line 709
                    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, 709), "value", [], "any", true, true, false, 709)) ? (_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, 709), "value", [], "any", false, false, false, 709), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 709), "value", [], "any", false, false, false, 709))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 709), "value", [], "any", false, false, false, 709))), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 709));
                    echo ";
            ";
                } else {
                    // line 711
                    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, 711)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 711), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 711), "value", [], "any", false, false, false, 711))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background_hover", [], "any", false, false, false, 711), "value", [], "any", false, false, false, 711))), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 711), "value", [], "any", false, false, false, 711)), twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 711));
                    echo ";
            ";
                }
                // line 713
                echo "        ";
            }
            // line 714
            echo "

        ";
            // line 717
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "corners", [], "any", false, false, false, 717) == "square")) {
                // line 718
                echo "            border-radius: 0px;
        ";
            }
            // line 720
            echo "
        ";
            // line 721
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "corners", [], "any", false, false, false, 721) == "round")) {
                // line 722
                echo "            border-radius: 9999px;
        ";
            }
            // line 724
            echo "
        ";
            // line 725
            if (twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "corner_radius", [], "any", false, false, false, 725)) {
                // line 726
                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, 726), "style", [], "any", false, false, false, 726);
                echo ";
        ";
            }
            // line 728
            echo "
        ";
            // line 730
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "outline", [], "any", false, false, false, 730) && twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "width", [], "any", false, false, false, 730))) {
                // line 731
                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, 731), "style", [], "any", false, false, false, 731);
                echo ";
        ";
            }
            // line 733
            echo "
        ";
            // line 735
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "background", [], "any", false, false, false, 735), "value", [], "any", false, false, false, 735) &&  !twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "outline", [], "any", false, false, false, 735))) {
                // line 736
                echo "            border-width: 0;
        ";
            }
            // line 738
            echo "
        ";
            // line 740
            echo "        ";
            echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "typography", [], "any", false, false, false, 740), ($context["globalSettings"] ?? null)], 740, $context, $this->getSourceContext());
            echo "

        ";
            // line 743
            echo "        ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 743), "shadow", [], "any", false, false, false, 743)) {
                // line 744
                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, 744), "shadow", [], "any", false, false, false, 744), "style", [], "any", false, false, false, 744);
                echo ";
        ";
            }
            // line 746
            echo "
        ";
            // line 748
            echo "        ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 748), "size", [], "any", false, false, false, 748) == "small")) {
                // line 749
                echo "            padding: var(--bde-button-padding-sm);
        ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 750
($context["styles"] ?? null), "size", [], "any", false, false, false, 750), "size", [], "any", false, false, false, 750) == "default")) {
                // line 751
                echo "            padding: var(--bde-button-padding-base);
        ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 752
($context["styles"] ?? null), "size", [], "any", false, false, false, 752), "size", [], "any", false, false, false, 752) == "large")) {
                // line 753
                echo "            padding: var(--bde-button-padding-lg);
        ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 754
($context["styles"] ?? null), "size", [], "any", false, false, false, 754), "size", [], "any", false, false, false, 754) == "custom")) {
                // line 755
                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, 755), "padding", [], "any", false, false, false, 755), "top", [], "any", false, false, false, 755), "style", [], "any", false, false, false, 755);
                echo ";
            padding-right: ";
                // line 756
                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, 756), "padding", [], "any", false, false, false, 756), "right", [], "any", false, false, false, 756), "style", [], "any", false, false, false, 756);
                echo ";
            padding-bottom: ";
                // line 757
                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, 757), "padding", [], "any", false, false, false, 757), "bottom", [], "any", false, false, false, 757), "style", [], "any", false, false, false, 757);
                echo ";
            padding-left: ";
                // line 758
                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, 758), "padding", [], "any", false, false, false, 758), "left", [], "any", false, false, false, 758), "style", [], "any", false, false, false, 758);
                echo ";
        ";
            }
            // line 760
            echo "
        ";
            // line 761
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "size", [], "any", false, false, false, 761), "override_width", [], "any", false, false, false, 761)) {
                // line 762
                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, 762), "override_width", [], "any", false, false, false, 762), "style", [], "any", false, false, false, 762);
                echo ";
        ";
            }
            // line 764
            echo "
    }

    ";
            // line 768
            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, 768), "full_width_at", [], "any", false, false, false, 768)))) {
                // line 769
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null)], 769, $context, $this->getSourceContext());
                echo " {
            width: 100%;
            display: flex;
        }
     ";
            }
            // line 774
            echo "
    ";
            // line 776
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", ":hover"], 776, $context, $this->getSourceContext());
            echo " {

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

        ";
            // line 782
            echo "        ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 782), "scale_on_hover", [], "any", false, false, false, 782)) {
                // line 783
                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, 783), "scale_on_hover", [], "any", false, false, false, 783);
                echo ");
        ";
            }
            // line 785
            echo "
        ";
            // line 786
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "effects", [], "any", false, false, false, 786), "shadow_hover", [], "any", false, false, false, 786)) {
                // line 787
                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, 787), "shadow_hover", [], "any", false, false, false, 787), "style", [], "any", false, false, false, 787);
                echo ";
        ";
            }
            // line 789
            echo "    }


    ";
            // line 793
            echo "    ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 793), "icon", [], "any", false, false, false, 793)) {
                // line 794
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 794, $context, $this->getSourceContext());
                echo " {
            ";
                // line 795
                $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, 795), "icon", [], "any", false, false, false, 795), "svgCode", [], "any", false, false, false, 795), "image/svg+xml");
                // line 796
                echo "            content: \"\";
            display: block;
            background-color: currentColor;
            width: ";
                // line 799
                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, 799), "size", [], "any", false, true, false, 799), "style", [], "any", true, true, false, 799)) ? (_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, 799), "size", [], "any", false, true, false, 799), "style", [], "any", false, false, false, 799), "0.9em")) : ("0.9em"));
                echo ";
            height: ";
                // line 800
                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, 800), "size", [], "any", false, true, false, 800), "style", [], "any", true, true, false, 800)) ? (_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, 800), "size", [], "any", false, true, false, 800), "style", [], "any", false, false, false, 800), "0.9em")) : ("0.9em"));
                echo ";
            margin-right: ";
                // line 801
                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, 801), "space_after", [], "any", false, true, false, 801), "style", [], "any", true, true, false, 801)) ? (_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, 801), "space_after", [], "any", false, true, false, 801), "style", [], "any", false, false, false, 801), "4px")) : ("4px"));
                echo ";
            margin-left: ";
                // line 802
                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, 802), "space_before", [], "any", false, true, false, 802), "style", [], "any", true, true, false, 802)) ? (_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, 802), "space_before", [], "any", false, true, false, 802), "style", [], "any", false, false, false, 802), "4px")) : ("4px"));
                echo ";
            mask-image: url(";
                // line 803
                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 807
                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 812
                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, 812), "transition_duration", [], "any", false, true, false, 812), "style", [], "any", true, true, false, 812)) ? (_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, 812), "transition_duration", [], "any", false, true, false, 812), "style", [], "any", false, false, false, 812), "var(--bde-transition-duration)")) : ("var(--bde-transition-duration)"));
                echo ";
        }
    ";
            }
            // line 815
            echo "
    ";
            // line 817
            echo "    ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 817), "size", [], "any", false, false, false, 817)) {
                // line 818
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 818, $context, $this->getSourceContext());
                echo " {
            width: ";
                // line 819
                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, 819), "size", [], "any", false, false, false, 819), "style", [], "any", false, false, false, 819);
                echo ";
            height: ";
                // line 820
                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, 820), "size", [], "any", false, false, false, 820), "style", [], "any", false, false, false, 820);
                echo ";
        }
    ";
            }
            // line 823
            echo "
    ";
            // line 824
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 824), "space_after", [], "any", false, false, false, 824)) {
                // line 825
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 825, $context, $this->getSourceContext());
                echo " {
            margin-right: ";
                // 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, false, false, 826), "space_after", [], "any", false, false, false, 826), "style", [], "any", false, false, false, 826);
                echo ";
        }
    ";
            }
            // line 829
            echo "
    ";
            // line 830
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 830), "space_before", [], "any", false, false, false, 830)) {
                // line 831
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", "::after"], 831, $context, $this->getSourceContext());
                echo " {
            margin-left: ";
                // line 832
                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, 832), "space_before", [], "any", false, false, false, 832), "style", [], "any", false, false, false, 832);
                echo ";
        }
    ";
            }
            // line 835
            echo "
    ";
            // line 836
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 836), "hover_transform", [], "any", false, false, false, 836)) {
                // line 837
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null), "", ":hover::after"], 837, $context, $this->getSourceContext());
                echo " {
            transform: translate(";
                // line 838
                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, 838), "hover_transform", [], "any", false, false, false, 838), "style", [], "any", false, false, false, 838);
                echo ", 0px);
        }
    ";
            }
            // line 841
            echo "
    ";
            // line 843
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "icon", [], "any", false, false, false, 843), "position", [], "any", false, false, false, 843) == "before")) {
                // line 844
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_outputSelectorFromArray", [($context["selector"] ?? null)], 844, $context, $this->getSourceContext());
                echo " {
            flex-direction: row-reverse;
        }
    ";
            }
            // line 848
            echo "
";

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

    // line 851
    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 852
            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 853
                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 854
                    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, 854)) ? ("") : (","));
                    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 856
                echo "    ";
            } else {
                // line 857
                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 862
    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 863
            echo ".breakdance .button-atom--";
            echo ($context["variant"] ?? null);
            echo " {
  color: var(--bde-button-";
            // line 864
            echo ($context["variant"] ?? null);
            echo "-text-color);
  background: var(--bde-button-";
            // line 865
            echo ($context["variant"] ?? null);
            echo "-background-color);
  border-color: var(--bde-button-";
            // line 866
            echo ($context["variant"] ?? null);
            echo "-border-color);
}

.breakdance .button-atom--";
            // line 869
            echo ($context["variant"] ?? null);
            echo ":hover {
  color: var(--bde-button-";
            // line 870
            echo ($context["variant"] ?? null);
            echo "-text-color-hover);
  background: var(--bde-button-";
            // line 871
            echo ($context["variant"] ?? null);
            echo "-background-color-hover);
  border-color: var(--bde-button-";
            // line 872
            echo ($context["variant"] ?? null);
            echo "-border-color-hover);
}
";

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

    // line 879
    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 880
            echo "    ";
            if (((twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "style", [], "any", false, false, false, 880) == "text") || ((($context["buttonStyle"] ?? null) == "text") && twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "style", [], "any", false, false, false, 880))))) {
                // line 881
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonAsLinkCss", [twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "text", [], "any", false, false, false, 881), ((($context["selectorPrefix"] ?? null) . " .") . ($context["className"] ?? null)), ($context["globalSettings"] ?? null)], 881, $context, $this->getSourceContext());
                echo "
    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 882
($context["buttonDesignSection"] ?? null), "style", [], "any", false, false, false, 882) == "custom")) {
                // line 883
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, ($context["buttonDesignSection"] ?? null), "custom", [], "any", false, false, false, 883), ((($context["selectorPrefix"] ?? null) . " .") . ($context["className"] ?? null)), "custom", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 883, $context, $this->getSourceContext());
                echo "
    ";
            }

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

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

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 888
            echo "
    ";
            // line 889
            if (twig_in_filter(($context["buttonStyle"] ?? null), [0 => "primary", 1 => "secondary", 2 => "custom", 3 => "text"])) {
                // line 890
                echo "        ";
                if (twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 890))) {
                    // line 891
                    echo "            ";
                    $context["buttonStyleClass"] = ("button-atom--" . ($context["buttonStyle"] ?? null));
                    // line 892
                    echo "        ";
                } else {
                    // line 893
                    echo "            ";
                    $context["buttonStyleClass"] = ("button-atom--" . twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 893));
                    // line 894
                    echo "        ";
                }
                // line 895
                echo "    ";
            } else {
                // line 896
                echo "        ";
                if (twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 896))) {
                    // line 897
                    echo "            ";
                    $context["buttonStyleClass"] = "button-atom--primary";
                    // line 898
                    echo "        ";
                } else {
                    // line 899
                    echo "            ";
                    $context["buttonStyleClass"] = ("button-atom--" . twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 899));
                    // line 900
                    echo "        ";
                }
                // line 901
                echo "    ";
            }
            // line 902
            echo "
    ";
            // line 903
            $context["cssClasses"] = twig_join_filter([0 => "button-atom", 1 =>             // line 905
($context["buttonStyleClass"] ?? null), 2 =>             // line 906
($context["className"] ?? null)], " ");
            // line 908
            echo "
    ";
            // line 909
            if ((($context["link"] ?? null) == false)) {
                // line 910
                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 ">
    ";
            } else {
                // line 912
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkStart", [($context["link"] ?? null), ($context["cssClasses"] ?? null), "", false], 912, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 914
            echo "
        <span class=\"button-atom__text\"";
            // line 915
            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 917
            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, 917), "icon", [], "any", false, false, false, 917), "icon", [], "any", false, false, false, 917) && (twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 917) != "text"))) {
                // line 918
                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, 918), "icon", [], "any", false, false, false, 918), "icon", [], "any", false, false, false, 918), "svgCode", [], "any", false, false, false, 918);
                // line 919
                echo "        ";
            }
            // line 920
            echo "
        ";
            // line 921
            if (((twig_get_attribute($this->env, $this->source, ($context["designProps"] ?? null), "style", [], "any", false, false, false, 921) == "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, 921), "arrow", [], "any", false, false, false, 921), "arrow", [], "any", false, false, false, 921))) {
                // line 922
                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, 922), "arrow", [], "any", false, false, false, 922)], 922, $context, $this->getSourceContext());
                echo "
        ";
            }
            // line 924
            echo "
    ";
            // line 925
            if ((($context["link"] ?? null) == false)) {
                // line 926
                echo "        </button>
    ";
            } else {
                // line 928
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkEnd", [], 928, $context, $this->getSourceContext());
                echo "
    ";
            }

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

    // line 932
    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 933
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_atomV1ButtonHtmlManual", [twig_get_attribute($this->env, $this->source, ($context["buttonContentSection"] ?? null), "text", [], "any", false, false, false, 933), twig_get_attribute($this->env, $this->source, ($context["buttonContentSection"] ?? null), "link", [], "any", false, false, false, 933), ($context["className"] ?? null), ($context["designProps"] ?? null), ($context["buttonStyle"] ?? null), "", false, ($context["contentEditablePath"] ?? null)], 933, $context, $this->getSourceContext());
            echo "
";

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

    // line 940
    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 941
            echo "
    ";
            // line 942
            echo ($context["selector"] ?? null);
            echo " .button-atom__icon-wrapper {
        --spaceBeforeArrow: ";
            // line 943
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "space_before", [], "any", false, true, false, 943), "style", [], "any", true, true, false, 943)) ? (_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, 943), "style", [], "any", false, false, false, 943), "4px")) : ("4px"));
            echo ";
        --hoverTranslate: ";
            // line 944
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "hover_transform", [], "any", false, true, false, 944), "style", [], "any", true, true, false, 944)) ? (_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, 944), "style", [], "any", false, false, false, 944), "3px")) : ("3px"));
            echo ";
        margin-left: var(--spaceBeforeArrow);
        font-size:  ";
            // line 946
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "arrow_size", [], "any", false, false, false, 946), "style", [], "any", false, false, false, 946);
            echo ";
        color: ";
            // line 947
            echo twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "color", [], "any", false, false, false, 947);
            echo ";
    }

    ";
            // line 950
            if ((twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 950) == "arrow-1")) {
                // line 951
                echo "
        ";
                // line 952
                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 960
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon {
            margin-left: 0.2em;
        }

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

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

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

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

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

    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 991
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 991) == "arrow-2")) {
                // line 992
                echo "
        ";
                // line 993
                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 1005
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon_arrow {
            transition: transform 0.3s ease;
        }

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


    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1014
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1014) == "arrow-3")) {
                // line 1015
                echo "
        ";
                // line 1016
                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 1028
                echo ($context["selector"] ?? null);
                echo " .un-arrow-icon_arrow {
            transition: transform 0.3s ease;
        }

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

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

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

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

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

    ";
            }
            // line 1059
            echo "
";

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

    // line 1063
    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 1064
            echo "
    <span class=\"button-atom__icon-wrapper\">

        ";
            // line 1067
            if ((twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1067) == "arrow-1")) {
                // line 1068
                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 1076
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1076) == "arrow-2")) {
                // line 1077
                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 1084
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1084) == "arrow-3")) {
                // line 1085
                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 1093
($context["arrow"] ?? null), "arrow", [], "any", false, false, false, 1093) == "custom")) {
                // line 1094
                echo "
            ";
                // line 1095
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrow"] ?? null), "custom_arrow", [], "any", false, false, false, 1095), "svgCode", [], "any", false, false, false, 1095);
                echo "

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

";

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

    // line 1107
    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 1108
            echo "
    ";
            // line 1109
            $context["selector"] = (((($context["selectorPrefix"] ?? null) . " .") . ($context["className"] ?? null)) . ".breakdance-icon-atom");
            // line 1110
            echo "
    ";
            // line 1111
            if (($context["hoverStylesOnContainerHover"] ?? null)) {
                // line 1112
                echo "        ";
                $context["hoverSelector"] = ((((($context["selectorPrefix"] ?? null) . ":hover") . " .") . ($context["className"] ?? null)) . ".breakdance-icon-atom");
                // line 1113
                echo "    ";
            }
            // line 1114
            echo "
    ";
            // line 1115
            echo ($context["selector"] ?? null);
            echo " {
        font-size: ";
            // line 1116
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "size", [], "any", false, false, false, 1116), "style", [], "any", false, false, false, 1116);
            echo ";

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

\t\t\t";
                // line 1122
                if ( !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "padding", [], "any", false, false, false, 1122), "style", [], "any", false, false, false, 1122)) {
                    // line 1123
                    echo "                padding: 1em;
            ";
                }
                // line 1125
                echo "
            ";
                // line 1126
                if ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "corners", [], "any", false, false, false, 1126) == "round")) {
                    // line 1127
                    echo "                border-radius: 999px;
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1128
($context["iconDesign"] ?? null), "corners", [], "any", false, false, false, 1128) == "custom")) {
                    // line 1129
                    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, 1129), "style", [], "any", true, true, false, 1129)) ? (_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, 1129), "style", [], "any", false, false, false, 1129), "4px")) : ("4px"));
                    echo ";
            ";
                }
                // line 1131
                echo "
                ";
                // line 1132
                echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background", [], "any", false, false, false, 1132)], 1132, $context, $this->getSourceContext());
                echo ";

            ";
                // line 1134
                if (( !twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background", [], "any", false, false, false, 1134) && (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1134) == "solid"))) {
                    // line 1135
                    echo "                background: black;
            ";
                }
                // line 1137
                echo "
            ";
                // line 1138
                if (( !twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background", [], "any", false, false, false, 1138) && (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1138) == "outline"))) {
                    // line 1139
                    echo "            background: white;
            ";
                }
                // line 1141
                echo "
            ";
                // line 1142
                if ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1142) == "outline")) {
                    // line 1143
                    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, 1143), "style", [], "any", true, true, false, 1143)) ? (_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, 1143), "style", [], "any", false, false, false, 1143), "4px")) : ("4px"));
                    echo " solid ";
                    echo ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "border", [], "any", true, true, false, 1143)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "border", [], "any", false, false, false, 1143), "var(--bde-brand-primary-color)")) : ("var(--bde-brand-primary-color)"));
                    echo ";
            ";
                }
                // line 1145
                echo "
        ";
            }
            // line 1147
            echo "    }

    ";
            // line 1149
            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, 1149), "x", [], "any", false, false, false, 1149), "style", [], "any", false, false, false, 1149) || 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, 1149), "y", [], "any", false, false, false, 1149), "style", [], "any", false, false, false, 1149))) {
                // line 1150
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " svg {
            transform: translate(";
                // line 1151
                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, 1151), "x", [], "any", false, true, false, 1151), "style", [], "any", true, true, false, 1151)) ? (_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, 1151), "x", [], "any", false, true, false, 1151), "style", [], "any", false, false, false, 1151), "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, 1151), "y", [], "any", false, true, false, 1151), "style", [], "any", true, true, false, 1151)) ? (_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, 1151), "y", [], "any", false, true, false, 1151), "style", [], "any", false, false, false, 1151), "0px")) : ("0px"));
                echo ");
        }
    ";
            }
            // line 1154
            echo "
    ";
            // line 1155
            if (twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1155)) {
                // line 1156
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " svg:first-child {
            fill:";
                // line 1157
                echo twig_call_macro($macros["_self"], "macro_svgColor", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1157), "grad-%%ID%%"], 1157, $context, $this->getSourceContext());
                echo ";
        }
    ";
            }
            // line 1160
            echo "
    ";
            // line 1161
            if (($context["hoverSelector"] ?? null)) {
                // line 1162
                echo "        ";
                echo ($context["hoverSelector"] ?? null);
                echo "  {
            ";
                // line 1163
                echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "background_hover", [], "any", false, false, false, 1163)], 1163, $context, $this->getSourceContext());
                echo ";

            ";
                // line 1165
                if ((twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "style", [], "any", false, false, false, 1165) == "outline")) {
                    // line 1166
                    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, 1166), "border_hover", [], "any", false, false, false, 1166);
                    echo ";
            ";
                }
                // line 1168
                echo "        }

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

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

    // line 1182
    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 1183
            echo "
    ";
            // line 1184
            if (($context["rotate"] ?? null)) {
                // line 1185
                echo "        ";
                $context["transformVar"] = (("style=\"--eeiTransform: rotate(" . ($context["rotate"] ?? null)) . "deg);\"");
                // line 1186
                echo "    ";
            }
            // line 1187
            echo "
    ";
            // line 1188
            if (($context["link"] ?? null)) {
                // line 1189
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkStart", [($context["link"] ?? null), (($context["className"] ?? null) . " breakdance-icon-atom"), ($context["transformVar"] ?? null)], 1189, $context, $this->getSourceContext());
                echo "
    ";
            } else {
                // line 1191
                echo "        <div class=\"";
                echo ($context["className"] ?? null);
                echo " breakdance-icon-atom\" ";
                echo ($context["transformVar"] ?? null);
                echo ">
    ";
            }
            // line 1193
            echo "
        ";
            // line 1194
            if (twig_get_attribute($this->env, $this->source, ($context["icon"] ?? null), "svgCode", [], "any", false, false, false, 1194)) {
                // line 1195
                echo "            ";
                echo twig_get_attribute($this->env, $this->source, ($context["icon"] ?? null), "svgCode", [], "any", false, false, false, 1195);
                echo "
        ";
            } else {
                // line 1197
                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 1199
            echo "
        ";
            // line 1200
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1200), "svgValue", [], "any", false, false, false, 1200)) {
                // line 1201
                echo "            <svg width=\"0\" height=\"0\" class='breakdance-icon-atom-svg-gradient'>
                <defs>
                    ";
                // line 1203
                echo twig_call_macro($macros["_self"], "macro_svgGradient", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color", [], "any", false, false, false, 1203), "grad-%%ID%%"], 1203, $context, $this->getSourceContext());
                echo "
                </defs>
            </svg>
        ";
            }
            // line 1207
            echo "
        ";
            // line 1208
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color_hover", [], "any", false, false, false, 1208), "svgValue", [], "any", false, false, false, 1208)) {
                // line 1209
                echo "            <svg width=\"0\" height=\"0\" class='breakdance-icon-atom-svg-gradient'>
                <defs>
                    ";
                // line 1211
                echo twig_call_macro($macros["_self"], "macro_svgGradient", [twig_get_attribute($this->env, $this->source, ($context["iconDesign"] ?? null), "color_hover", [], "any", false, false, false, 1211), "grad-hover-%%ID%%"], 1211, $context, $this->getSourceContext());
                echo "
                </defs>
            </svg>
        ";
            }
            // line 1215
            echo "
    ";
            // line 1216
            if (($context["link"] ?? null)) {
                // line 1217
                echo "        ";
                echo twig_call_macro($macros["_self"], "macro_linkEnd", [($context["link"] ?? null)], 1217, $context, $this->getSourceContext());
                echo "
    ";
            } else {
                // line 1219
                echo "        </div>
    ";
            }
            // line 1221
            echo "
";

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

    // line 1225
    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 1226
            echo "  ";
            $context["className"] = ".breakdance-gallery-%%ID%%";
            // line 1227
            echo "
  ";
            // line 1229
            echo "  ";
            echo ($context["className"] ?? null);
            echo " .lg-next,
  ";
            // line 1230
            echo ($context["className"] ?? null);
            echo " .lg-prev,
  ";
            // line 1231
            echo ($context["className"] ?? null);
            echo " .lg-toolbar,
  ";
            // line 1232
            echo ($context["className"] ?? null);
            echo " .lg-icon,
  ";
            // line 1233
            echo ($context["className"] ?? null);
            echo " .lg-counter,
  ";
            // line 1234
            echo ($context["className"] ?? null);
            echo " .lg-sub-html {
    ";
            // line 1235
            echo twig_call_macro($macros["_self"], "macro_textColor", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "controls", [], "any", false, false, false, 1235)], 1235, $context, $this->getSourceContext());
            echo "
  }

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

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

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

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

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

    // line 1261
    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 1262
            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 1265
    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 1266
            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, 1266), ($context["size"] ?? null), [], "array", true, true, false, 1266)) ? (_twig_default_filter((($__internal_compile_1 = twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, true, false, 1266)) && 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, 1266), "full", [], "any", false, false, false, 1266))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, false, false, 1266), "full", [], "any", false, false, false, 1266)));
            echo " ";
            // line 1267
            echo "  data-lg-size=\"";
            echo twig_get_attribute($this->env, $this->source, ($context["lImg"] ?? null), "width", [], "any", false, false, false, 1267);
            echo "-";
            echo twig_get_attribute($this->env, $this->source, ($context["lImg"] ?? null), "height", [], "any", false, false, false, 1267);
            echo "\"
";

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

    // line 1271
    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 1272
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "type", [], "any", false, false, false, 1272) == "image")) {
                // line 1273
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "image", [], "any", false, false, false, 1273), "type", [], "any", false, false, false, 1273) == "video")) {
                    // line 1274
                    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, 1274), "url", [], "any", false, false, false, 1274), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "video", [], "any", false, false, false, 1274), "mime", [], "any", false, false, false, 1274)], 1274, $context, $this->getSourceContext());
                    echo "
    ";
                } else {
                    // line 1276
                    echo "      ";
                    echo twig_call_macro($macros["_self"], "macro_lightboxImageAttrs", [twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "image", [], "any", false, false, false, 1276)], 1276, $context, $this->getSourceContext());
                    echo "
    ";
                }
                // line 1278
                echo "  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["item"] ?? null), "video", [], "any", false, false, false, 1278), "type", [], "any", false, false, false, 1278) == "video")) {
                // line 1279
                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, 1279), "url", [], "any", false, false, false, 1279), "video/mp4"], 1279, $context, $this->getSourceContext());
                echo "
  ";
            }

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

    // line 1284
    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 1285
            echo "    ";
            $context["arrowSettings"] = twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "arrows", [], "any", false, false, false, 1285);
            // line 1286
            echo "    ";
            $context["paginationSettings"] = twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "pagination", [], "any", false, false, false, 1286);
            // line 1287
            echo "    ";
            $context["areArrowsOutside"] = ((twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "overlay", [], "any", false, false, false, 1287) != true) && (twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "disable", [], "any", false, false, false, 1287) != true));
            // line 1288
            echo "
    ";
            // line 1289
            $context["anyArrowSpacingIsSet"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1290
($context["arrowSettings"] ?? null), "space_to_edge", [], "any", false, false, false, 1290), "style", [], "any", false, false, false, 1290) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1291
($context["arrowSettings"] ?? null), "space_to_slides", [], "any", false, false, false, 1291), "style", [], "any", false, false, false, 1291)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1292
($context["arrowSettings"] ?? null), "size", [], "any", false, false, false, 1292), "style", [], "any", false, false, false, 1292));
            // line 1293
            echo "    ";
            // line 1294
            echo "    ";
            $context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] = (((((("calc(" . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1295
($context["arrowSettings"] ?? null), "space_to_edge", [], "any", false, true, false, 1295), "style", [], "any", true, true, false, 1295)) ? (_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, 1295), "style", [], "any", false, false, false, 1295), "12px")) : ("12px"))) . " + ") . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1296
($context["arrowSettings"] ?? null), "space_to_slides", [], "any", false, true, false, 1296), "style", [], "any", true, true, false, 1296)) ? (_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, 1296), "style", [], "any", false, false, false, 1296), "12px")) : ("12px"))) . " + ") . ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 1297
($context["arrowSettings"] ?? null), "size", [], "any", false, true, false, 1297), "style", [], "any", true, true, false, 1297)) ? (_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, 1297), "style", [], "any", false, false, false, 1297), "20px")) : ("20px"))) . ")");
            // line 1299
            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, 1299), "height", [], "any", false, true, false, 1299), "style", [], "any", true, true, false, 1299)) ? (_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, 1299), "height", [], "any", false, true, false, 1299), "style", [], "any", false, false, false, 1299), "4px")) : ("4px"));
            // line 1300
            echo "
    ";
            // line 1302
            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, 1302), "style", [], "any", false, false, false, 1302);
            // line 1303
            echo "

    ";
            // line 1305
            if ((($context["isBuilder"] ?? null) == true)) {
                // line 1306
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper .swiper-slide{
            pointer-events: all;
        }
    ";
            }
            // line 1310
            echo "
    ";
            // line 1312
            echo "    ";
            // line 1317
            echo "
    ";
            // line 1318
            echo ($context["selector"] ?? null);
            echo " .breakdance-swiper-wrapper{
        --swiper-navigation-size: ";
            // line 1319
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "size", [], "any", false, false, false, 1319), "style", [], "any", false, false, false, 1319);
            echo ";
    }

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

    ";
            // line 1327
            echo ($context["selector"] ?? null);
            echo " .swiper-button-prev {
        left: ";
            // line 1328
            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, 1328), "style", [], "any", false, false, false, 1328);
            echo ";
    }

    ";
            // line 1331
            echo ($context["selector"] ?? null);
            echo " .swiper-button-next{
        right: ";
            // line 1332
            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, 1332), "style", [], "any", false, false, false, 1332);
            echo ";
    }

    ";
            // line 1335
            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, 1335), "previous", [], "any", false, false, false, 1335), "svgCode", [], "any", false, false, false, 1335)) {
                // line 1336
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-button-prev:after {
            content: '';
        }
    ";
            }
            // line 1340
            echo "
    ";
            // line 1341
            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, 1341), "next", [], "any", false, false, false, 1341), "svgCode", [], "any", false, false, false, 1341)) {
                // line 1342
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-button-next:after {
            content: '';
        }
    ";
            }
            // line 1346
            echo "
    ";
            // line 1347
            if ((($context["areArrowsOutside"] ?? null) && ($context["anyArrowSpacingIsSet"] ?? null))) {
                // line 1348
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-swiper-wrapper{
            padding: 0 ";
                // line 1349
                echo ($context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] ?? null);
                echo ";
        }
    ";
            } elseif (((            // line 1351
($context["areArrowsOutside"] ?? null) == false) || (twig_get_attribute($this->env, $this->source, ($context["arrowSettings"] ?? null), "disable", [], "any", false, false, false, 1351) == true))) {
                // line 1352
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-swiper-wrapper{
            padding: 0;
        }
    ";
            }
            // line 1356
            echo "
    ";
            // line 1358
            echo "    ";
            echo ($context["selector"] ?? null);
            echo " .swiper-pagination,
    ";
            // line 1359
            echo ($context["selector"] ?? null);
            echo " .swiper-pagination-bullet{
        color: ";
            // line 1360
            echo twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "color", [], "any", false, false, false, 1360);
            echo ";
        --swiper-pagination-color: ";
            // line 1361
            echo twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "color", [], "any", false, false, false, 1361);
            echo ";
        --swiper-theme-color: ";
            // line 1362
            echo twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "color", [], "any", false, false, false, 1362);
            echo ";
    }

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

        ";
                // line 1369
                if (((twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1369) == "progressbar") && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1369), "position", [], "any", false, false, false, 1369) == "top"))) {
                    // line 1370
                    echo "            margin-top: ";
                    echo ((array_key_exists("paginationMargin", $context)) ? (_twig_default_filter(($context["paginationMargin"] ?? null), "0px")) : ("0px"));
                    echo ";
        ";
                } else {
                    // line 1372
                    echo "            margin-bottom: ";
                    echo ($context["paginationMargin"] ?? null);
                    echo ";
        ";
                }
                // line 1374
                echo "        }
    ";
            } else {
                // line 1376
                echo "        ";
                if ((twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1376) == "progressbar")) {
                    // line 1377
                    echo "            ";
                    echo ($context["selector"] ?? null);
                    echo " .swiper-pagination {
            position: absolute;
            margin: 0;
            }

            ";
                    // line 1382
                    echo ($context["selector"] ?? null);
                    echo " .breakdance-swiper-wrapper {
            ";
                    // line 1383
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1383), "position", [], "any", false, false, false, 1383) == "top")) {
                        // line 1384
                        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 1386
                        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 1388
                    echo "            }
        ";
                } else {
                    // line 1390
                    echo "            ";
                    echo ($context["selector"] ?? null);
                    echo " .swiper-pagination {
            margin-top: ";
                    // line 1391
                    echo ($context["paginationMargin"] ?? null);
                    echo ";
            }
        ";
                }
                // line 1394
                echo "    ";
            }
            // line 1395
            echo "

    ";
            // line 1397
            if (((twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1397) == "bullets") || (twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1397) == null))) {
                // line 1398
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-pagination-bullet{
            width: ";
                // line 1399
                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, 1399), "size", [], "any", false, false, false, 1399), "style", [], "any", false, false, false, 1399);
                echo ";
            height: ";
                // line 1400
                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, 1400), "size", [], "any", false, false, false, 1400), "style", [], "any", false, false, false, 1400);
                echo ";
            background-color: ";
                // line 1401
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "bullets", [], "any", false, false, false, 1401), "color", [], "any", false, false, false, 1401);
                echo ";
            border-radius: ";
                // line 1402
                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, 1402), "radius", [], "any", false, false, false, 1402), "style", [], "any", false, false, false, 1402);
                echo ";

            ";
                // line 1404
                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, 1404), "space_between", [], "any", false, false, false, 1404), "number", [], "any", false, false, false, 1404)) {
                    // line 1405
                    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, 1405), "space_between", [], "any", false, false, false, 1405), "number", [], "any", false, false, false, 1405) / 2);
                    echo "px !important;
            ";
                }
                // line 1407
                echo "        }
    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1408
($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1408) == "fraction")) {
                // line 1409
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-pagination-fraction{
            ";
                // line 1410
                echo twig_call_macro($macros["_self"], "macro_typography", [twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "fraction", [], "any", false, false, false, 1410), ($context["globalSettings"] ?? null)], 1410, $context, $this->getSourceContext());
                echo "
        }
    ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 1412
($context["paginationSettings"] ?? null), "type", [], "any", false, false, false, 1412) == "progressbar")) {
                // line 1413
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " .swiper-pagination-progressbar{
            background: ";
                // line 1414
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1414), "background", [], "any", false, false, false, 1414);
                echo ";

            ";
                // line 1416
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1416), "progress", [], "any", false, false, false, 1416) != null)) {
                    // line 1417
                    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, 1417), "progress", [], "any", false, false, false, 1417);
                    echo ";
            ";
                }
                // line 1419
                echo "
            ";
                // line 1420
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["paginationSettings"] ?? null), "progress_bar", [], "any", false, false, false, 1420), "position", [], "any", false, false, false, 1420) == "top")) {
                    // line 1421
                    echo "                top: 0;
                bottom: initial;
            ";
                } else {
                    // line 1424
                    echo "                top: initial;
                bottom: 0;
            ";
                }
                // line 1427
                echo "
            height: ";
                // line 1428
                echo ($context["progressbarHeight"] ?? null);
                echo ";

            ";
                // line 1431
                echo "            ";
                if ((($context["areArrowsOutside"] ?? null) && ($context["anyArrowSpacingIsSet"] ?? null))) {
                    // line 1432
                    echo "                width: calc(100% - ";
                    echo ($context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] ?? null);
                    echo " * 2);
                left: ";
                    // line 1433
                    echo ($context["spaceFromSlideToSliderEdgeWhenArrowsAreOutside"] ?? null);
                    echo ";
            ";
                } elseif (((twig_get_attribute($this->env, $this->source,                 // line 1434
($context["arrowSettings"] ?? null), "disable", [], "any", false, false, false, 1434) == true) || (($context["areArrowsOutside"] ?? null) == false))) {
                    // line 1435
                    echo "                width: 100%;
                left: 0;
            ";
                }
                // line 1438
                echo "        }
    ";
            }

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

    // line 1445
    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 1446
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "arrows", [], "any", false, false, false, 1446), "disable", [], "any", false, false, false, 1446) != true)) {
                // line 1447
                echo "        <div class=\"swiper-button-prev\">
            ";
                // line 1448
                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, 1448), "custom_icons", [], "any", false, false, false, 1448), "previous", [], "any", false, false, false, 1448), "svgCode", [], "any", false, false, false, 1448);
                echo "
        </div>
        <div class=\"swiper-button-next\">
            ";
                // line 1451
                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, 1451), "custom_icons", [], "any", false, false, false, 1451), "next", [], "any", false, false, false, 1451), "svgCode", [], "any", false, false, false, 1451);
                echo "
        </div>
    ";
            }
            // line 1454
            echo "
    ";
            // line 1455
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["sliderSettings"] ?? null), "pagination", [], "any", false, false, false, 1455), "type", [], "any", false, false, false, 1455) != "none")) {
                // line 1456
                echo "        <div class=\"swiper-pagination\"></div>
    ";
            }

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

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

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1464
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist {
    --transitionTime: ";
            // line 1465
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "transition_effect", [], "any", false, false, false, 1465), "style", [], "any", false, false, false, 1465);
            echo ";
    justify-content: ";
            // line 1466
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1466);
            echo ";
    gap: ";
            // line 1467
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "space_between", [], "any", false, false, false, 1467), "style", [], "any", false, false, false, 1467);
            echo ";
    margin-bottom: ";
            // line 1468
            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), "spacing", [], "any", false, false, false, 1468), "after_tabs", [], "any", false, false, false, 1468), "style", [], "any", false, false, false, 1468);
            echo ";
  }

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

    ";
                // line 1478
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist {
      gap: 0;
    }
  ";
            }
            // line 1482
            echo "
  ";
            // line 1483
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab-icon {
    ";
            // line 1484
            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, 1484), "tab", [], "any", false, false, false, 1484), ($context["globalSettings"] ?? null)], 1484, $context, $this->getSourceContext());
            echo "
    font-size: ";
            // line 1485
            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, 1485), "size", [], "any", false, false, false, 1485), "style", [], "any", false, false, false, 1485);
            echo ";
    ";
            // line 1486
            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, 1486), "nudge", [], "any", false, false, false, 1486), "nudge_x", [], "any", false, false, false, 1486) && 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, 1486), "nudge", [], "any", false, false, false, 1486), "nudge_y", [], "any", false, false, false, 1486))) {
                // line 1487
                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, 1487), "nudge", [], "any", false, false, false, 1487), "nudge_x", [], "any", false, false, false, 1487), "style", [], "any", false, false, false, 1487);
                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, 1487), "nudge", [], "any", false, false, false, 1487), "nudge_y", [], "any", false, false, false, 1487), "style", [], "any", false, false, false, 1487);
                echo ");
    ";
            }
            // line 1489
            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, 1489), "nudge", [], "any", false, false, false, 1489), "nudge_x", [], "any", false, false, false, 1489) && 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, 1489), "nudge", [], "any", false, false, false, 1489), "nudge_y", [], "any", false, false, false, 1489)))) {
                // line 1490
                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, 1490), "nudge", [], "any", false, false, false, 1490), "nudge_x", [], "any", false, false, false, 1490), "style", [], "any", false, false, false, 1490);
                echo ");
    ";
            }
            // line 1492
            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, 1492), "nudge", [], "any", false, false, false, 1492), "nudge_y", [], "any", false, false, false, 1492) && 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, 1492), "nudge", [], "any", false, false, false, 1492), "nudge_x", [], "any", false, false, false, 1492)))) {
                // line 1493
                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, 1493), "nudge", [], "any", false, false, false, 1493), "nudge_y", [], "any", false, false, false, 1493), "style", [], "any", false, false, false, 1493);
                echo ");
    ";
            }
            // line 1495
            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, 1495), "after_icon", [], "any", false, false, false, 1495), "style", [], "any", false, false, false, 1495);
            echo ";
  }

  ";
            // line 1498
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab-title {
     ";
            // line 1499
            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, 1499), "typography", [], "any", false, false, false, 1499), ($context["globalSettings"] ?? null)], 1499, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 1502
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tab {
    padding-left: ";
            // line 1503
            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, 1503), "horizontal", [], "any", false, false, false, 1503), "style", [], "any", false, false, false, 1503);
            echo ";
    padding-right:  ";
            // line 1504
            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, 1504), "horizontal", [], "any", false, false, false, 1504), "style", [], "any", false, false, false, 1504);
            echo ";
    padding-top: ";
            // line 1505
            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, 1505), "vertical", [], "any", false, false, false, 1505), "style", [], "any", false, false, false, 1505);
            echo ";
    padding-bottom: ";
            // line 1506
            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, 1506), "vertical", [], "any", false, false, false, 1506), "style", [], "any", false, false, false, 1506);
            echo ";
  }

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

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

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

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

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

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

  ";
            // line 1540
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs,
  ";
            // line 1541
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--default {
    --activeColor: ";
            // line 1542
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1542), "active", [], "any", false, false, false, 1542);
            echo ";
    --hoverColor: ";
            // line 1543
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1543), "hover", [], "any", false, false, false, 1543);
            echo ";
    --inactiveColor: ";
            // line 1544
            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, 1544), "typography", [], "any", false, false, false, 1544), "color", [], "any", false, false, false, 1544);
            echo ";

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

    --activeUnderlineColor: ";
            // line 1550
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, true, false, 1550), "active", [], "any", true, true, false, 1550)) ? (_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, 1550), "active", [], "any", false, false, false, 1550), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1550), "active", [], "any", false, false, false, 1550))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1550), "active", [], "any", false, false, false, 1550)));
            echo ";
    --hoverUnderlineColor: ";
            // line 1551
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "underline", [], "any", false, false, false, 1551), "hover", [], "any", false, false, false, 1551);
            echo ";

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

  ";
            // line 1556
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs,
  ";
            // line 1557
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--default {
    border-bottom-width: ";
            // line 1558
            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, 1558), "width", [], "any", false, false, false, 1558), "style", [], "any", false, false, false, 1558);
            echo ";
  }

  ";
            // line 1561
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs .bde-tabs__tab::after {
    height: ";
            // line 1562
            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, 1562), "width", [], "any", false, false, false, 1562), "style", [], "any", false, false, false, 1562);
            echo ";
  }

  ";
            // line 1565
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs .bde-tabs__tab.is-active::after,
  ";
            // line 1566
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--tabs .bde-tabs__tab.is-active:hover::after,
  ";
            // line 1567
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--default .bde-tabs__tab.is-active::after,
  ";
            // line 1568
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--default .bde-tabs__tab.is-active:hover::after,
  ";
            // line 1569
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar .bde-tabs__tab.is-active::after,
  ";
            // line 1570
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar .bde-tabs__tab.is-active:hover::after{
      background-color: var(--activeUnderlineColor, --activeColor);
  }

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

  ";
            // line 1579
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--pills {
    --activeColor: ";
            // line 1580
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1580), "active", [], "any", false, false, false, 1580);
            echo ";
    --hoverColor: ";
            // line 1581
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1581), "hover", [], "any", false, false, false, 1581);
            echo ";
    --inactiveColor: ";
            // line 1582
            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, 1582), "typography", [], "any", false, false, false, 1582), "color", [], "any", false, false, false, 1582);
            echo ";

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

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

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

  ";
            // line 1598
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar {
    --activeColor: ";
            // line 1599
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1599), "active", [], "any", false, false, false, 1599);
            echo ";
    --hoverColor: ";
            // line 1600
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "text", [], "any", false, false, false, 1600), "hover", [], "any", false, false, false, 1600);
            echo ";
    --inactiveColor: ";
            // line 1601
            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, 1601), "typography", [], "any", false, false, false, 1601), "color", [], "any", false, false, false, 1601);
            echo ";

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

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

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

  ";
            // line 1613
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar {
    border-radius: ";
            // line 1614
            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, 1614), "radius", [], "any", false, false, false, 1614), "style", [], "any", false, false, false, 1614);
            echo ";
    box-shadow: ";
            // line 1615
            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, 1615), "shadow", [], "any", false, false, false, 1615), "style", [], "any", false, false, false, 1615);
            echo ";
    align-self: ";
            // line 1616
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1616);
            echo ";
    justify-content: unset;

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

  ";
            // line 1625
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist--bar .bde-tabs__tab::after {
    height: ";
            // line 1626
            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, 1626), "width", [], "any", false, false, false, 1626), "style", [], "any", false, false, false, 1626);
            echo ";
  }

  ";
            // line 1629
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__tabslist-container {
    justify-content: ";
            // line 1630
            echo twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "position", [], "any", false, false, false, 1630);
            echo ";
  }

  ";
            // line 1634
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .bde-tabs__select {
    background-color: ";
            // line 1635
            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, 1635), "dropdown_styles", [], "any", false, false, false, 1635), "background", [], "any", false, false, false, 1635);
            echo ";
    ";
            // line 1636
            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, 1636), "dropdown_styles", [], "any", false, false, false, 1636), "borders", [], "any", false, false, false, 1636)], 1636, $context, $this->getSourceContext());
            echo "
    ";
            // line 1637
            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, 1637), "dropdown_styles", [], "any", false, false, false, 1637), "padding", [], "any", false, false, false, 1637)], 1637, $context, $this->getSourceContext());
            echo "
    ";
            // line 1638
            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, 1638), "dropdown_styles", [], "any", false, false, false, 1638), "typography", [], "any", false, false, false, 1638), ($context["globalSettings"] ?? null)], 1638, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 1641
            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, 1641), "visible_at", [], "any", true, true, false, 1641)) ? (_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, 1641), "visible_at", [], "any", false, false, false, 1641), "breakpoint_phone_landscape")) : ("breakpoint_phone_landscape")))) {
                // line 1642
                echo "
    ";
                // line 1643
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__select {
      display: block !important;
    }

    ";
                // line 1647
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist-container--dropdown .bde-tabs__tabslist {
      display: none !important;
    }
  ";
            }
            // line 1651
            echo "
  ";
            // line 1653
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1653), "show_affordance", [], "any", false, false, false, 1653)) {
                // line 1654
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .bde-tabs__tabslist-container--scrollable::after {
      display: block;
      ";
                // line 1656
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1656), "affordance_color", [], "any", false, false, false, 1656)) {
                    // line 1657
                    echo "        background-image: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          ";
                    // line 1660
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "responsive", [], "any", false, false, false, 1660), "affordance_color", [], "any", false, false, false, 1660);
                    echo " 100%
        );
      ";
                }
                // line 1663
                echo "    }
  ";
            }
            // line 1665
            echo "

";

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

    // line 1669
    public function macro_atomV1TabsHtml($__id__ = null, $__tabs__ = null, $__style__ = null, $__hasDropdown__ = null, $__allEnabled__ = null, $__allLabel__ = null, ...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "id" => $__id__,
            "tabs" => $__tabs__,
            "style" => $__style__,
            "hasDropdown" => $__hasDropdown__,
            "allEnabled" => $__allEnabled__,
            "allLabel" => $__allLabel__,
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 1670
            echo "
  ";
            // line 1671
            if (($context["hasDropdown"] ?? null)) {
                // line 1672
                echo "    <select class=\"bde-tabs__select js-tab-select\">
      ";
                // line 1673
                if (($context["allEnabled"] ?? null)) {
                    // line 1674
                    echo "        <option value=\"all\">";
                    echo ($context["allLabel"] ?? null);
                    echo "</option>
      ";
                }
                // line 1676
                echo "
      ";
                // line 1677
                $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 1678
                    echo "        <option value=\"tab-";
                    echo ($context["id"] ?? null);
                    echo "-";
                    echo twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1678);
                    echo "\">
          ";
                    // line 1679
                    echo twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 1679);
                    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 1682
                echo "    </select>
  ";
            }
            // line 1684
            echo "
  <div class=\"bde-tabs__tabslist-container bde-tabs__tabslist-container--";
            // line 1685
            echo ((($context["hasDropdown"] ?? null)) ? ("dropdown") : ("scrollable"));
            echo "\">
    <div class=\"bde-tabs__tabslist bde-tabs__tabslist--";
            // line 1686
            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=\"horizontal\" data-tabs-id=\"";
            echo ($context["id"] ?? null);
            echo "\">
      ";
            // line 1687
            if (($context["allEnabled"] ?? null)) {
                // line 1688
                echo "        <div 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 1689
                echo ($context["allLabel"] ?? null);
                echo "</span>
        </div>
      ";
            }
            // line 1692
            echo "
      ";
            // line 1693
            $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 1694
                echo "        <div 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, 1694);
                echo "\" id=\"tab-";
                echo ($context["id"] ?? null);
                echo "-";
                echo twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1694);
                echo "\">
          ";
                // line 1695
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "icon", [], "any", false, false, false, 1695), "svgCode", [], "any", false, false, false, 1695)) {
                    // line 1696
                    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, 1696), "svgCode", [], "any", false, false, false, 1696);
                    echo "</span>
          ";
                }
                // line 1698
                echo "          <span class=\"bde-tabs__tab-title\">";
                echo (((twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", true, true, false, 1698) &&  !(null === twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 1698)))) ? (twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 1698)) : ("New Tab"));
                echo "</span>
        </div>
      ";
                ++$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 1701
            echo "    </div>
  </div>
";

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

    // line 1706
    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 1707
            echo "    background-color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["background"] ?? null), "color", [], "any", false, false, false, 1707);
            echo ";
    background-clip: ";
            // line 1708
            echo twig_get_attribute($this->env, $this->source, ($context["background"] ?? null), "clip", [], "any", false, false, false, 1708);
            echo ";

    ";
            // line 1710
            $context["image"] = "";
            // line 1711
            echo "    ";
            $context["size"] = "";
            // line 1712
            echo "    ";
            $context["position"] = "";
            // line 1713
            echo "    ";
            $context["repeat"] = "";
            // line 1714
            echo "    ";
            $context["attachment"] = "";
            // line 1715
            echo "    ";
            $context["blendmode"] = "";
            // line 1716
            echo "
    ";
            // line 1717
            $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, 1717)));
            foreach ($context['_seq'] as $context["_key"] => $context["layer"]) {
                // line 1718
                echo "
        ";
                // line 1719
                if (((twig_get_attribute($this->env, $this->source, $context["layer"], "type", [], "any", false, false, false, 1719) == "image") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "image", [], "any", false, false, false, 1719), "url", [], "any", false, false, false, 1719))) {
                    // line 1720
                    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, 1720), "url", [], "any", false, false, false, 1720)) . ")");
                    // line 1721
                    echo "
            ";
                    // line 1722
                    if ((twig_get_attribute($this->env, $this->source, $context["layer"], "size", [], "any", false, false, false, 1722) == "custom")) {
                        // line 1723
                        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, 1723), "style", [], "any", true, true, false, 1723)) ? (_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, 1723), "style", [], "any", false, false, false, 1723), "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, 1723), "style", [], "any", true, true, false, 1723)) ? (_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, 1723), "style", [], "any", false, false, false, 1723), "auto")) : ("auto")));
                        // line 1724
                        echo "            ";
                    } elseif (twig_get_attribute($this->env, $this->source, $context["layer"], "size", [], "any", false, false, false, 1724)) {
                        // line 1725
                        echo "                ";
                        $context["tempSize"] = twig_get_attribute($this->env, $this->source, $context["layer"], "size", [], "any", false, false, false, 1725);
                        // line 1726
                        echo "            ";
                    }
                    // line 1727
                    echo "
            ";
                    // line 1728
                    if ((twig_get_attribute($this->env, $this->source, $context["layer"], "position", [], "any", false, false, false, 1728) == "custom")) {
                        // line 1729
                        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, 1729), "style", [], "any", true, true, false, 1729)) ? (_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, 1729), "style", [], "any", false, false, false, 1729), "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, 1729), "style", [], "any", true, true, false, 1729)) ? (_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, 1729), "style", [], "any", false, false, false, 1729), "0%")) : ("0%")));
                        // line 1730
                        echo "            ";
                    } elseif (twig_get_attribute($this->env, $this->source, $context["layer"], "position", [], "any", false, false, false, 1730)) {
                        // line 1731
                        echo "                ";
                        $context["tempPosition"] = twig_get_attribute($this->env, $this->source, $context["layer"], "position", [], "any", false, false, false, 1731);
                        // line 1732
                        echo "            ";
                    }
                    // line 1733
                    echo "
            ";
                    // line 1734
                    if (twig_get_attribute($this->env, $this->source, $context["layer"], "repeat", [], "any", false, false, false, 1734)) {
                        // line 1735
                        echo "                ";
                        $context["addComma"] = ((($context["repeat"] ?? null)) ? (", ") : (""));
                        // line 1736
                        echo "                ";
                        $context["repeat"] = ((($context["repeat"] ?? null) . ($context["addComma"] ?? null)) . twig_get_attribute($this->env, $this->source, $context["layer"], "repeat", [], "any", false, false, false, 1736));
                        // line 1737
                        echo "            ";
                    }
                    // line 1738
                    echo "
            ";
                    // line 1739
                    if (twig_get_attribute($this->env, $this->source, $context["layer"], "attachment", [], "any", false, false, false, 1739)) {
                        // line 1740
                        echo "                ";
                        $context["addComma"] = ((($context["attachment"] ?? null)) ? (", ") : (""));
                        // line 1741
                        echo "                ";
                        $context["attachment"] = ((($context["attachment"] ?? null) . ($context["addComma"] ?? null)) . twig_get_attribute($this->env, $this->source, $context["layer"], "attachment", [], "any", false, false, false, 1741));
                        // line 1742
                        echo "            ";
                    }
                    // line 1743
                    echo "
        ";
                } elseif (((twig_get_attribute($this->env, $this->source,                 // line 1744
$context["layer"], "type", [], "any", false, false, false, 1744) == "gradient") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "gradient", [], "any", false, false, false, 1744), "style", [], "any", false, false, false, 1744))) {
                    // line 1745
                    echo "            ";
                    $context["tempImage"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["layer"], "gradient", [], "any", false, false, false, 1745), "style", [], "any", false, false, false, 1745);
                    // line 1746
                    echo "        ";
                } elseif (((twig_get_attribute($this->env, $this->source, $context["layer"], "type", [], "any", false, false, false, 1746) == "overlay_color") && twig_get_attribute($this->env, $this->source, $context["layer"], "overlay_color", [], "any", false, false, false, 1746))) {
                    // line 1747
                    echo "            ";
                    $context["tempImage"] = (((("linear-gradient(" . twig_get_attribute($this->env, $this->source, $context["layer"], "overlay_color", [], "any", false, false, false, 1747)) . ", ") . twig_get_attribute($this->env, $this->source, $context["layer"], "overlay_color", [], "any", false, false, false, 1747)) . ")");
                    // line 1748
                    echo "        ";
                }
                // line 1749
                echo "
        ";
                // line 1750
                if (twig_get_attribute($this->env, $this->source, $context["layer"], "blend", [], "any", false, false, false, 1750)) {
                    // line 1751
                    echo "            ";
                    $context["addComma"] = ((($context["blendmode"] ?? null)) ? (", ") : (""));
                    // line 1752
                    echo "            ";
                    $context["blendmode"] = ((($context["blendmode"] ?? null) . ($context["addComma"] ?? null)) . twig_get_attribute($this->env, $this->source, $context["layer"], "blend", [], "any", false, false, false, 1752));
                    // line 1753
                    echo "        ";
                }
                // line 1754
                echo "
        ";
                // line 1755
                if (($context["tempImage"] ?? null)) {
                    // line 1756
                    echo "            ";
                    $context["addComma"] = ((($context["image"] ?? null)) ? (", ") : (""));
                    // line 1757
                    echo "            ";
                    $context["image"] = ((($context["image"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempImage"] ?? null));
                    // line 1758
                    echo "        ";
                }
                // line 1759
                echo "
        ";
                // line 1760
                if (($context["tempSize"] ?? null)) {
                    // line 1761
                    echo "            ";
                    $context["addComma"] = ((($context["size"] ?? null)) ? (", ") : (""));
                    // line 1762
                    echo "            ";
                    $context["size"] = ((($context["size"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempSize"] ?? null));
                    // line 1763
                    echo "        ";
                }
                // line 1764
                echo "
        ";
                // line 1765
                if (($context["tempPosition"] ?? null)) {
                    // line 1766
                    echo "            ";
                    $context["addComma"] = ((($context["position"] ?? null)) ? (", ") : (""));
                    // line 1767
                    echo "            ";
                    $context["position"] = ((($context["position"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempPosition"] ?? null));
                    // line 1768
                    echo "        ";
                }
                // line 1769
                echo "
        ";
                // line 1770
                if (($context["tempRepeat"] ?? null)) {
                    // line 1771
                    echo "            ";
                    $context["addComma"] = ((($context["repeat"] ?? null)) ? (", ") : (""));
                    // line 1772
                    echo "            ";
                    $context["repeat"] = ((($context["repeat"] ?? null) . ($context["addComma"] ?? null)) . ($context["tempRepeat"] ?? null));
                    // line 1773
                    echo "        ";
                }
                // line 1774
                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 1776
            echo "
    ";
            // line 1777
            if (($context["image"] ?? null)) {
                // line 1778
                echo "        background-image: ";
                echo ($context["image"] ?? null);
                echo ";
    ";
            }
            // line 1780
            echo "
    ";
            // line 1781
            if (($context["size"] ?? null)) {
                // line 1782
                echo "        background-size: ";
                echo ($context["size"] ?? null);
                echo ";
    ";
            }
            // line 1784
            echo "
    ";
            // line 1785
            if (($context["position"] ?? null)) {
                // line 1786
                echo "        background-position: ";
                echo ($context["position"] ?? null);
                echo ";
    ";
            }
            // line 1788
            echo "
    ";
            // line 1789
            if (($context["repeat"] ?? null)) {
                // line 1790
                echo "        background-repeat: ";
                echo ($context["repeat"] ?? null);
                echo ";
    ";
            }
            // line 1792
            echo "
    ";
            // line 1793
            if (($context["attachment"] ?? null)) {
                // line 1794
                echo "        background-attachment: ";
                echo ($context["attachment"] ?? null);
                echo ";
    ";
            }
            // line 1796
            echo "
    ";
            // line 1797
            if (($context["blendmode"] ?? null)) {
                // line 1798
                echo "        background-blend-mode: ";
                echo ($context["blendmode"] ?? null);
                echo ";
    ";
            }
            // line 1800
            echo "

";

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

    // line 1807
    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 1808
            echo "
    ";
            // line 1809
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["borders"] ?? null));
            foreach ($context['_seq'] as $context["position"] => $context["border"]) {
                // line 1810
                echo "        ";
                if (twig_get_attribute($this->env, $this->source, $context["border"], "width", [], "any", true, true, false, 1810)) {
                    // line 1811
                    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, 1811), "style", [], "any", false, false, false, 1811);
                    echo " ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", true, true, false, 1811)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", false, false, false, 1811), "solid")) : ("solid"));
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, $context["border"], "color", [], "any", false, false, false, 1811);
                    echo ";
        ";
                }
                // line 1813
                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 1814
            echo "
";

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

    // line 1817
    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 1818
            echo "
    ";
            // line 1819
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["borders"] ?? null));
            foreach ($context['_seq'] as $context["position"] => $context["border"]) {
                // line 1820
                echo "        ";
                if (twig_get_attribute($this->env, $this->source, $context["border"], "width", [], "any", true, true, false, 1820)) {
                    // line 1821
                    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, 1821), "style", [], "any", false, false, false, 1821);
                    echo " ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", true, true, false, 1821)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["border"], "style", [], "any", false, false, false, 1821), "solid")) : ("solid"));
                    echo " ";
                    echo twig_get_attribute($this->env, $this->source, $context["border"], "color", [], "any", false, false, false, 1821);
                    echo ";
        ";
                }
                // line 1823
                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 1825
            echo "
";

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

    // line 1832
    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 1833
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "editMode", [], "any", false, false, false, 1833) == "custom")) {
                // line 1834
                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, 1834), "style", [], "any", false, false, false, 1834);
                echo ";
        border-top-right-radius: ";
                // line 1835
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, false, false, 1835), "style", [], "any", false, false, false, 1835);
                echo ";
        border-bottom-left-radius: ";
                // line 1836
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, false, false, 1836), "style", [], "any", false, false, false, 1836);
                echo ";
        border-bottom-right-radius: ";
                // line 1837
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, false, false, 1837), "style", [], "any", false, false, false, 1837);
                echo ";
    ";
            } else {
                // line 1839
                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, 1839), "style", [], "any", false, false, false, 1839);
                echo ";
    ";
            }

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

    // line 1843
    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 1844
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "editMode", [], "any", false, false, false, 1844) == "custom")) {
                // line 1845
                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, 1845), "style", [], "any", false, false, false, 1845);
                echo ";
        --bde-form-input-border-top-right-radius: ";
                // line 1846
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, false, false, 1846), "style", [], "any", false, false, false, 1846);
                echo ";
        --bde-form-input-border-bottom-left-radius: ";
                // line 1847
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, false, false, 1847), "style", [], "any", false, false, false, 1847);
                echo ";
        --bde-form-input-border-bottom-right-radius: ";
                // line 1848
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, false, false, 1848), "style", [], "any", false, false, false, 1848);
                echo ";
    ";
            } else {
                // line 1850
                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, 1850), "style", [], "any", false, false, false, 1850);
                echo ";
    ";
            }

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

    // line 1855
    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 1856
            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, 1856)], 1856, $context, $this->getSourceContext());
            echo "
    ";
            // line 1857
            echo twig_call_macro($macros["_self"], "macro_border_radius", [twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "radius", [], "any", false, false, false, 1857)], 1857, $context, $this->getSourceContext());
            echo "
    box-shadow: ";
            // line 1858
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "shadow", [], "any", false, false, false, 1858), "style", [], "any", false, false, false, 1858);
            echo ";
";

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

    // line 1862
    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 1863
            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, 1863)], 1863, $context, $this->getSourceContext());
            echo "
    ";
            // line 1864
            echo twig_call_macro($macros["_self"], "macro_border_radius", [twig_get_attribute($this->env, $this->source, ($context["properties"] ?? null), "radius", [], "any", false, false, false, 1864)], 1864, $context, $this->getSourceContext());
            echo "
";

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

    // line 1868
    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 1869
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_background", [($context["_background"] ?? null)], 1869, $context, $this->getSourceContext());
            echo "
    ";
            // line 1870
            echo twig_call_macro($macros["_self"], "macro_layout", [($context["_layout"] ?? null)], 1870, $context, $this->getSourceContext());
            echo "
    ";
            // line 1871
            echo twig_call_macro($macros["_self"], "macro_size", [($context["_size"] ?? null)], 1871, $context, $this->getSourceContext());
            echo "
    ";
            // line 1872
            echo twig_call_macro($macros["_self"], "macro_typography", [($context["_typography"] ?? null), ($context["globalSettings"] ?? null)], 1872, $context, $this->getSourceContext());
            echo "
    ";
            // line 1873
            echo twig_call_macro($macros["_self"], "macro_spacing_all", [($context["_spacing"] ?? null)], 1873, $context, $this->getSourceContext());
            echo "
    ";
            // line 1874
            echo twig_call_macro($macros["_self"], "macro_borders_without_shadows", [($context["_borders"] ?? null)], 1874, $context, $this->getSourceContext());
            echo "
    ";
            // line 1875
            echo twig_call_macro($macros["_self"], "macro_effects", [($context["_effects"] ?? null)], 1875, $context, $this->getSourceContext());
            echo "
";

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

    // line 1880
    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 1881
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", true, true, false, 1881)) {
                // line 1882
                echo "    background: ";
                echo twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", false, false, false, 1882);
                echo ";
  ";
            } else {
                // line 1884
                echo "    background-color: ";
                echo ($context["color"] ?? null);
                echo ";
  ";
            }

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

    // line 1889
    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 1890
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", true, true, false, 1890)) {
                // line 1891
                echo "    background: ";
                echo twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", false, false, false, 1891);
                echo ";
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  ";
            } else {
                // line 1897
                echo "    color: ";
                echo ($context["color"] ?? null);
                echo ";
  ";
            }

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

    // line 1903
    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 1904
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", true, true, false, 1904)) {
                // line 1905
                echo "    border-image: ";
                echo twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "value", [], "any", false, false, false, 1905);
                echo ";
    border-image-slice: 1;
  ";
            } else {
                // line 1908
                echo "    border-color: ";
                echo ($context["color"] ?? null);
                echo ";
  ";
            }

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

    // line 1914
    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 1915
            echo "    ";
            $context["url"] = (("url(#" . ($context["id"] ?? null)) . ")");
            // line 1916
            echo "    ";
            $context["fill"] = ((((twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "type", [], "any", false, false, false, 1916) == "radial") || (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "type", [], "any", false, false, false, 1916) == "linear"))) ? (($context["url"] ?? null)) : (($context["color"] ?? null)));
            // line 1917
            echo "
    ";
            // line 1918
            echo ($context["fill"] ?? null);
            echo "
";

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

    // line 1921
    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 1922
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "svgValue", [], "any", false, false, false, 1922)) {
                // line 1923
                echo "    ";
                echo twig_replace_filter(twig_get_attribute($this->env, $this->source, ($context["color"] ?? null), "svgValue", [], "any", false, false, false, 1923), ["%%GRADIENTID%%" => ($context["id"] ?? null)]);
                echo "
  ";
            }

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

    // line 1928
    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 1929
            echo twig_get_attribute($this->env, $this->source, ($context["css"] ?? null), "css", [], "any", false, false, false, 1929);
            echo "
";

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

    // line 1933
    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 1934
            echo "    ";
            if (($context["selector"] ?? null)) {
                // line 1935
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " {
    ";
            }
            // line 1937
            echo "        opacity: ";
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "opacity", [], "any", false, false, false, 1937);
            echo ";
        box-shadow: ";
            // line 1938
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "box_shadow", [], "any", false, false, false, 1938), "style", [], "any", false, false, false, 1938);
            echo ";
        mix-blend-mode: ";
            // line 1939
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "mix_blend_mode", [], "any", false, false, false, 1939);
            echo ";
        transition:
        ";
            // line 1941
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transition", [], "any", false, false, false, 1941));
            $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 1942
                echo "            ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 1942), "style", [], "any", true, true, false, 1942)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 1942), "style", [], "any", false, false, false, 1942), "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, 1942);
                echo " ";
                if ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 1942) == "all")) {
                    echo "all";
                } elseif ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 1942) == "custom")) {
                    echo twig_get_attribute($this->env, $this->source, $context["transition"], "custom_property", [], "any", false, false, false, 1942);
                }
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "delay", [], "any", false, false, false, 1942), "style", [], "any", false, false, false, 1942);
                echo " ";
                if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 1942)) {
                    echo ", ";
                }
                // line 1943
                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 1946
            $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, 1946), "transforms", [], "any", false, false, false, 1946));
            foreach ($context['_seq'] as $context["_key"] => $context["transform"]) {
                // line 1947
                echo "
            ";
                // line 1948
                if ((twig_get_attribute($this->env, $this->source, $context["transform"], "type", [], "any", false, false, false, 1948) == "skew")) {
                    // line 1949
                    echo "
                ";
                    // line 1950
                    $context["skewx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 1950), "style", [], "any", false, false, false, 1950);
                    // line 1951
                    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, 1951), "style", [], "any", false, false, false, 1951);
                    // line 1952
                    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 1953
                        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, 1953), "style", [], "any", false, false, false, 1953);
                        echo " , ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 1953), "style", [], "any", false, false, false, 1953);
                        echo ")
                ";
                    } elseif ((                    // line 1954
($context["skewx"] ?? null) || (($context["skewx"] ?? null) == "0"))) {
                        // line 1955
                        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, 1955), "style", [], "any", false, false, false, 1955);
                        echo ")
                ";
                    } elseif ((                    // line 1956
($context["skewy"] ?? null) || (($context["skewy"] ?? null) == "0"))) {
                        // line 1957
                        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, 1957), "style", [], "any", false, false, false, 1957);
                        echo ")
                ";
                    }
                    // line 1959
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1960
$context["transform"], "type", [], "any", false, false, false, 1960) == "translate")) {
                    // line 1961
                    echo "
                ";
                    // line 1962
                    $context["tx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_x", [], "any", false, false, false, 1962), "style", [], "any", false, false, false, 1962);
                    // line 1963
                    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, 1963), "style", [], "any", false, false, false, 1963);
                    // line 1964
                    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, 1964), "style", [], "any", false, false, false, 1964);
                    // line 1965
                    echo "                ";
                    if ((($context["tz"] ?? null) || (($context["tz"] ?? null) == "0"))) {
                        // line 1966
                        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 1967
($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 1968
                        echo "                    translate( ";
                        echo ($context["tx"] ?? null);
                        echo ", ";
                        echo ($context["ty"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 1969
($context["tx"] ?? null) || (($context["tx"] ?? null) == "0"))) {
                        // line 1970
                        echo "                    translateX( ";
                        echo ($context["tx"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 1971
($context["ty"] ?? null) || (($context["ty"] ?? null) == "0"))) {
                        // line 1972
                        echo "                    translateY( ";
                        echo ($context["ty"] ?? null);
                        echo " )
                ";
                    }
                    // line 1974
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1975
$context["transform"], "type", [], "any", false, false, false, 1975) == "rotate")) {
                    // line 1976
                    echo "
                ";
                    // line 1977
                    $context["rx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_x", [], "any", false, false, false, 1977), "style", [], "any", false, false, false, 1977);
                    // line 1978
                    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, 1978), "style", [], "any", false, false, false, 1978);
                    // line 1979
                    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, 1979), "style", [], "any", false, false, false, 1979);
                    // line 1980
                    echo "                ";
                    if ((($context["rx"] ?? null) || (($context["rx"] ?? null) == "0"))) {
                        echo "rotateX( ";
                        echo ($context["rx"] ?? null);
                        echo " ) ";
                    }
                    // line 1981
                    echo "                ";
                    if ((($context["ry"] ?? null) || (($context["ry"] ?? null) == "0"))) {
                        echo "rotateY( ";
                        echo ($context["ry"] ?? null);
                        echo " ) ";
                    }
                    // line 1982
                    echo "                ";
                    if ((($context["rz"] ?? null) || (($context["rz"] ?? null) == "0"))) {
                        echo "rotateZ( ";
                        echo ($context["rz"] ?? null);
                        echo " ) ";
                    }
                    // line 1983
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1984
$context["transform"], "type", [], "any", false, false, false, 1984) == "perspective")) {
                    // line 1985
                    echo "
            ";
                    // line 1986
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 1986), "style", [], "any", false, false, false, 1986)) {
                        // line 1987
                        echo "                perspective(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 1987), "style", [], "any", false, false, false, 1987);
                        echo ")
            ";
                    }
                    // line 1989
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1990
$context["transform"], "type", [], "any", false, false, false, 1990) == "rotate3d")) {
                    // line 1991
                    echo "
                rotate3d( ";
                    // line 1992
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", true, true, false, 1992)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", false, false, false, 1992), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", true, true, false, 1992)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", false, false, false, 1992), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", true, true, false, 1992)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", false, false, false, 1992), "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, 1992), "style", [], "any", true, true, false, 1992)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "angle", [], "any", false, true, false, 1992), "style", [], "any", false, false, false, 1992), "0")) : ("0"));
                    echo " )

            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1994
$context["transform"], "type", [], "any", false, false, false, 1994) == "scale")) {
                    // line 1995
                    echo "
                ";
                    // line 1996
                    $context["scale"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale", [], "any", false, false, false, 1996);
                    // line 1997
                    echo "                ";
                    if ((($context["scale"] ?? null) || (($context["scale"] ?? null) == "0"))) {
                        // line 1998
                        echo "                    scale( ";
                        echo ($context["scale"] ?? null);
                        echo " )
                ";
                    }
                    // line 2000
                    echo "
            ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2001
$context["transform"], "type", [], "any", false, false, false, 2001) == "scale3d")) {
                    // line 2002
                    echo "
                ";
                    // line 2003
                    $context["sx"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_x", [], "any", false, false, false, 2003);
                    // line 2004
                    echo "                ";
                    $context["sy"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_y", [], "any", false, false, false, 2004);
                    // line 2005
                    echo "                ";
                    $context["sz"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_z", [], "any", false, false, false, 2005);
                    // line 2006
                    echo "                ";
                    if ((($context["sz"] ?? null) || (($context["sz"] ?? null) == "0"))) {
                        // line 2007
                        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 2008
($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 2009
                        echo "                    scale( ";
                        echo ($context["sx"] ?? null);
                        echo ", ";
                        echo ($context["sy"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 2010
($context["sx"] ?? null) || (($context["sx"] ?? null) == "0"))) {
                        // line 2011
                        echo "                    scaleX( ";
                        echo ($context["sx"] ?? null);
                        echo " )
                ";
                    } elseif ((                    // line 2012
($context["sy"] ?? null) || (($context["sy"] ?? null) == "0"))) {
                        // line 2013
                        echo "                    scaleY( ";
                        echo ($context["sy"] ?? null);
                        echo " )
                ";
                    }
                    // line 2015
                    echo "
            ";
                }
                // line 2017
                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 2018
            echo ";

        ";
            // line 2020
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2020), "origin", [], "any", false, false, false, 2020) == "custom")) {
                // line 2021
                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, 2021), "origin_position", [], "any", false, false, false, 2021), "x", [], "any", false, false, false, 2021);
                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, 2021), "origin_position", [], "any", false, false, false, 2021), "y", [], "any", false, false, false, 2021);
                echo "%;
        ";
            } else {
                // line 2023
                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, 2023), "origin", [], "any", false, false, false, 2023);
                echo ";
        ";
            }
            // line 2025
            echo "
        perspective: ";
            // line 2026
            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, 2026), "perspective", [], "any", false, false, false, 2026), "style", [], "any", false, false, false, 2026);
            echo ";

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

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

    // line 2035
    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 2036
            echo "    ";
            if (($context["selector"] ?? null)) {
                // line 2037
                echo "        ";
                echo ($context["selector"] ?? null);
                echo " {
    ";
            }
            // line 2039
            echo "    opacity:";
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "opacity_hover", [], "any", false, false, false, 2039);
            echo ";
    box-shadow: ";
            // line 2040
            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, 2040), "style", [], "any", false, false, false, 2040);
            echo ";
    mix-blend-mode: ";
            // line 2041
            echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "mix_blend_mode_hover", [], "any", false, false, false, 2041);
            echo ";
    transition:
    ";
            // line 2043
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transition_hover", [], "any", false, false, false, 2043));
            $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 2044
                echo "        ";
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 2044), "style", [], "any", true, true, false, 2044)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "duration", [], "any", false, true, false, 2044), "style", [], "any", false, false, false, 2044), "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, 2044);
                echo " ";
                if ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 2044) == "all")) {
                    echo "all";
                } elseif ((twig_get_attribute($this->env, $this->source, $context["transition"], "property", [], "any", false, false, false, 2044) == "custom")) {
                    echo twig_get_attribute($this->env, $this->source, $context["transition"], "custom_property", [], "any", false, false, false, 2044);
                }
                echo " ";
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transition"], "delay", [], "any", false, false, false, 2044), "style", [], "any", false, false, false, 2044);
                echo " ";
                if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 2044)) {
                    echo ", ";
                }
                // line 2045
                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 2048
            $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, 2048), "transforms_hover", [], "any", false, false, false, 2048));
            foreach ($context['_seq'] as $context["_key"] => $context["transform"]) {
                // line 2049
                echo "        ";
                if ((twig_get_attribute($this->env, $this->source, $context["transform"], "type", [], "any", false, false, false, 2049) == "skew")) {
                    // line 2050
                    echo "
            ";
                    // line 2051
                    $context["skewx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_x", [], "any", false, false, false, 2051), "style", [], "any", false, false, false, 2051);
                    // line 2052
                    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, 2052), "style", [], "any", false, false, false, 2052);
                    // line 2053
                    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 2054
                        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, 2054), "style", [], "any", false, false, false, 2054);
                        echo " , ";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "skew_y", [], "any", false, false, false, 2054), "style", [], "any", false, false, false, 2054);
                        echo ")
            ";
                    } elseif ((                    // line 2055
($context["skewx"] ?? null) || (($context["skewx"] ?? null) == "0"))) {
                        // line 2056
                        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, 2056), "style", [], "any", false, false, false, 2056);
                        echo ")
            ";
                    } elseif ((                    // line 2057
($context["skewy"] ?? null) || (($context["skewy"] ?? null) == "0"))) {
                        // line 2058
                        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, 2058), "style", [], "any", false, false, false, 2058);
                        echo ")
            ";
                    }
                    // line 2060
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2061
$context["transform"], "type", [], "any", false, false, false, 2061) == "translate")) {
                    // line 2062
                    echo "
            ";
                    // line 2063
                    $context["tx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "translate_x", [], "any", false, false, false, 2063), "style", [], "any", false, false, false, 2063);
                    // line 2064
                    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, 2064), "style", [], "any", false, false, false, 2064);
                    // line 2065
                    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, 2065), "style", [], "any", false, false, false, 2065);
                    // line 2066
                    echo "            ";
                    if ((($context["tz"] ?? null) || (($context["tz"] ?? null) == "0"))) {
                        // line 2067
                        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 2068
($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 2069
                        echo "                translate( ";
                        echo ($context["tx"] ?? null);
                        echo ", ";
                        echo ($context["ty"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2070
($context["tx"] ?? null) || (($context["tx"] ?? null) == "0"))) {
                        // line 2071
                        echo "                translateX( ";
                        echo ($context["tx"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2072
($context["ty"] ?? null) || (($context["ty"] ?? null) == "0"))) {
                        // line 2073
                        echo "                translateY( ";
                        echo ($context["ty"] ?? null);
                        echo " )
            ";
                    }
                    // line 2075
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2076
$context["transform"], "type", [], "any", false, false, false, 2076) == "rotate")) {
                    // line 2077
                    echo "
            ";
                    // line 2078
                    $context["rx"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "rotate_x", [], "any", false, false, false, 2078), "style", [], "any", false, false, false, 2078);
                    // line 2079
                    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, 2079), "style", [], "any", false, false, false, 2079);
                    // line 2080
                    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, 2080), "style", [], "any", false, false, false, 2080);
                    // line 2081
                    echo "            ";
                    if ((($context["rx"] ?? null) || (($context["rx"] ?? null) == "0"))) {
                        echo "rotateX( ";
                        echo ($context["rx"] ?? null);
                        echo " ) ";
                    }
                    // line 2082
                    echo "            ";
                    if ((($context["ry"] ?? null) || (($context["ry"] ?? null) == "0"))) {
                        echo "rotateY( ";
                        echo ($context["ry"] ?? null);
                        echo " ) ";
                    }
                    // line 2083
                    echo "            ";
                    if ((($context["rz"] ?? null) || (($context["rz"] ?? null) == "0"))) {
                        echo "rotateZ( ";
                        echo ($context["rz"] ?? null);
                        echo " ) ";
                    }
                    // line 2084
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2085
$context["transform"], "type", [], "any", false, false, false, 2085) == "perspective")) {
                    // line 2086
                    echo "
            ";
                    // line 2087
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 2087), "style", [], "any", false, false, false, 2087)) {
                        // line 2088
                        echo "            perspective(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "perspective", [], "any", false, false, false, 2088), "style", [], "any", false, false, false, 2088);
                        echo ")
            ";
                    }
                    // line 2090
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2091
$context["transform"], "type", [], "any", false, false, false, 2091) == "rotate3d")) {
                    // line 2092
                    echo "
            rotate3d( ";
                    // line 2093
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", true, true, false, 2093)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "x", [], "any", false, false, false, 2093), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", true, true, false, 2093)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "y", [], "any", false, false, false, 2093), "0")) : ("0"));
                    echo " , ";
                    echo ((twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", true, true, false, 2093)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["transform"], "z", [], "any", false, false, false, 2093), "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, 2093), "style", [], "any", true, true, false, 2093)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["transform"], "angle", [], "any", false, true, false, 2093), "style", [], "any", false, false, false, 2093), "0")) : ("0"));
                    echo " )

        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2095
$context["transform"], "type", [], "any", false, false, false, 2095) == "scale")) {
                    // line 2096
                    echo "
            ";
                    // line 2097
                    $context["scale"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale", [], "any", false, false, false, 2097);
                    // line 2098
                    echo "            ";
                    if ((($context["scale"] ?? null) || (($context["scale"] ?? null) == "0"))) {
                        // line 2099
                        echo "                scale( ";
                        echo ($context["scale"] ?? null);
                        echo " )
            ";
                    }
                    // line 2101
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2102
$context["transform"], "type", [], "any", false, false, false, 2102) == "scale3d")) {
                    // line 2103
                    echo "
            ";
                    // line 2104
                    $context["sx"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_x", [], "any", false, false, false, 2104);
                    // line 2105
                    echo "            ";
                    $context["sy"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_y", [], "any", false, false, false, 2105);
                    // line 2106
                    echo "            ";
                    $context["sz"] = twig_get_attribute($this->env, $this->source, $context["transform"], "scale_z", [], "any", false, false, false, 2106);
                    // line 2107
                    echo "            ";
                    if ((($context["sz"] ?? null) || (($context["sz"] ?? null) == "0"))) {
                        // line 2108
                        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 2109
($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 2110
                        echo "                scale( ";
                        echo ($context["sx"] ?? null);
                        echo ", ";
                        echo ($context["sy"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2111
($context["sx"] ?? null) || (($context["sx"] ?? null) == "0"))) {
                        // line 2112
                        echo "                scaleX( ";
                        echo ($context["sx"] ?? null);
                        echo " )
            ";
                    } elseif ((                    // line 2113
($context["sy"] ?? null) || (($context["sy"] ?? null) == "0"))) {
                        // line 2114
                        echo "                scaleY( ";
                        echo ($context["sy"] ?? null);
                        echo " )
            ";
                    }
                    // line 2116
                    echo "
        ";
                }
                // line 2118
                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 2119
            echo ";

    ";
            // line 2121
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "transform", [], "any", false, false, false, 2121), "origin", [], "any", false, false, false, 2121) == "custom")) {
                // line 2122
                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, 2122), "origin_position_hover", [], "any", false, false, false, 2122), "x", [], "any", false, false, false, 2122);
                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, 2122), "origin_position_hover", [], "any", false, false, false, 2122), "y", [], "any", false, false, false, 2122);
                echo "%;
    ";
            } else {
                // line 2124
                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, 2124), "origin_hover", [], "any", false, false, false, 2124);
                echo ";
    ";
            }
            // line 2126
            echo "
    perspective: ";
            // line 2127
            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, 2127), "perspective_hover", [], "any", false, false, false, 2127), "style", [], "any", false, false, false, 2127);
            echo ";

    filter:
    ";
            // line 2130
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "filter_hover", [], "any", false, false, false, 2130));
            foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
                // line 2131
                echo "
        ";
                // line 2132
                if ((twig_get_attribute($this->env, $this->source, $context["f"], "type", [], "any", false, false, false, 2132) == "blur")) {
                    // line 2133
                    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, 2133), "style", [], "any", false, false, false, 2133);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2134
$context["f"], "type", [], "any", false, false, false, 2134) == "brightness")) {
                    // line 2135
                    echo "            brightness(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2135), "style", [], "any", false, false, false, 2135);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2136
$context["f"], "type", [], "any", false, false, false, 2136) == "contrast")) {
                    // line 2137
                    echo "            contrast(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2137), "style", [], "any", false, false, false, 2137);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2138
$context["f"], "type", [], "any", false, false, false, 2138) == "grayscale")) {
                    // line 2139
                    echo "            grayscale(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2139), "style", [], "any", false, false, false, 2139);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2140
$context["f"], "type", [], "any", false, false, false, 2140) == "hue-rotate")) {
                    // line 2141
                    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, 2141), "style", [], "any", false, false, false, 2141);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2142
$context["f"], "type", [], "any", false, false, false, 2142) == "invert")) {
                    // line 2143
                    echo "            invert(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2143), "style", [], "any", false, false, false, 2143);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2144
$context["f"], "type", [], "any", false, false, false, 2144) == "saturate")) {
                    // line 2145
                    echo "            saturate(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2145), "style", [], "any", false, false, false, 2145);
                    echo ")
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2146
$context["f"], "type", [], "any", false, false, false, 2146) == "sepia")) {
                    // line 2147
                    echo "            sepia(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2147), "style", [], "any", false, false, false, 2147);
                    echo ")
        ";
                }
                // line 2149
                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 2150
            echo ";

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

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

    // line 2158
    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 2159
            echo "
  ";
            // line 2161
            echo "
  ";
            // line 2164
            echo "  ";
            echo Breakdance\Elements\addDependency(["styles" => [0 => "%%BREAKDANCE_ELEMENTS_PLUGIN_URL%%dependencies-files/breakdance-fancy-background@1/fancy-background.css"]]);
            // line 2170
            echo "

\t";
            // line 2172
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2172) == "video")) {
                // line 2173
                echo "  ";
                $context["starttime"] = 0;
                // line 2174
                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, 2174), "start_time", [], "any", false, false, false, 2174)) {
                    // line 2175
                    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, 2175), "start_time", [], "any", false, false, false, 2175);
                    // line 2176
                    echo "  ";
                }
                // line 2177
                echo "
  ";
                // line 2178
                $context["endtime"] = 0;
                // line 2179
                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, 2179), "end_time", [], "any", false, false, false, 2179)) {
                    // line 2180
                    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, 2180), "end_time", [], "any", false, false, false, 2180);
                    // line 2181
                    echo "  ";
                }
                // line 2182
                echo "  <div class=\"section-background-video\">
    ";
                // line 2183
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2183), "type", [], "any", false, false, false, 2183) == "oembed")) {
                    // line 2184
                    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, 2184), "embedUrl", [], "any", false, false, false, 2184))) {
                        // line 2185
                        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, 2185), "youtube_privacy_mode", [], "any", false, false, false, 2185)) {
                            // line 2186
                            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, 2186), "embedUrl", [], "any", false, false, false, 2186), ["https://www.youtube.com/" => "https://www.youtube-nocookie.com/"]);
                            // line 2187
                            echo "        ";
                        } else {
                            // line 2188
                            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, 2188), "embedUrl", [], "any", false, false, false, 2188);
                            // line 2189
                            echo "        ";
                        }
                        // line 2190
                        echo "        <div id=\"youtubeEmbed%%ID%%\" class=\"section-youtube-wrapper\">
          <iframe class=\"section-background-iframe\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope;\"
                  allowfullscreen
                  src=\"";
                        // line 2193
                        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, 2193), "play_on_mobile", [], "any", false, false, false, 2193)) ? ("1") : ("0"));
                        echo "&mute=1&autoplay=1&loop=0&controls=0&showinfo=0&modestbranding=1&rel=0&enablejsapi=1\">
          </iframe>
        </div>
      ";
                    }
                    // line 2197
                    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, 2197), "embedUrl", [], "any", false, false, false, 2197))) {
                        // line 2198
                        echo "        <div id=\"vimeoEmbed%%ID%%\" class=\"section-vimeo-wrapper\"></div>
      ";
                    }
                    // line 2200
                    echo "    ";
                }
                // line 2201
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2201), "type", [], "any", false, false, false, 2201) == "video")) {
                    // line 2202
                    echo "      <video
          autoplay
          muted
          ";
                    // line 2205
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video_settings", [], "any", false, false, false, 2205), "play_on_mobile", [], "any", false, false, false, 2205) == 1)) {
                        // line 2206
                        echo "            playsinline
          ";
                    }
                    // line 2208
                    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, 2208), "no_loop", [], "any", false, false, false, 2208) != 1)) {
                        // line 2209
                        echo "            loop
          ";
                    }
                    // line 2211
                    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, 2211), "fallback_image", [], "any", false, false, false, 2211)) {
                        // line 2212
                        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, 2212), "fallback_image", [], "any", false, false, false, 2212), "url", [], "any", false, false, false, 2212);
                        echo "\"
          ";
                    }
                    // line 2214
                    echo "      >
        <source src=\"";
                    // line 2215
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2215), "url", [], "any", false, false, false, 2215);
                    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, 2215), "mime", [], "any", false, false, false, 2215);
                    echo "\" />
      </video>
    ";
                }
                // line 2218
                echo "  </div>
";
            }
            // line 2220
            echo "
";
            // line 2221
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2221) == "slideshow")) {
                // line 2222
                echo "  <div class=\"swiper section-background-slideshow\">
    <!-- Additional required wrapper -->
    <div class=\"swiper-wrapper\">
      <!-- Slides -->
      ";
                // line 2226
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "slideshow", [], "any", false, false, false, 2226));
                foreach ($context['_seq'] as $context["_key"] => $context["slide"]) {
                    // line 2227
                    echo "        <div class=\"swiper-slide\">
          <div class=\"swiper-slide-item\" style=\"background-image: url(";
                    // line 2228
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["slide"], "image", [], "any", false, false, false, 2228), "url", [], "any", false, false, false, 2228);
                    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 2231
                echo "    </div>
  </div>
";
            }
            // line 2234
            echo "
";
            // line 2235
            if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2235))) {
                // line 2236
                echo "  <div class=\"section-background-overlay\"></div>
";
            }
            // line 2238
            echo "
";

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

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

        $blocks = [];

        ob_start(function () { return ''; });
        try {
            // line 2242
            echo "
";
            // line 2243
            if (((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2243) == "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, 2243), "unset_image_at", [], "any", false, false, false, 2243)))) {
                // line 2244
                echo "
";
                // line 2245
                echo ($context["selector"] ?? null);
                echo " {
  background-image: unset;
}
";
            }
            // line 2249
            echo "
";
            // line 2251
            echo ($context["selector"] ?? null);
            echo " {
  background-color: ";
            // line 2252
            echo twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "color", [], "any", false, false, false, 2252);
            echo ";

  ";
            // line 2254
            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, 2254), "url", [], "any", false, false, false, 2254))) {
                // line 2255
                echo "    ";
                $context["size"] = (((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", true, true, false, 2255) &&  !(null === twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2255)))) ? (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2255)) : ("full"));
                // line 2256
                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, 2256), "sizes", [], "any", false, true, false, 2256), ($context["size"] ?? null), [], "array", false, true, false, 2256), "url", [], "any", true, true, false, 2256)) ? (_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, 2256), "sizes", [], "any", false, true, false, 2256), ($context["size"] ?? null), [], "array", false, true, false, 2256), "url", [], "any", false, false, false, 2256), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image", [], "any", false, false, false, 2256), "url", [], "any", false, false, false, 2256))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image", [], "any", false, false, false, 2256), "url", [], "any", false, false, false, 2256)));
                echo ");
  ";
            }
            // line 2258
            echo "  ";
            if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2258))) {
                // line 2259
                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, 2259)], 2259, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 2261
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_hover", [], "any", false, false, false, 2261) || twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "color_hover", [], "any", false, false, false, 2261))) {
                // line 2262
                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, 2262), "style", [], "any", true, true, false, 2262) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2262), "style", [], "any", false, false, false, 2262)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2262), "style", [], "any", false, false, false, 2262)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  ";
            }
            // line 2264
            echo "
  ";
            // line 2265
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2265) == "gradient")) {
                // line 2266
                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, 2266), "value", [], "any", false, false, false, 2266);
                echo ";
    ";
                // line 2267
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2267), "scale", [], "any", false, false, false, 2267)) {
                    // line 2268
                    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, 2268), "scale", [], "any", false, false, false, 2268), "style", [], "any", false, false, false, 2268);
                    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, 2268), "scale", [], "any", false, false, false, 2268), "style", [], "any", false, false, false, 2268);
                    echo ";
    ";
                } elseif (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2269
($context["design"] ?? null), "gradient_animation", [], "any", false, false, false, 2269), "speed", [], "any", false, false, false, 2269)) {
                    // line 2270
                    echo "      background-size: 200% 200%;
    ";
                }
                // line 2272
                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, 2272), "speed", [], "any", false, false, false, 2272)) {
                    // line 2273
                    echo "      ";
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "gradient", [], "any", false, false, false, 2273), "degree", [], "any", false, false, false, 2273) == 0)) {
                        // line 2274
                        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, 2274), "speed", [], "any", false, false, false, 2274), "style", [], "any", false, false, false, 2274);
                        echo " ease infinite;
      ";
                    } else {
                        // line 2276
                        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, 2276), "speed", [], "any", false, false, false, 2276), "style", [], "any", false, false, false, 2276);
                        echo " ease infinite;
      ";
                    }
                    // line 2278
                    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, 2278), "scale", [], "any", false, false, false, 2278)) {
                    // line 2279
                    echo "      animation: breakdance-section-gradient-offset 10s ease infinite;
    ";
                }
                // line 2281
                echo "
  ";
            }
            // line 2283
            echo "}

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

";
            // line 2289
            if ((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "type", [], "any", false, false, false, 2289) == "video")) {
                // line 2290
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " .section-background-video iframe,
  ";
                // line 2291
                echo ($context["selector"] ?? null);
                echo " .section-background-video video {
  width: ";
                // line 2292
                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, 2292), "zoom", [], "any", false, true, false, 2292), "style", [], "any", true, true, false, 2292) &&  !(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, 2292), "zoom", [], "any", false, true, false, 2292), "style", [], "any", false, false, false, 2292)))) ? (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, 2292), "zoom", [], "any", false, true, false, 2292), "style", [], "any", false, false, false, 2292)) : ("100%"));
                echo ";
  height: ";
                // line 2293
                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, 2293), "zoom", [], "any", false, true, false, 2293), "style", [], "any", true, true, false, 2293) &&  !(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, 2293), "zoom", [], "any", false, true, false, 2293), "style", [], "any", false, false, false, 2293)))) ? (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, 2293), "zoom", [], "any", false, true, false, 2293), "style", [], "any", false, false, false, 2293)) : ("100%"));
                echo ";
  left:-";
                // line 2294
                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, 2294), "offsetx", [], "any", false, true, false, 2294), "style", [], "any", true, true, false, 2294) &&  !(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, 2294), "offsetx", [], "any", false, true, false, 2294), "style", [], "any", false, false, false, 2294)))) ? (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, 2294), "offsetx", [], "any", false, true, false, 2294), "style", [], "any", false, false, false, 2294)) : (0));
                echo ";
  top:-";
                // line 2295
                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, 2295), "offsety", [], "any", false, true, false, 2295), "style", [], "any", true, true, false, 2295) &&  !(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, 2295), "offsety", [], "any", false, true, false, 2295), "style", [], "any", false, false, false, 2295)))) ? (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, 2295), "offsety", [], "any", false, true, false, 2295), "style", [], "any", false, false, false, 2295)) : (0));
                echo ";
}
";
            }
            // line 2298
            echo "
";
            // line 2299
            if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "video", [], "any", false, false, false, 2299))) {
                // line 2300
                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, 2300), "fallback_image", [], "any", false, false, false, 2300), "url", [], "any", false, false, false, 2300)) {
                    // line 2301
                    echo "    ";
                    echo ($context["selector"] ?? null);
                    echo " .section-background-video {
      background-image: url(";
                    // line 2302
                    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, 2302), "fallback_image", [], "any", false, false, false, 2302), "url", [], "any", false, false, false, 2302);
                    echo ");
    }
  ";
                }
                // line 2305
                echo "  ";
                if ((($context["viewportHeight"] ?? null) == "viewport")) {
                    // line 2306
                    echo "    ";
                    echo ($context["selector"] ?? null);
                    echo " .section-background-video .section-vimeo-wrapper {
      height: 100vh;
    }
  ";
                }
            }
            // line 2311
            if (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_hover", [], "any", false, false, false, 2311)) {
                // line 2312
                echo "  ";
                echo ($context["selector"] ?? null);
                echo ":hover {
      ";
                // line 2313
                $context["hover_size"] = (((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size_hover", [], "any", true, true, false, 2313) &&  !(null === twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size_hover", [], "any", false, false, false, 2313)))) ? (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size_hover", [], "any", false, false, false, 2313)) : ((((twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", true, true, false, 2313) &&  !(null === twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2313)))) ? (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_size", [], "any", false, false, false, 2313)) : ("full"))));
                // line 2314
                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, 2314), "sizes", [], "any", false, false, false, 2314)) && is_array($__internal_compile_2) || $__internal_compile_2 instanceof ArrayAccess ? ($__internal_compile_2[($context["hover_size"] ?? null)] ?? null) : null), "url", [], "any", false, false, false, 2314);
                echo ");
    ";
                // line 2315
                if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2315), "size", [], "any", false, false, false, 2315) == "custom") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2315), "width_hover", [], "any", false, false, false, 2315)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "image_settings", [], "any", false, false, false, 2315), "height_hover", [], "any", false, false, false, 2315))) {
                    // line 2316
                    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, 2316), "width_hover", [], "any", false, true, false, 2316), "style", [], "any", true, true, false, 2316)) ? (_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, 2316), "width_hover", [], "any", false, true, false, 2316), "style", [], "any", false, false, false, 2316), "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, 2316), "height_hover", [], "any", false, false, false, 2316), "style", [], "any", false, false, false, 2316);
                    echo ";
    ";
                }
                // line 2318
                echo "  }
";
            }
            // line 2321
            echo "
";
            // line 2322
            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, 2322), "color", [], "any", false, false, false, 2322) || ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2322), "type", [], "any", false, false, false, 2322) == "image") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2322), "image", [], "any", false, false, false, 2322))) || ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2322), "type", [], "any", false, false, false, 2322) == "gradient") && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2322), "gradient", [], "any", false, false, false, 2322))))) {
                // line 2323
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > * {
    z-index: 1;
  }
  ";
                // line 2326
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    z-index: 0;
  }
";
            }
            // line 2330
            echo "
";
            // line 2331
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2331), "type", [], "any", false, false, false, 2331) == "gradient")) {
                // line 2332
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
  ";
                // line 2333
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2333), "gradient", [], "any", false, false, false, 2333)) {
                    // line 2334
                    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, 2334), "gradient", [], "any", false, false, false, 2334), "value", [], "any", false, false, false, 2334);
                    echo ";
  ";
                }
                // line 2336
                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, 2336), "gradient_animation", [], "any", false, false, false, 2336), "scale", [], "any", false, false, false, 2336)) {
                    // line 2337
                    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, 2337), "gradient_animation", [], "any", false, false, false, 2337), "scale", [], "any", false, false, false, 2337), "style", [], "any", false, false, false, 2337);
                    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, 2337), "gradient_animation", [], "any", false, false, false, 2337), "scale", [], "any", false, false, false, 2337), "style", [], "any", false, false, false, 2337);
                    echo ";
  ";
                } elseif (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2338
($context["design"] ?? null), "overlay", [], "any", false, false, false, 2338), "gradient_animation", [], "any", false, false, false, 2338), "speed", [], "any", false, false, false, 2338)) {
                    // line 2339
                    echo "    background-size: 200% 200%;
  ";
                }
                // line 2341
                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, 2341), "gradient_animation", [], "any", false, false, false, 2341), "speed", [], "any", false, false, false, 2341)) {
                    // line 2342
                    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, 2342), "gradient", [], "any", false, false, false, 2342), "degree", [], "any", false, false, false, 2342) == 0)) {
                        // line 2343
                        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, 2343), "gradient_animation", [], "any", false, false, false, 2343), "speed", [], "any", false, false, false, 2343), "style", [], "any", false, false, false, 2343);
                        echo " ease infinite;
    ";
                    } else {
                        // line 2345
                        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, 2345), "gradient_animation", [], "any", false, false, false, 2345), "speed", [], "any", false, false, false, 2345), "style", [], "any", false, false, false, 2345);
                        echo " ease infinite;
    ";
                    }
                    // line 2347
                    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, 2347), "gradient_animation", [], "any", false, false, false, 2347), "scale", [], "any", false, false, false, 2347)) {
                    // line 2348
                    echo "    animation: breakdance-section-gradient-offset 10s ease infinite;
  ";
                }
                // line 2350
                echo "  }
";
            }
            // line 2352
            echo "
";
            // line 2353
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2353), "color", [], "any", false, false, false, 2353)) {
                // line 2354
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    background-color: ";
                // line 2355
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2355), "color", [], "any", false, false, false, 2355);
                echo ";
    transition: background-color ";
                // line 2356
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2356), "style", [], "any", true, true, false, 2356) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2356), "style", [], "any", false, false, false, 2356)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2356), "style", [], "any", false, false, false, 2356)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
";
            }
            // line 2359
            echo "
";
            // line 2360
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2360), "type", [], "any", false, false, false, 2360) == "image")) {
                // line 2361
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    ";
                // line 2362
                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, 2362), "image_settings", [], "any", false, false, false, 2362), "unset_image_at", [], "any", false, false, false, 2362))) {
                    // line 2363
                    echo "      background-image: unset;
    ";
                } else {
                    // line 2365
                    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, 2365), "image", [], "any", false, false, false, 2365), "url", [], "any", false, false, false, 2365))) {
                        // line 2366
                        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, 2366), "image_size", [], "any", true, true, false, 2366) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2366), "image_size", [], "any", false, false, false, 2366)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2366), "image_size", [], "any", false, false, false, 2366)) : ("full"));
                        // line 2367
                        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, 2367), "image", [], "any", false, false, false, 2367), "sizes", [], "any", false, false, false, 2367)) && is_array($__internal_compile_3) || $__internal_compile_3 instanceof ArrayAccess ? ($__internal_compile_3[($context["overlay_size"] ?? null)] ?? null) : null), "url", [], "any", false, false, false, 2367);
                        echo ");
      ";
                    }
                    // line 2369
                    echo "    ";
                }
                // line 2370
                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, 2370), "image_settings", [], "any", false, false, false, 2370)], 2370, $context, $this->getSourceContext());
                echo "
    transition: all ";
                // line 2371
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2371), "style", [], "any", true, true, false, 2371) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2371), "style", [], "any", false, false, false, 2371)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2371), "style", [], "any", false, false, false, 2371)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
  ";
                // line 2373
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay:hover {
    ";
                // line 2374
                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, 2374), "image_hover", [], "any", false, false, false, 2374))) {
                    // line 2375
                    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, 2375), "image_size_hover", [], "any", true, true, false, 2375) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2375), "image_size_hover", [], "any", false, false, false, 2375)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2375), "image_size_hover", [], "any", false, false, false, 2375)) : ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2375), "image_size", [], "any", true, true, false, 2375) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2375), "image_size", [], "any", false, false, false, 2375)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2375), "image_size", [], "any", false, false, false, 2375)) : ("full"))));
                    // line 2376
                    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, 2376), "image", [], "any", false, true, false, 2376), "sizes", [], "any", false, true, false, 2376), ($context["overlay_hover_size"] ?? null), [], "array", false, true, false, 2376), "url", [], "any", true, true, false, 2376)) ? (_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, 2376), "image", [], "any", false, true, false, 2376), "sizes", [], "any", false, true, false, 2376), ($context["overlay_hover_size"] ?? null), [], "array", false, true, false, 2376), "url", [], "any", false, false, false, 2376), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2376), "image", [], "any", false, false, false, 2376))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2376), "image", [], "any", false, false, false, 2376)));
                    echo ");
    ";
                }
                // line 2378
                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, 2378), "image_hover", [], "any", false, false, false, 2378))) {
                    // line 2379
                    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, 2379), "image_size_hover", [], "any", true, true, false, 2379) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2379), "image_size_hover", [], "any", false, false, false, 2379)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2379), "image_size_hover", [], "any", false, false, false, 2379)) : ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2379), "image_size", [], "any", true, true, false, 2379) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2379), "image_size", [], "any", false, false, false, 2379)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, true, false, 2379), "image_size", [], "any", false, false, false, 2379)) : ("full"))));
                    // line 2380
                    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, 2380), "image_hover", [], "any", false, false, false, 2380), "sizes", [], "any", false, false, false, 2380)) && 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, 2380);
                    echo ");
    ";
                }
                // line 2382
                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, 2382), "image_settings", [], "any", false, false, false, 2382), "size", [], "any", false, false, false, 2382) == "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, 2382), "image_settings", [], "any", false, false, false, 2382), "width_hover", [], "any", false, false, false, 2382)) && 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, 2382), "image_settings", [], "any", false, false, false, 2382), "height_hover", [], "any", false, false, false, 2382))) {
                    // line 2383
                    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, 2383), "image_settings", [], "any", false, false, false, 2383), "width_hover", [], "any", false, false, false, 2383), "style", [], "any", false, false, false, 2383);
                    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, 2383), "image_settings", [], "any", false, false, false, 2383), "height_hover", [], "any", false, false, false, 2383), "style", [], "any", false, false, false, 2383);
                    echo ";
    ";
                }
                // line 2385
                echo "  }
";
            }
            // line 2387
            echo "
";
            // line 2388
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2388), "opacity", [], "any", false, false, false, 2388)) {
                // line 2389
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    opacity: ";
                // line 2390
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2390), "opacity", [], "any", false, false, false, 2390);
                echo ";
  }
";
            }
            // line 2393
            echo "
";
            // line 2394
            echo ($context["selector"] ?? null);
            echo " > .section-background-overlay {
  ";
            // line 2395
            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, 2395), "effects", [], "any", false, false, false, 2395), "blend_mode", [], "any", false, false, false, 2395)) {
                // line 2396
                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, 2396), "effects", [], "any", false, false, false, 2396), "blend_mode", [], "any", false, false, false, 2396);
                echo ";
  ";
            }
            // line 2398
            echo "
  filter:
  ";
            // line 2400
            $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, 2400), "effects", [], "any", false, false, false, 2400), "filter", [], "any", false, false, false, 2400), "filters", [], "any", false, false, false, 2400));
            foreach ($context['_seq'] as $context["_key"] => $context["filter"]) {
                // line 2401
                echo "      ";
                if ((twig_get_attribute($this->env, $this->source, $context["filter"], "type", [], "any", false, false, false, 2401) == "blur")) {
                    // line 2402
                    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, 2402), "style", [], "any", false, false, false, 2402);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2403
$context["filter"], "type", [], "any", false, false, false, 2403) == "brightness")) {
                    // line 2404
                    echo "        brightness(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2404), "style", [], "any", false, false, false, 2404);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2405
$context["filter"], "type", [], "any", false, false, false, 2405) == "contrast")) {
                    // line 2406
                    echo "        contrast(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2406), "style", [], "any", false, false, false, 2406);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2407
$context["filter"], "type", [], "any", false, false, false, 2407) == "grayscale")) {
                    // line 2408
                    echo "        grayscale(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2408), "style", [], "any", false, false, false, 2408);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2409
$context["filter"], "type", [], "any", false, false, false, 2409) == "hue-rotate")) {
                    // line 2410
                    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, 2410), "style", [], "any", false, false, false, 2410);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2411
$context["filter"], "type", [], "any", false, false, false, 2411) == "invert")) {
                    // line 2412
                    echo "        invert(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2412), "style", [], "any", false, false, false, 2412);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2413
$context["filter"], "type", [], "any", false, false, false, 2413) == "saturate")) {
                    // line 2414
                    echo "        saturate(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2414), "style", [], "any", false, false, false, 2414);
                    echo ")
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2415
$context["filter"], "type", [], "any", false, false, false, 2415) == "sepia")) {
                    // line 2416
                    echo "        sepia(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2416), "style", [], "any", false, false, false, 2416);
                    echo ")
      ";
                }
                // line 2418
                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 2419
            echo ";
}

";
            // line 2422
            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, 2422), "effects", [], "any", false, false, false, 2422), "filter", [], "any", false, false, false, 2422), "filters_hover", [], "any", false, false, false, 2422)) {
                // line 2423
                echo ($context["selector"] ?? null);
                echo ":hover > .section-background-overlay {
  filter:
  ";
                // line 2425
                $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, 2425), "effects", [], "any", false, false, false, 2425), "filter", [], "any", false, false, false, 2425), "filters_hover", [], "any", false, false, false, 2425));
                foreach ($context['_seq'] as $context["_key"] => $context["filter"]) {
                    // line 2426
                    echo "      ";
                    if ((twig_get_attribute($this->env, $this->source, $context["filter"], "type", [], "any", false, false, false, 2426) == "blur")) {
                        // line 2427
                        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, 2427), "style", [], "any", false, false, false, 2427);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2428
$context["filter"], "type", [], "any", false, false, false, 2428) == "brightness")) {
                        // line 2429
                        echo "        brightness(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2429), "style", [], "any", false, false, false, 2429);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2430
$context["filter"], "type", [], "any", false, false, false, 2430) == "contrast")) {
                        // line 2431
                        echo "        contrast(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2431), "style", [], "any", false, false, false, 2431);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2432
$context["filter"], "type", [], "any", false, false, false, 2432) == "grayscale")) {
                        // line 2433
                        echo "        grayscale(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2433), "style", [], "any", false, false, false, 2433);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2434
$context["filter"], "type", [], "any", false, false, false, 2434) == "hue-rotate")) {
                        // line 2435
                        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, 2435), "style", [], "any", false, false, false, 2435);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2436
$context["filter"], "type", [], "any", false, false, false, 2436) == "invert")) {
                        // line 2437
                        echo "        invert(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2437), "style", [], "any", false, false, false, 2437);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2438
$context["filter"], "type", [], "any", false, false, false, 2438) == "saturate")) {
                        // line 2439
                        echo "        saturate(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2439), "style", [], "any", false, false, false, 2439);
                        echo ")
      ";
                    } elseif ((twig_get_attribute($this->env, $this->source,                     // line 2440
$context["filter"], "type", [], "any", false, false, false, 2440) == "sepia")) {
                        // line 2441
                        echo "        sepia(";
                        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["filter"], "amount", [], "any", false, false, false, 2441), "style", [], "any", false, false, false, 2441);
                        echo ")
      ";
                    }
                    // line 2443
                    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 2446
            echo "
";
            // line 2447
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2447), "opacity_hover", [], "any", false, false, false, 2447)) {
                // line 2448
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    transition: opacity ";
                // line 2449
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2449), "style", [], "any", true, true, false, 2449) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2449), "style", [], "any", false, false, false, 2449)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2449), "style", [], "any", false, false, false, 2449)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
  ";
                // line 2451
                echo ($context["selector"] ?? null);
                echo ":hover > .section-background-overlay {
    opacity: ";
                // line 2452
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2452), "opacity_hover", [], "any", false, false, false, 2452);
                echo ";
  }
";
            }
            // line 2455
            echo "
";
            // line 2456
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2456), "color_hover", [], "any", false, false, false, 2456)) {
                // line 2457
                echo "  ";
                echo ($context["selector"] ?? null);
                echo " > .section-background-overlay {
    transition: background-color ";
                // line 2458
                echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2458), "style", [], "any", true, true, false, 2458) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2458), "style", [], "any", false, false, false, 2458)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "transition_duration", [], "any", false, true, false, 2458), "style", [], "any", false, false, false, 2458)) : ("var(--bde-transition-duration)"));
                echo " ease-in-out;
  }
  ";
                // line 2460
                echo ($context["selector"] ?? null);
                echo ":hover > .section-background-overlay {
    background-color: ";
                // line 2461
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "overlay", [], "any", false, false, false, 2461), "color_hover", [], "any", false, false, false, 2461);
                echo ";
  }
";
            }
            // line 2464
            echo "
";

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

    // line 2468
    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 2469
            echo "  filter:
  ";
            // line 2470
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["filter"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
                // line 2471
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, $context["f"], "type", [], "any", false, false, false, 2471) == "blur")) {
                    // line 2472
                    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, 2472), "style", [], "any", false, false, false, 2472);
                    echo ")
    ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2473
$context["f"], "type", [], "any", false, false, false, 2473) == "hue-rotate")) {
                    // line 2474
                    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, 2474), "style", [], "any", false, false, false, 2474);
                    echo ")
    ";
                } elseif (twig_get_attribute($this->env, $this->source,                 // line 2475
$context["f"], "type", [], "any", false, false, false, 2475)) {
                    // line 2476
                    echo "      ";
                    echo twig_get_attribute($this->env, $this->source, $context["f"], "type", [], "any", false, false, false, 2476);
                    echo "(";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["f"], "amount", [], "any", false, false, false, 2476), "style", [], "any", false, false, false, 2476);
                    echo ")
    ";
                }
                // line 2478
                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 2481
    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 2482
            echo "  ";
            echo twig_call_macro($macros["_self"], "macro_filtersInternal", [twig_get_attribute($this->env, $this->source, ($context["preset"] ?? null), "filters", [], "any", false, false, false, 2482)], 2482, $context, $this->getSourceContext());
            echo "
";

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

    // line 2485
    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 2486
            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, 2486)], 2486, $context, $this->getSourceContext());
            echo "
";

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

    // line 2490
    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 2491
            echo "
  ";
            // line 2492
            echo (($context["selector"]) ?? (":root, .bde-global-css-vars"));
            echo " {
    --bde-form-gap: ";
            // line 2493
            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, 2493), "between_fields", [], "any", false, false, false, 2493), "style", [], "any", false, false, false, 2493);
            echo ";
    --bde-form-after-label: ";
            // line 2494
            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, 2494), "after_label", [], "any", false, false, false, 2494), "style", [], "any", false, false, false, 2494);
            echo ";
    --bde-form-after-sublabel: ";
            // line 2495
            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, 2495), "sub_label", [], "any", false, false, false, 2495), "style", [], "any", false, false, false, 2495);
            echo ";
    --bde-form-input-background-color: ";
            // line 2496
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2496), "background", [], "any", false, false, false, 2496);
            echo ";
    --bde-form-input-padding-top: ";
            // line 2497
            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, 2497), "padding", [], "any", false, false, false, 2497), "padding", [], "any", false, false, false, 2497), "top", [], "any", false, false, false, 2497), "style", [], "any", false, false, false, 2497);
            echo ";
    --bde-form-input-padding-right: ";
            // line 2498
            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, 2498), "padding", [], "any", false, false, false, 2498), "padding", [], "any", false, false, false, 2498), "right", [], "any", false, false, false, 2498), "style", [], "any", false, false, false, 2498);
            echo ";
    --bde-form-input-padding-bottom: ";
            // line 2499
            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, 2499), "padding", [], "any", false, false, false, 2499), "padding", [], "any", false, false, false, 2499), "bottom", [], "any", false, false, false, 2499), "style", [], "any", false, false, false, 2499);
            echo ";
    --bde-form-input-padding-left: ";
            // line 2500
            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, 2500), "padding", [], "any", false, false, false, 2500), "padding", [], "any", false, false, false, 2500), "left", [], "any", false, false, false, 2500), "style", [], "any", false, false, false, 2500);
            echo ";
    --bde-form-input-placeholder-color: ";
            // line 2501
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2501), "placeholder", [], "any", false, false, false, 2501);
            echo ";
    --bde-form-label-color: ";
            // line 2502
            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, 2502), "labels", [], "any", false, false, false, 2502), "color", [], "any", false, false, false, 2502);
            echo ";
    --bde-form-label-required-color: ";
            // line 2503
            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, 2503), "required", [], "any", false, false, false, 2503), "color", [], "any", false, false, false, 2503);
            echo ";
    --bde-form-label-required-nudge-x: ";
            // line 2504
            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, 2504), "required", [], "any", false, false, false, 2504), "nudge_x", [], "any", false, false, false, 2504), "style", [], "any", false, false, false, 2504);
            echo ";
    --bde-form-label-required-nudge-y: ";
            // line 2505
            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, 2505), "required", [], "any", false, false, false, 2505), "nudge_y", [], "any", false, false, false, 2505), "style", [], "any", false, false, false, 2505);
            echo ";
    --bde-form-label-required-size: ";
            // line 2506
            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, 2506), "required", [], "any", false, false, false, 2506), "size", [], "any", false, false, false, 2506), "style", [], "any", false, false, false, 2506);
            echo ";
    --bde-form-text-color: ";
            // line 2507
            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, 2507), "values", [], "any", false, false, false, 2507), "color", [], "any", false, false, false, 2507);
            echo ";
    --bde-form-input-focused-background-color: ";
            // line 2508
            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, 2508), "focused", [], "any", false, false, false, 2508), "background", [], "any", false, false, false, 2508);
            echo ";
    --bde-form-input-focused-border-color: ";
            // line 2509
            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, 2509), "focused", [], "any", false, false, false, 2509), "border", [], "any", false, false, false, 2509);
            echo ";
    --bde-form-input-focused-shadow: ";
            // line 2510
            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, 2510), "focused", [], "any", false, false, false, 2510), "shadow", [], "any", false, false, false, 2510), "style", [], "any", false, false, false, 2510);
            echo ";
    --bde-form-checkbox-size: ";
            // line 2511
            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, 2511), "advanced", [], "any", false, false, false, 2511), "radio_checkbox", [], "any", false, false, false, 2511), "size", [], "any", false, false, false, 2511), "style", [], "any", false, false, false, 2511);
            echo ";
    --bde-form-checkbox-selected-color: ";
            // line 2512
            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, 2512), "advanced", [], "any", false, false, false, 2512), "radio_checkbox", [], "any", false, false, false, 2512), "color", [], "any", false, false, false, 2512);
            echo ";
    ";
            // line 2513
            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, 2513), "borders", [], "any", false, false, false, 2513), "radius", [], "any", false, false, false, 2513)], 2513, $context, $this->getSourceContext());
            echo "
    ";
            // line 2514
            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, 2514), "borders", [], "any", false, false, false, 2514), "border", [], "any", false, false, false, 2514)], 2514, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2518
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form {
    gap: ";
            // line 2519
            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, 2519), "between_fields", [], "any", false, false, false, 2519), "style", [], "any", false, false, false, 2519);
            echo ";
  }


  ";
            // line 2524
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-field__label,
  ";
            // line 2526
            echo "  ";
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce .woocommerce-password-strength,
  ";
            // line 2527
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce label span.optional,
  ";
            // line 2528
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce label {
    ";
            // line 2529
            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, 2529), "labels", [], "any", false, false, false, 2529), ($context["globalSettings"] ?? null)], 2529, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2533
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form .breakdance-form-field__input,
  ";
            // line 2535
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .select2-container--default .select2-search--dropdown .select2-search__field,
  ";
            // line 2536
            echo ($context["selector"] ?? null);
            echo " .select2-container--default .select2-selection--single,
  ";
            // line 2537
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .price_slider_amount input[type=\"text\"],
  ";
            // line 2538
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce input[type=\"search\"],
  ";
            // line 2539
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce textarea,
  ";
            // line 2540
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .woocommerce-Input,
  ";
            // line 2541
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .input-text,
  ";
            // line 2542
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce select,
  ";
            // line 2543
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .wc_payment_method input[type=\"text\"],
  ";
            // line 2544
            echo ($context["selector"] ?? null);
            echo " .breakdance-woocommerce .wc-stripe-elements-field {
    background-color: ";
            // line 2545
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2545), "background", [], "any", false, false, false, 2545);
            echo ";
    ";
            // line 2546
            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, 2546), "borders", [], "any", false, false, false, 2546)], 2546, $context, $this->getSourceContext());
            echo "
    ";
            // line 2547
            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, 2547), "values", [], "any", false, false, false, 2547), ($context["globalSettings"] ?? null)], 2547, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2551
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form .breakdance-form-field__input:focus {
    background-color: ";
            // line 2552
            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, 2552), "focused", [], "any", false, true, false, 2552), "background", [], "any", true, true, false, 2552)) ? (_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, 2552), "focused", [], "any", false, true, false, 2552), "background", [], "any", false, false, false, 2552), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2552), "background", [], "any", false, false, false, 2552))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2552), "background", [], "any", false, false, false, 2552)));
            echo ";
    border-color: ";
            // line 2553
            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, 2553), "focused", [], "any", false, false, false, 2553), "border", [], "any", false, false, false, 2553);
            echo ";
    box-shadow: ";
            // line 2554
            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, 2554), "focused", [], "any", false, false, false, 2554), "shadow", [], "any", false, false, false, 2554), "style", [], "any", false, false, false, 2554);
            echo ";
  }

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

  ";
            // line 2563
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-checkbox input[type=\"checkbox\"],
  ";
            // line 2564
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-radio input[type=\"radio\"] {
    width: ";
            // line 2565
            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, 2565), "advanced", [], "any", false, false, false, 2565), "radio_checkbox", [], "any", false, false, false, 2565), "size", [], "any", false, false, false, 2565), "style", [], "any", false, false, false, 2565);
            echo ";
    height: ";
            // line 2566
            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, 2566), "advanced", [], "any", false, false, false, 2566), "radio_checkbox", [], "any", false, false, false, 2566), "size", [], "any", false, false, false, 2566), "style", [], "any", false, false, false, 2566);
            echo ";
    color: ";
            // line 2567
            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, 2567), "advanced", [], "any", false, false, false, 2567), "radio_checkbox", [], "any", false, false, false, 2567), "color", [], "any", false, false, false, 2567);
            echo ";
  }

  ";
            // line 2570
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-checkbox,
  ";
            // line 2571
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-radio {
    margin-bottom: ";
            // line 2572
            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, 2572), "sub_label", [], "any", false, false, false, 2572), "style", [], "any", false, false, false, 2572);
            echo ";
    ";
            // line 2573
            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, 2573), "sub_labels", [], "any", false, false, false, 2573), ($context["globalSettings"] ?? null)], 2573, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2577
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-link {
    ";
            // line 2578
            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, 2578), "links", [], "any", false, false, false, 2578), ($context["globalSettings"] ?? null)], 2578, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2581
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-link:hover {
    ";
            // line 2582
            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, 2582), "links", [], "any", false, false, false, 2582)], 2582, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2586
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-message {
    padding: ";
            // line 2587
            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, 2587), "padding", [], "any", false, false, false, 2587), "style", [], "any", false, false, false, 2587);
            echo ";
    background-color: ";
            // line 2588
            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, 2588), "success", [], "any", false, false, false, 2588), "background", [], "any", false, false, false, 2588);
            echo ";
    ";
            // line 2589
            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, 2589), "success", [], "any", false, false, false, 2589), "borders", [], "any", false, false, false, 2589)], 2589, $context, $this->getSourceContext());
            echo "
    ";
            // line 2590
            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, 2590), "success", [], "any", false, false, false, 2590), "typography", [], "any", false, false, false, 2590), ($context["globalSettings"] ?? null)], 2590, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2593
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-message--error {
    background-color: ";
            // line 2594
            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, 2594), "error", [], "any", false, false, false, 2594), "background", [], "any", false, false, false, 2594);
            echo ";
    ";
            // line 2595
            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, 2595), "error", [], "any", false, false, false, 2595), "borders", [], "any", false, false, false, 2595)], 2595, $context, $this->getSourceContext());
            echo "
    ";
            // line 2596
            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, 2596), "error", [], "any", false, false, false, 2596), "typography", [], "any", false, false, false, 2596), ($context["globalSettings"] ?? null)], 2596, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 2600
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone {
    border-color: ";
            // line 2601
            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, 2601), "advanced", [], "any", false, false, false, 2601), "file_input", [], "any", false, false, false, 2601), "drag_drop", [], "any", false, false, false, 2601), "border_color", [], "any", false, false, false, 2601);
            echo ";
  }

  ";
            // line 2604
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__title,
  ";
            // line 2605
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__accepts {
    color: ";
            // line 2606
            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, 2606), "advanced", [], "any", false, false, false, 2606), "file_input", [], "any", false, false, false, 2606), "drag_drop", [], "any", false, false, false, 2606), "text_color", [], "any", false, false, false, 2606);
            echo ";
  }

  ";
            // line 2609
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__title span {
    color: ";
            // line 2610
            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, 2610), "advanced", [], "any", false, false, false, 2610), "file_input", [], "any", false, false, false, 2610), "drag_drop", [], "any", false, false, false, 2610), "active_color", [], "any", false, false, false, 2610);
            echo ";
  }

  ";
            // line 2613
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-dropzone__icon {
    color: ";
            // 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), "advanced", [], "any", false, false, false, 2614), "file_input", [], "any", false, false, false, 2614), "drag_drop", [], "any", false, false, false, 2614), "icon_color", [], "any", false, false, false, 2614);
            echo ";
  }

  ";
            // line 2618
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-form-field__required {
    color: ";
            // line 2619
            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, 2619), "required", [], "any", false, false, false, 2619), "color", [], "any", false, false, false, 2619);
            echo ";
    font-size: ";
            // 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), "size", [], "any", false, false, false, 2620), "style", [], "any", false, false, false, 2620);
            echo ";
    ";
            // line 2621
            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, 2621), "required", [], "any", false, false, false, 2621), "nudge", [], "any", false, false, false, 2621)) {
                // line 2622
                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, 2622), "required", [], "any", false, false, false, 2622), "nudge", [], "any", false, false, false, 2622), "style", [], "any", false, false, false, 2622);
                echo ");
    ";
            }
            // line 2624
            echo "  }


  ";
            // line 2628
            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, 2628), "advanced", [], "any", false, false, false, 2628), "hide_labels", [], "any", false, false, false, 2628)) {
                // line 2629
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-form-field__label,
    ";
                // line 2631
                echo "    ";
                echo ($context["selector"] ?? null);
                echo ".breakdance-woocommerce .woocommerce-password-strength,
    ";
                // line 2632
                echo ($context["selector"] ?? null);
                echo ".breakdance-woocommerce label span.optional,
    ";
                // line 2633
                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 2644
            echo "
  ";
            // line 2646
            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, 2646), "alignment", [], "any", false, false, false, 2646)) {
                // line 2647
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .breakdance-form-footer {
      justify-content: ";
                // line 2648
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "submit_button", [], "any", false, false, false, 2648), "alignment", [], "any", false, false, false, 2648);
                echo "
    }
    ";
                // line 2650
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "submit_button", [], "any", false, false, false, 2650), "alignment", [], "any", false, false, false, 2650) == "unset")) {
                    // line 2651
                    echo "      ";
                    echo ($context["selector"] ?? null);
                    echo " .breakdance-form-footer .breakdance-form-button {
        width: 100%;
      }
    ";
                }
                // line 2655
                echo "  ";
            }
            // line 2656
            echo "
  ";
            // line 2658
            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, 2658), "styles", [], "any", false, false, false, 2658), "%%SELECTOR%% .breakdance-form-button", "primary", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 2658, $context, $this->getSourceContext());
            echo "

  ";
            // line 2661
            echo "  ";
            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, twig_get_attribute($this->env, $this->source, ($context["style"] ?? null), "fields", [], "any", false, false, false, 2661), "advanced", [], "any", false, false, false, 2661), "file_input", [], "any", false, false, false, 2661), "button", [], "any", false, false, false, 2661), "%%SELECTOR%% .breakdance-form-file-upload__button", "custom", ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 2661, $context, $this->getSourceContext());
            echo "
";

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

    // line 2665
    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 2666
            if ((twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "enable", [], "any", false, false, false, 2666) == "true")) {
                // line 2667
                echo "display: grid;
justify-items: ";
                // line 2668
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2668), "horizontal_alignment", [], "any", true, true, false, 2668)) ? (_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, 2668), "horizontal_alignment", [], "any", false, false, false, 2668), "stretch")) : ("stretch"));
                echo ";
align-items: ";
                // line 2669
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, true, false, 2669), "vertical_alignment", [], "any", true, true, false, 2669)) ? (_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, 2669), "vertical_alignment", [], "any", false, false, false, 2669), "stretch")) : ("stretch"));
                echo ";
";
                // line 2670
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, false, false, 2670), "template", [], "any", false, false, false, 2670) == "auto")) {
                    // line 2671
                    echo "grid-template-columns: repeat(
    ";
                    // line 2672
                    echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "columns", [], "any", false, true, false, 2672), "columns", [], "any", true, true, false, 2672)) ? (_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, 2672), "columns", [], "any", false, false, false, 2672), "3")) : ("3"));
                    echo "
    ,minmax(";
                    // line 2673
                    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, 2673), "min_width", [], "any", false, true, false, 2673), "number", [], "any", true, true, false, 2673)) ? (_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, 2673), "min_width", [], "any", false, true, false, 2673), "number", [], "any", false, false, false, 2673), "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, 2673), "min_width", [], "any", false, true, false, 2673), "unit", [], "any", true, true, false, 2673)) ? (_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, 2673), "min_width", [], "any", false, true, false, 2673), "unit", [], "any", false, false, false, 2673), "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, 2673), "max_width", [], "any", false, true, false, 2673), "number", [], "any", true, true, false, 2673)) ? (_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, 2673), "max_width", [], "any", false, true, false, 2673), "number", [], "any", false, false, false, 2673), "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, 2673), "max_width", [], "any", false, true, false, 2673), "unit", [], "any", true, true, false, 2673)) ? (_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, 2673), "max_width", [], "any", false, true, false, 2673), "unit", [], "any", false, false, false, 2673), "fr")) : ("fr"));
                    echo "));
";
                } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2674
($context["grid"] ?? null), "columns", [], "any", false, false, false, 2674), "template", [], "any", false, false, false, 2674) == "custom")) {
                    // line 2675
                    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, 2675), "columns_template", [], "any", false, false, false, 2675);
                    echo ";
";
                }
                // line 2677
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["grid"] ?? null), "rows", [], "any", false, false, false, 2677), "template", [], "any", false, false, false, 2677) == "custom")) {
                    // line 2678
                    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, 2678), "rows", [], "any", true, true, false, 2678)) ? (_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, 2678), "rows", [], "any", false, false, false, 2678), "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, 2678), "min_height", [], "any", false, true, false, 2678), "number", [], "any", true, true, false, 2678)) ? (_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, 2678), "min_height", [], "any", false, true, false, 2678), "number", [], "any", false, false, false, 2678), "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, 2678), "min_height", [], "any", false, true, false, 2678), "unit", [], "any", true, true, false, 2678)) ? (_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, 2678), "min_height", [], "any", false, true, false, 2678), "unit", [], "any", false, false, false, 2678), "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, 2678), "max_height", [], "any", false, true, false, 2678), "number", [], "any", true, true, false, 2678)) ? (_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, 2678), "max_height", [], "any", false, true, false, 2678), "number", [], "any", false, false, false, 2678), "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, 2678), "max_height", [], "any", false, true, false, 2678), "unit", [], "any", true, true, false, 2678)) ? (_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, 2678), "max_height", [], "any", false, true, false, 2678), "unit", [], "any", false, false, false, 2678), "fr")) : ("fr"));
                    echo "));
";
                }
                // line 2680
                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, 2680), "gap", [], "any", false, true, false, 2680), "number", [], "any", true, true, false, 2680)) ? (_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, 2680), "gap", [], "any", false, true, false, 2680), "number", [], "any", false, false, false, 2680), "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, 2680), "gap", [], "any", false, true, false, 2680), "unit", [], "any", true, true, false, 2680)) ? (_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, 2680), "gap", [], "any", false, true, false, 2680), "unit", [], "any", false, false, false, 2680), "px")) : ("px"));
                echo ";
grid-row-gap: ";
                // line 2681
                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, 2681), "gap", [], "any", false, true, false, 2681), "number", [], "any", true, true, false, 2681)) ? (_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, 2681), "gap", [], "any", false, true, false, 2681), "number", [], "any", false, false, false, 2681), "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, 2681), "gap", [], "any", false, true, false, 2681), "unit", [], "any", true, true, false, 2681)) ? (_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, 2681), "gap", [], "any", false, true, false, 2681), "unit", [], "any", false, false, false, 2681), "px")) : ("px"));
                echo ";
";
            }

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

    // line 2685
    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 2686
            echo "
  ";
            // line 2687
            if ((twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "size", [], "any", false, false, false, 2687) == "custom")) {
                // line 2688
                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, 2688), "style", [], "any", false, false, false, 2688)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "width", [], "any", false, false, false, 2688), "style", [], "any", false, false, false, 2688)) : ("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, 2688), "style", [], "any", false, false, false, 2688)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "height", [], "any", false, false, false, 2688), "style", [], "any", false, false, false, 2688)) : ("auto"));
                echo ";
  ";
            } else {
                // line 2690
                echo "    background-size: ";
                echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "size", [], "any", false, false, false, 2690);
                echo ";
  ";
            }
            // line 2692
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "repeat", [], "any", false, false, false, 2692)) {
                // line 2693
                echo "    background-repeat: ";
                echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "repeat", [], "any", false, false, false, 2693);
                echo ";
  ";
            }
            // line 2695
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "position", [], "any", false, false, false, 2695)) {
                // line 2696
                echo "    ";
                if ((twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "position", [], "any", false, false, false, 2696) == "custom")) {
                    // line 2697
                    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, 2697), "x", [], "any", false, false, false, 2697);
                    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, 2697), "y", [], "any", false, false, false, 2697);
                    echo "%;
    ";
                } else {
                    // line 2699
                    echo "      background-position: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "position", [], "any", false, false, false, 2699);
                    echo ";
    ";
                }
                // line 2701
                echo "  ";
            }
            // line 2702
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "attachment", [], "any", false, false, false, 2702)) {
                // line 2703
                echo "    background-attachment: ";
                echo twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "attachment", [], "any", false, false, false, 2703);
                echo ";
  ";
            }

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

    // line 2708
    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 2709
            echo "  display: ";
            echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "display", [], "any", false, false, false, 2709);
            echo ";

  ";
            // line 2711
            if (((twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "display", [], "any", false, false, false, 2711) == "flex") || (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "display", [], "any", false, false, false, 2711) == "inline-flex"))) {
                // line 2712
                echo "  \tflex-direction: ";
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "flex_direction", [], "any", false, false, false, 2712);
                echo ";
  \talign-items: ";
                // line 2713
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_items", [], "any", false, false, false, 2713);
                echo ";
  \tjustify-content: ";
                // line 2714
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "justify_content", [], "any", false, false, false, 2714);
                echo ";
  \tflex-wrap: ";
                // line 2715
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "flex_wrap", [], "any", false, false, false, 2715);
                echo ";
  \talign-content: ";
                // line 2716
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_content", [], "any", false, false, false, 2716);
                echo ";
    gap: ";
                // line 2717
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "gap", [], "any", false, false, false, 2717), "style", [], "any", false, false, false, 2717);
                echo ";
  ";
            }
            // line 2719
            echo "
  overflow: ";
            // line 2720
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2720), "overflow", [], "any", false, false, false, 2720);
            echo ";
  float: ";
            // line 2721
            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, 2721), "legacy", [], "any", false, false, false, 2721), "float", [], "any", false, false, false, 2721);
            echo ";
  clear: ";
            // line 2722
            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, 2722), "legacy", [], "any", false, false, false, 2722), "clear", [], "any", false, false, false, 2722);
            echo ";
  visibility: ";
            // line 2723
            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, 2723), "legacy", [], "any", false, false, false, 2723), "visibility", [], "any", false, false, false, 2723);
            echo ";
  z-index: ";
            // line 2724
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2724), "z_index", [], "any", false, false, false, 2724);
            echo ";

  ";
            // line 2726
            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, 2726), "position", [], "any", false, false, false, 2726), "position", [], "any", false, false, false, 2726)) {
                // line 2727
                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, 2727), "position", [], "any", false, false, false, 2727), "position", [], "any", false, false, false, 2727);
                echo ";
    top: ";
                // line 2728
                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, 2728), "position", [], "any", false, false, false, 2728), "top", [], "any", false, false, false, 2728), "style", [], "any", false, false, false, 2728);
                echo ";
    left: ";
                // line 2729
                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, 2729), "position", [], "any", false, false, false, 2729), "left", [], "any", false, false, false, 2729), "style", [], "any", false, false, false, 2729);
                echo ";
    right: ";
                // 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, ($context["layout"] ?? null), "advanced", [], "any", false, false, false, 2730), "position", [], "any", false, false, false, 2730), "right", [], "any", false, false, false, 2730), "style", [], "any", false, false, false, 2730);
                echo ";
    bottom: ";
                // line 2731
                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, 2731), "position", [], "any", false, false, false, 2731), "bottom", [], "any", false, false, false, 2731), "style", [], "any", false, false, false, 2731);
                echo ";
  ";
            }
            // line 2733
            echo "
  align-self: ";
            // line 2734
            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, 2734), "flex_child", [], "any", false, false, false, 2734), "align_self", [], "any", false, false, false, 2734);
            echo ";
  order: ";
            // 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["layout"] ?? null), "advanced", [], "any", false, false, false, 2735), "flex_child", [], "any", false, false, false, 2735), "order", [], "any", false, false, false, 2735);
            echo ";
  flex-grow: ";
            // line 2736
            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, 2736), "flex_child", [], "any", false, false, false, 2736), "flex_grow", [], "any", false, false, false, 2736);
            echo ";
  flex-shrink: ";
            // line 2737
            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, 2737), "flex_child", [], "any", false, false, false, 2737), "flex_shrink", [], "any", false, false, false, 2737);
            echo ";
  flex-basis: ";
            // line 2738
            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, 2738), "flex_child", [], "any", false, false, false, 2738), "flex_basis", [], "any", false, false, false, 2738), "number", [], "any", false, false, false, 2738);
            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, 2738), "flex_child", [], "any", false, false, false, 2738), "flex_basis", [], "any", false, false, false, 2738), "unit", [], "any", false, false, false, 2738);
            echo ";
";

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

    // line 2742
    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 2743
            echo "
    display: flex;

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

        ";
                // line 2750
                if ((twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2750) == "left")) {
                    // line 2751
                    echo "            justify-content: flex-start;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2752
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2752) == "center")) {
                    // line 2753
                    echo "            justify-content: center;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2754
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2754) == "right")) {
                    // line 2755
                    echo "            justify-content: flex-end;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2756
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2756) == "space_around")) {
                    // line 2757
                    echo "            justify-content: space-around;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2758
($context["s"] ?? null), "h_h_alignment", [], "any", false, false, false, 2758) == "space_between")) {
                    // line 2759
                    echo "            justify-content: space-between;
        ";
                }
                // line 2761
                echo "
        ";
                // line 2762
                if ((twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "h_v_alignment", [], "any", false, false, false, 2762) == "top")) {
                    // line 2763
                    echo "            align-items: flex-start;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2764
($context["s"] ?? null), "h_v_alignment", [], "any", false, false, false, 2764) == "middle")) {
                    // line 2765
                    echo "            align-items: center;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2766
($context["s"] ?? null), "h_v_alignment", [], "any", false, false, false, 2766) == "bottom")) {
                    // line 2767
                    echo "            align-items: flex-end;
        ";
                }
                // line 2769
                echo "
    ";
            } else {
                // line 2771
                echo "        flex-direction: column;

        ";
                // line 2773
                if ((twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "alignment", [], "any", false, false, false, 2773) == "left")) {
                    // line 2774
                    echo "            align-items: flex-start;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2775
($context["s"] ?? null), "alignment", [], "any", false, false, false, 2775) == "center")) {
                    // line 2776
                    echo "            align-items: center;
            text-align: center;
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 2778
($context["s"] ?? null), "alignment", [], "any", false, false, false, 2778) == "right")) {
                    // line 2779
                    echo "            align-items: flex-end;
        ";
                }
                // line 2781
                echo "
    ";
            }
            // line 2783
            echo "
";

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

    // line 2787
    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 2788
            echo "    ";
            $context["url"] = twig_trim_filter(twig_call_macro($macros["_self"], "macro_getUntrimmedLinkUrl", [($context["link"] ?? null)], 2788, $context, $this->getSourceContext()));
            // line 2789
            echo "    ";
            $context["target"] = ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "openInNewTab", [], "any", false, false, false, 2789)) ? ("_blank") : ("_self"));
            // line 2790
            echo "
    ";
            // line 2791
            echo twig_call_macro($macros["_self"], "macro_linkMaybeEnqueueLightboxStyles", [($context["link"] ?? null)], 2791, $context, $this->getSourceContext());
            echo "
    ";
            // line 2792
            echo twig_call_macro($macros["_self"], "macro_linkMaybeEnqueueLinkActions", [($context["link"] ?? null)], 2792, $context, $this->getSourceContext());
            echo "

    ";
            // line 2794
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 2794) == "lightbox")) {
                // line 2795
                echo "      ";
                $context["attString"] = (($context["attString"] ?? null) . " data-lightbox-id=\"%%ID%%\"");
                // line 2796
                echo "
      ";
                // line 2797
                if (($context["zoom"] ?? null)) {
                    // line 2798
                    echo "        ";
                    $context["attString"] = (($context["attString"] ?? null) . " data-zoom=\"1\"");
                    // line 2799
                    echo "      ";
                }
                // line 2800
                echo "    ";
            }
            // line 2801
            echo "
    ";
            // line 2802
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 2802) == "action")) {
                // line 2803
                echo "      ";
                $context["linkAction"] = json_encode(twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "action", [], "any", false, false, false, 2803));
                // line 2804
                echo "      ";
                $context["attString"] = (((($context["attString"] ?? null) . " data-action='") . ($context["linkAction"] ?? null)) . "'");
                // line 2805
                echo "    ";
            }
            // line 2806
            echo "
    <a class=\"breakdance-link ";
            // line 2807
            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, 2807);
            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 2810
    public function macro_linkEnd(...$__varargs__)
    {
        $macros = $this->macros;
        $context = $this->env->mergeGlobals([
            "varargs" => $__varargs__,
        ]);

        $blocks = [];

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

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

    // line 2814
    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 2815
            echo "    ";
            // line 2816
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 2816) == "lightbox")) {
                // line 2817
                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 2827
                echo "
    ";
            }

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

    // line 2831
    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 2832
            echo "    ";
            // line 2833
            echo "    ";
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "type", [], "any", false, false, false, 2833) == "action")) {
                // line 2834
                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, 2834), "type", [], "any", false, false, false, 2834))) {
                    // line 2835
                    echo "        ";
                    echo Breakdance\Elements\addDependency(["scripts" => [0 => "%%BREAKDANCE_ELEMENTS_PLUGIN_URL%%dependencies-files/elements-reusable-code/breakdance-link-actions.js"]]);
                    // line 2841
                    echo "
       ";
                    // line 2843
                    echo "       ";
                    if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "action", [], "any", false, false, false, 2843), "type", [], "any", false, false, false, 2843) == "popup")) {
                        // line 2844
                        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, 2844), "popupOptions", [], "any", false, false, false, 2844), "popupId", [], "any", false, false, false, 2844));
                        echo "
       ";
                    }
                    // line 2846
                    echo "      ";
                }
                // line 2847
                echo "    ";
            }

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

    // line 2850
    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 2851
            echo "    ";
            if (twig_test_iterable(($context["link"] ?? null))) {
                // line 2852
                echo "        ";
                $context["contact"] = twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "contact", [], "any", false, false, false, 2852);
                // line 2853
                echo "        ";
                $context["lightbox"] = twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "lightbox", [], "any", false, false, false, 2853);
                // line 2854
                echo "
        ";
                // line 2855
                $context["contact_urls"] = ["email" => ((((("mailto:" . twig_get_attribute($this->env, $this->source,                 // line 2856
($context["contact"] ?? null), "email", [], "any", false, false, false, 2856)) . "?subject=") . twig_get_attribute($this->env, $this->source, ($context["contact"] ?? null), "subject", [], "any", false, false, false, 2856)) . "&body=") . twig_get_attribute($this->env, $this->source, ($context["contact"] ?? null), "message", [], "any", false, false, false, 2856)), "whatsapp" => ((("https://api.whatsapp.com/send?phone=" . twig_get_attribute($this->env, $this->source,                 // line 2857
($context["contact"] ?? null), "phoneNumber", [], "any", false, false, false, 2857)) . "&text=") . twig_get_attribute($this->env, $this->source, ($context["contact"] ?? null), "message", [], "any", false, false, false, 2857)), "tel" => ("tel:" . twig_get_attribute($this->env, $this->source,                 // line 2858
($context["contact"] ?? null), "phoneNumber", [], "any", false, false, false, 2858)), "sms" => ("sms:" . twig_get_attribute($this->env, $this->source,                 // line 2859
($context["contact"] ?? null), "phoneNumber", [], "any", false, false, false, 2859))];
                // line 2861
                echo "
        ";
                // line 2862
                $context["lightbox_urls"] = ["image" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2863
($context["lightbox"] ?? null), "image", [], "any", false, false, false, 2863), "url", [], "any", false, false, false, 2863), "video" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 2864
($context["lightbox"] ?? null), "video", [], "any", false, false, false, 2864), "embedUrl", [], "any", false, false, false, 2864)];
                // line 2866
                echo "
        ";
                // line 2867
                $context["urls"] = ["url" => twig_get_attribute($this->env, $this->source,                 // line 2868
($context["link"] ?? null), "url", [], "any", false, false, false, 2868), "lightbox" => (($__internal_compile_5 =                 // line 2869
($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, 2869)] ?? null) : null), "contact" => (($__internal_compile_6 =                 // line 2870
($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, 2870)] ?? null) : null)];
                // line 2872
                echo "
        ";
                // line 2873
                $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, 2873)] ?? null) : null);
                // line 2874
                echo "
        ";
                // line 2875
                echo ((twig_test_empty(($context["url"] ?? null))) ? ("#") : (($context["url"] ?? null)));
                echo "
    ";
            } else {
                // line 2877
                echo "        ";
                // line 2878
                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 2883
    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 2884
            echo "  ";
            $context["defaultSize"] = "full";
            // line 2885
            echo "  ";
            $context["allSizes"] = twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "sizes", [], "any", false, false, false, 2885);
            // line 2886
            echo "  ";
            $context["size"] = ((array_key_exists("chosenSize", $context)) ? (_twig_default_filter(($context["chosenSize"] ?? null), ($context["defaultSize"] ?? null))) : (($context["defaultSize"] ?? null)));
            // line 2887
            echo "
  ";
            // line 2888
            $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, 2888))) : (twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "alt", [], "any", false, false, false, 2888)));
            // line 2889
            echo "
  ";
            // line 2890
            if ((($context["alt"] ?? null) === false)) {
                // line 2891
                echo "    ";
                $context["customAlt"] = false;
                // line 2892
                echo "  ";
            }
            // line 2893
            echo "
  ";
            // line 2894
            $context["altAttr"] = ((($context["customAlt"] ?? null)) ? ((("alt=\"" . ($context["customAlt"] ?? null)) . "\"")) : (""));
            // line 2895
            echo "
  ";
            // line 2896
            $context["extraImageClass"] = ((($context["imgClass"] ?? null)) ? ((" " . ($context["imgClass"] ?? null))) : (""));
            // line 2897
            echo "
  ";
            // line 2899
            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 2900
            echo "  ";
            $context["selected"] = ((((twig_get_attribute($this->env, $this->source, ($context["allSizes"] ?? null), ($context["size"] ?? null), [], "array", true, true, false, 2900)) ? (_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, 2900)) ? (_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 2901
            echo "
  ";
            // line 2902
            if ((twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "type", [], "any", false, false, false, 2902) == "external_image")) {
                // line 2903
                echo "    <img
      class=\"breakdance-image-object";
                // line 2904
                echo ($context["extraImageClass"] ?? null);
                echo "\"
      src=\"";
                // line 2905
                echo twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "url", [], "any", false, false, false, 2905);
                echo "\"
      ";
                // line 2906
                echo ($context["altAttr"] ?? null);
                echo "
      ";
                // line 2907
                echo ((($context["lazyLoad"] ?? null)) ? ("loading=\"lazy\"") : (""));
                echo "
    />
  ";
            } else {
                // line 2910
                echo "    <img
      class=\"breakdance-image-object";
                // line 2911
                echo ($context["extraImageClass"] ?? null);
                echo "\"
      src=\"";
                // line 2912
                echo twig_get_attribute($this->env, $this->source, ($context["selected"] ?? null), "url", [], "any", false, false, false, 2912);
                echo "\"
      width=\"";
                // line 2913
                echo twig_get_attribute($this->env, $this->source, ($context["selected"] ?? null), "width", [], "any", false, false, false, 2913);
                echo "\"
      height=\"";
                // line 2914
                echo twig_get_attribute($this->env, $this->source, ($context["selected"] ?? null), "height", [], "any", false, false, false, 2914);
                echo "\"
      ";
                // line 2915
                echo ($context["altAttr"] ?? null);
                echo "
      ";
                // line 2916
                echo ((($context["lazyLoad"] ?? null)) ? ("loading=\"lazy\"") : (""));
                echo "
      ";
                // line 2917
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["img"] ?? null), "attributes", [], "any", false, false, false, 2917));
                foreach ($context['_seq'] as $context["attribute"] => $context["value"]) {
                    // line 2918
                    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 2920
                echo "    >
  ";
            }

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

    // line 2924
    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 2925
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "type", [], "any", false, false, false, 2925) == "video")) {
                // line 2926
                echo "    <video src=\"";
                echo twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "url", [], "any", false, false, false, 2926);
                echo "\" playsinline ";
                echo ((($context["lazyLoad"] ?? null)) ? ("loading=\"lazy\"") : (""));
                echo "></video>
  ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 2927
($context["video"] ?? null), "type", [], "any", false, false, false, 2927) == "oembed")) {
                // line 2928
                echo "    <iframe
      src=\"";
                // line 2929
                echo twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "embedUrl", [], "any", false, false, false, 2929);
                echo "\"
      title=\"";
                // line 2930
                echo twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "title", [], "any", false, false, false, 2930);
                echo "\"
      ";
                // line 2931
                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 2937
    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 2938
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "type", [], "any", false, false, false, 2938) == "oembed")) {
                // line 2939
                echo "    ";
                // line 2940
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_image", [twig_get_attribute($this->env, $this->source, ($context["video"] ?? null), "thumbnail", [], "any", false, false, false, 2940)], 2940, $context, $this->getSourceContext());
                echo "
  ";
            } elseif ((twig_get_attribute($this->env, $this->source,             // line 2941
($context["video"] ?? null), "type", [], "any", false, false, false, 2941) == "video")) {
                // line 2942
                echo "    ";
                // line 2947
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_video", [($context["video"] ?? null)], 2947, $context, $this->getSourceContext());
                echo "
  ";
            }

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

    // line 2955
    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 2956
            echo "  ";
            // line 2957
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["media"] ?? null), "type", [], "any", false, false, false, 2957) == "video")) {
                // line 2958
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_video", [($context["media"] ?? null), ($context["lazyLoad"] ?? null)], 2958, $context, $this->getSourceContext());
                echo "
  ";
            } else {
                // line 2960
                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, 2960), ($context["lazyLoad"] ?? null)], 2960, $context, $this->getSourceContext());
                echo "
  ";
            }

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

    // line 2965
    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 2966
            echo "  ";
            $context["style"] = ((twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "removeColumnTitles", [], "any", false, false, false, 2966)) ? ("no-titles") : ("collapse"));
            // line 2967
            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, 2967), "custom_icon", [], "any", false, false, false, 2967);
            // line 2968
            echo "
<nav class=\"breakdance-menu breakdance-menu--";
            // line 2969
            echo ($context["style"] ?? null);
            echo "\">
  <button class=\"breakdance-menu-toggle breakdance-menu-toggle--";
            // line 2970
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "toggle", [], "any", false, true, false, 2970), "animation", [], "any", true, true, false, 2970)) ? (_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, 2970), "animation", [], "any", false, false, false, 2970), "squeeze")) : ("squeeze"));
            echo "\" type=\"button\">
      ";
            // line 2971
            if ((twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 2971) || (twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 2971) && twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "close_icon", [], "any", false, false, false, 2971)))) {
                // line 2972
                echo "        ";
                if (twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 2972)) {
                    // line 2973
                    echo "          <span class=\"breakdance-menu-toggle__custom-open-icon\">
            ";
                    // line 2974
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "open_icon", [], "any", false, false, false, 2974), "svgCode", [], "any", false, false, false, 2974);
                    echo "
          </span>
        ";
                }
                // line 2977
                echo "
        ";
                // line 2978
                if (twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "close_icon", [], "any", false, false, false, 2978)) {
                    // line 2979
                    echo "          <span class=\"breakdance-menu-toggle__custom-close-icon\">
            ";
                    // line 2980
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["customIcon"] ?? null), "close_icon", [], "any", false, false, false, 2980), "svgCode", [], "any", false, false, false, 2980);
                    echo "
          </span>
        ";
                }
                // line 2983
                echo "      ";
            } else {
                // line 2984
                echo "        <span class=\"breakdance-menu-toggle-icon\">
          <span class=\"breakdance-menu-toggle-lines\"></span>
        </span>
      ";
            }
            // line 2988
            echo "  </button>
  ";

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

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

        $blocks = [];

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

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

    // line 2995
    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 2996
            echo "  ";
            $context["layout"] = twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "layout", [], "any", false, false, false, 2996);
            // line 2997
            echo "
  ";
            // line 2998
            if (((twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "mode", [], "any", false, false, false, 2998) && (twig_get_attribute($this->env, $this->source, ($context["options"] ?? null), "mode", [], "any", false, false, false, 2998) != "default")) && (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo", [], "any", false, false, false, 2998) ||  !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "close_button", [], "any", false, false, false, 2998), "disable", [], "any", false, false, false, 2998)))) {
                // line 2999
                echo "    <div class=\"breakdance-menu-topbar\">
      ";
                // line 3000
                if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo_url", [], "any", false, false, false, 3000)) {
                    // line 3001
                    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, 3001);
                    echo "\">
        ";
                } else {
                    // line 3003
                    echo "        <span class=\"breakdance-menu-topbar-logo\">
      ";
                }
                // line 3005
                echo "          ";
                if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo", [], "any", false, false, false, 3005)) {
                    // line 3006
                    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, 3006), "url", [], "any", false, false, false, 3006);
                    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, 3006), "alt", [], "any", false, false, false, 3006);
                    echo "\" />
          ";
                }
                // line 3008
                echo "          ";
                if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "logo_url", [], "any", false, false, false, 3008)) {
                    // line 3009
                    echo "      </a>
    ";
                } else {
                    // line 3011
                    echo "      </span>
      ";
                }
                // line 3013
                echo "
      ";
                // line 3014
                if ( !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "close_button", [], "any", false, false, false, 3014), "disable", [], "any", false, false, false, 3014)) {
                    // line 3015
                    echo "        <button class=\"breakdance-menu-close-button\" type=\"button\">Close</button>
      ";
                }
                // line 3017
                echo "    </div>
  ";
            }

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

    // line 3021
    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 3022
            echo "  <a href=\"";
            echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "url", [], "any", false, false, false, 3022);
            echo "\" class=\"breakdance-dropdown-link\">
    ";
            // line 3023
            if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon_or_image", [], "any", false, false, false, 3023) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon", [], "any", false, false, false, 3023), "svgCode", [], "any", false, false, false, 3023) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "image", [], "any", false, false, false, 3023), "url", [], "any", false, false, false, 3023)))) {
                // line 3024
                echo "      <span class=\"breakdance-dropdown-link__icon\">
        ";
                // line 3025
                if ((twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon_or_image", [], "any", false, false, false, 3025) == "icon")) {
                    // line 3026
                    echo "          ";
                    echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "icon", [], "any", false, false, false, 3026), "svgCode", [], "any", false, false, false, 3026);
                    echo "
        ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 3027
($context["link"] ?? null), "icon_or_image", [], "any", false, false, false, 3027) == "image")) {
                    // line 3028
                    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, 3028), "url", [], "any", false, false, false, 3028);
                    echo "\" width=\"30\" alt=\"\">
        ";
                }
                // line 3030
                echo "      </span>
    ";
            }
            // line 3032
            echo "
    <span class=\"breakdance-dropdown-link__label\">
      ";
            // line 3034
            if (twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "text", [], "any", false, false, false, 3034)) {
                // line 3035
                echo "        <span class=\"breakdance-dropdown-link__text\">";
                echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "text", [], "any", false, false, false, 3035);
                echo "</span>
      ";
            }
            // line 3037
            echo "
      ";
            // line 3038
            if (twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "description", [], "any", false, false, false, 3038)) {
                // line 3039
                echo "        <span class=\"breakdance-dropdown-link__description\">";
                echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "description", [], "any", false, false, false, 3039);
                echo "</span>
      ";
            }
            // line 3041
            echo "    </span>
  </a>
";

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

    // line 3045
    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 3046
            echo "  <div class=\"breakdance-dropdown-section breakdance-dropdown-section--";
            echo ($context["theme"] ?? null);
            echo "\">
    <div class=\"breakdance-dropdown-columns\">
      ";
            // line 3048
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["columns"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["column"]) {
                // line 3049
                echo "        <div class=\"breakdance-dropdown-column ";
                echo ((twig_get_attribute($this->env, $this->source, $context["column"], "title", [], "any", false, false, false, 3049)) ? ("breakdance-dropdown-column--collapsible") : (""));
                echo "\">
          ";
                // line 3050
                if (twig_get_attribute($this->env, $this->source, $context["column"], "title", [], "any", false, false, false, 3050)) {
                    // line 3051
                    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, 3051);
                    echo "</span>
          ";
                }
                // line 3053
                echo "
          <div class=\"breakdance-dropdown-links\">
            ";
                // line 3055
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["column"], "links", [], "any", false, false, false, 3055));
                foreach ($context['_seq'] as $context["_key"] => $context["link"]) {
                    // line 3056
                    echo "              ";
                    echo twig_call_macro($macros["_self"], "macro_menuLink", [$context["link"]], 3056, $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 3058
                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 3061
            echo "    </div>
  </div>
";

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

    // line 3065
    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 3066
            echo "  ";
            $context["desktop"] = twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "desktop_menu", [], "any", false, false, false, 3066);
            // line 3067
            echo "  ";
            $context["mobile"] = twig_get_attribute($this->env, $this->source, ($context["styles"] ?? null), "mobile_menu", [], "any", false, false, false, 3067);
            // line 3068
            echo "  ";
            $context["desktopBreakpoint"] = "breakpoint_base";
            // line 3069
            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, 3069), "show_at", [], "any", true, true, false, 3069)) ? (_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, 3069), "show_at", [], "any", false, false, false, 3069), "breakpoint_tablet_landscape")) : ("breakpoint_tablet_landscape"));
            // line 3070
            echo "  ";
            $context["breakpointWidth"] = Breakdance\PluginsAPI\getBreakpointMaxWidth(($context["mobileBreakpoint"] ?? null));
            // line 3071
            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, 3071), "links", [], "any", false, false, false, 3071), "effect", [], "any", false, false, false, 3071), "radius", [], "any", false, false, false, 3071);
            // line 3072
            echo "  ";
            $context["parentSelector"] = (($context["selector"] ?? null) . " .breakdance-menu");
            // line 3073
            echo "
  ";
            // line 3074
            if ((($context["isBaseBp"] ?? null) && (($context["mobileBreakpoint"] ?? null) != ($context["desktopBreakpoint"] ?? null)))) {
                // line 3075
                echo "    ";
                if ((($context["mobileBreakpoint"] ?? null) != "never")) {
                    // line 3076
                    echo "      @media (min-width: ";
                    echo (($context["breakpointWidth"] ?? null) + 1);
                    echo "px) {
    ";
                }
                // line 3078
                echo "      ";
                echo ($context["parentSelector"] ?? null);
                echo " {
        --menu-duration: ";
                // line 3079
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["desktop"] ?? null), "transition_duration", [], "any", false, false, false, 3079), "style", [], "any", false, false, false, 3079);
                echo ";

        ";
                // line 3082
                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, 3082), "space_between", [], "any", false, false, false, 3082), "style", [], "any", false, false, false, 3082);
                echo ";
        --link-color: ";
                // line 3083
                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, 3083), "typography", [], "any", false, false, false, 3083), "color", [], "any", false, false, false, 3083);
                echo ";
        --link-color-hover: ";
                // line 3084
                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, 3084), "typography", [], "any", false, false, false, 3084), "color_hover", [], "any", false, false, false, 3084);
                echo ";
        --link-effect-color: ";
                // line 3085
                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, 3085), "effect", [], "any", false, false, false, 3085), "color", [], "any", false, false, false, 3085);
                echo ";
        --link-effect-color-hover: ";
                // line 3086
                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, 3086), "effect", [], "any", false, false, false, 3086), "color", [], "any", false, false, false, 3086);
                echo "; ";
                // line 3087
                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, 3087), "effect", [], "any", false, false, false, 3087), "thickness", [], "any", false, false, false, 3087), "style", [], "any", false, false, false, 3087);
                echo ";
        ";
                // line 3088
                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, 3088), "size", [], "any", false, false, false, 3088), "padding", [], "any", false, false, false, 3088)], 3088, $context, $this->getSourceContext());
                echo "
        ";
                // line 3089
                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, 3089), "effect", [], "any", false, false, false, 3089), "radius", [], "any", false, false, false, 3089)], 3089, $context, $this->getSourceContext());
                echo "

        ";
                // line 3092
                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, 3092), "dropdown_arrows", [], "any", false, false, false, 3092), "color", [], "any", false, false, false, 3092);
                echo ";
        --link-arrow-color-hover: ";
                // line 3093
                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, 3093), "dropdown_arrows", [], "any", false, false, false, 3093), "color_hover", [], "any", false, false, false, 3093);
                echo ";
        --link-arrow-display: ";
                // line 3094
                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, 3094), "dropdown_arrows", [], "any", false, false, false, 3094), "disable", [], "any", false, false, false, 3094)) ? ("none") : (""));
                echo ";
        --link-arrow-offset-y: ";
                // line 3095
                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, 3095), "dropdown_arrows", [], "any", false, false, false, 3095), "offset", [], "any", false, false, false, 3095), "style", [], "any", false, false, false, 3095);
                echo ";
        --link-arrow-close-rotation: ";
                // line 3096
                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, 3096), "dropdown_arrows", [], "any", false, false, false, 3096), "closed_rotation", [], "any", false, false, false, 3096), "style", [], "any", false, false, false, 3096);
                echo ";
        --link-arrow-open-rotation: ";
                // line 3097
                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, 3097), "dropdown_arrows", [], "any", false, false, false, 3097), "open_rotation", [], "any", false, false, false, 3097), "style", [], "any", false, false, false, 3097);
                echo ";
        --link-arrow-size: ";
                // line 3098
                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, 3098), "dropdown_arrows", [], "any", false, false, false, 3098), "size", [], "any", false, false, false, 3098), "style", [], "any", false, false, false, 3098);
                echo ";
        --link-arrow-gap: ";
                // line 3099
                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, 3099), "dropdown_arrows", [], "any", false, false, false, 3099), "gap", [], "any", false, false, false, 3099), "style", [], "any", false, false, false, 3099);
                echo ";
        ";
                // line 3100
                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, 3100), "dropdown_arrows", [], "any", false, false, false, 3100), "custom_arrow", [], "any", false, false, false, 3100)], 3100, $context, $this->getSourceContext());
                echo "

        ";
                // line 3103
                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, 3103), "wrapper", [], "any", false, false, false, 3103), "transition_duration", [], "any", false, false, false, 3103), "style", [], "any", false, false, false, 3103);
                echo ";
        --dropdown-caret-display: ";
                // line 3104
                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, 3104), "wrapper", [], "any", false, false, false, 3104), "disable_caret", [], "any", false, false, false, 3104)) ? ("none") : (""));
                echo ";
        --dropdown-caret-radius: ";
                // line 3105
                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, 3105), "wrapper", [], "any", false, false, false, 3105), "caret_radius", [], "any", false, false, false, 3105), "style", [], "any", false, false, false, 3105);
                echo ";
        --dropdown-background-color: ";
                // line 3106
                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, 3106), "wrapper", [], "any", false, false, false, 3106), "background", [], "any", false, false, false, 3106);
                echo ";
        --dropdown-offset-y: ";
                // line 3107
                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, 3107), "wrapper", [], "any", false, false, false, 3107), "offset", [], "any", false, false, false, 3107), "style", [], "any", false, false, false, 3107);
                echo ";

        ";
                // line 3110
                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, 3110), "additional_section", [], "any", false, false, false, 3110), "stack_horizontally", [], "any", false, false, false, 3110)) ? ("row") : (""));
                echo ";
        ";
                // line 3111
                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, 3111), "wrapper", [], "any", false, false, false, 3111), "padding", [], "any", false, false, false, 3111), "padding", [], "any", false, false, false, 3111)], 3111, $context, $this->getSourceContext());
                echo "
      }

      ";
                // line 3114
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-link,
      ";
                // line 3115
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-list > .breakdance-link {
        ";
                // line 3116
                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, 3116), "typography", [], "any", false, false, false, 3116), ($context["globalSettings"] ?? null)], 3116, $context, $this->getSourceContext());
                echo "
      }

      ";
                // line 3119
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-link:hover,
      ";
                // line 3120
                echo ($context["selector"] ?? null);
                echo " .breakdance-menu-list > .breakdance-link:hover {
        ";
                // line 3121
                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, 3121), "typography", [], "any", false, false, false, 3121), ($context["globalSettings"] ?? null)], 3121, $context, $this->getSourceContext());
                echo "
      }

      /* Dropdown */
      ";
                // line 3125
                echo ($context["selector"] ?? null);
                echo " .breakdance-dropdown-body {
        ";
                // line 3126
                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, 3126), "wrapper", [], "any", false, false, false, 3126), "borders", [], "any", false, false, false, 3126)], 3126, $context, $this->getSourceContext());
                echo "
      }

      ";
                // line 3129
                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, 3129), "columns", [], "any", false, false, false, 3129), ($context["globalSettings"] ?? null)], 3129, $context, $this->getSourceContext());
                echo "
      ";
                // line 3130
                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, 3130), "links", [], "any", false, false, false, 3130), ($context["globalSettings"] ?? null)], 3130, $context, $this->getSourceContext());
                echo "
      ";
                // line 3131
                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, 3131), "additional_section", [], "any", false, false, false, 3131), ($context["globalSettings"] ?? null)], 3131, $context, $this->getSourceContext());
                echo "

    ";
                // line 3133
                if ((($context["mobileBreakpoint"] ?? null) != "never")) {
                    // line 3134
                    echo "        }
    ";
                }
                // line 3136
                echo "  ";
            }
            // line 3137
            echo "
  ";
            // line 3139
            echo "  ";
            if ((($context["bp"] ?? null) == ($context["mobileBreakpoint"] ?? null))) {
                // line 3140
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_atomV1MenuResponsiveCss", [($context["selector"] ?? null), ($context["mobile"] ?? null), ($context["globalSettings"] ?? null), ($context["isWPMenu"] ?? null)], 3140, $context, $this->getSourceContext());
                echo "
  ";
            }

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

    // line 3144
    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 3145
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown {
    --dropdown-background-color: ";
            // line 3146
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["dropdown"] ?? null), "wrapper", [], "any", false, false, false, 3146), "background", [], "any", false, false, false, 3146);
            echo ";
    --dropdown-custom-width: ";
            // line 3147
            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, 3147), "width", [], "any", false, false, false, 3147), "style", [], "any", false, false, false, 3147);
            echo ";
    --dropdown-sections-stack: ";
            // line 3148
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["dropdown"] ?? null), "additional_section", [], "any", false, false, false, 3148), "stack_horizontally", [], "any", false, false, false, 3148)) ? ("row") : (""));
            echo ";
    ";
            // line 3149
            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, 3149), "padding", [], "any", false, false, false, 3149), "padding", [], "any", false, false, false, 3149)], 3149, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3152
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-body {
    ";
            // line 3153
            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, 3153), "borders", [], "any", false, false, false, 3153)], 3153, $context, $this->getSourceContext());
            echo "
  }
";

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

    // line 3157
    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 3158
            echo "  /* Dropdown - Additional Section */
  ";
            // line 3159
            $context["className"] = (($context["selector"] ?? null) . " .breakdance-dropdown-section--additional");
            // line 3160
            echo "
  ";
            // line 3161
            echo ($context["className"] ?? null);
            echo " {
    --dropdown-section-dark-background: ";
            // line 3162
            echo twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "background", [], "any", false, false, false, 3162);
            echo ";
    --dropdown-section-width: ";
            // line 3163
            echo ((twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "stack_horizontally", [], "any", false, false, false, 3163)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["additional"] ?? null), "width", [], "any", false, false, false, 3163), "style", [], "any", false, false, false, 3163)) : (""));
            echo ";
    ";
            // line 3164
            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, 3164), "padding", [], "any", false, false, false, 3164)], 3164, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3167
            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, 3167), ($context["globalSettings"] ?? null)], 3167, $context, $this->getSourceContext());
            echo "
  ";
            // line 3168
            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, 3168), ($context["globalSettings"] ?? null)], 3168, $context, $this->getSourceContext());
            echo "
";

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

    // line 3171
    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 3172
            echo "  /* Dropdown Columns */

  ";
            // line 3174
            echo ($context["selector"] ?? null);
            echo " {
    --dropdown-columns-gap: ";
            // line 3175
            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, 3175), "style", [], "any", false, false, false, 3175);
            echo ";
    --dropdown-column-title-spacing: ";
            // line 3176
            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, 3176), "style", [], "any", false, false, false, 3176);
            echo ";
    --dropdown-columns-stack: ";
            // line 3177
            echo ((twig_get_attribute($this->env, $this->source, ($context["column"] ?? null), "stack_vertically", [], "any", false, false, false, 3177)) ? ("column") : (""));
            echo ";
  }

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

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

    // line 3185
    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 3186
            echo "  /* Dropdown Link */

  ";
            // line 3188
            echo ($context["selector"] ?? null);
            echo " {
    --dropdown-links-gap: ";
            // line 3189
            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, 3189), "between_links", [], "any", false, false, false, 3189), "style", [], "any", false, false, false, 3189);
            echo ";
    --dropdown-link-description-spacing: ";
            // line 3190
            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, 3190), "before_description", [], "any", false, false, false, 3190), "style", [], "any", false, false, false, 3190);
            echo ";
    --dropdown-link-img-opacity: ";
            // line 3191
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "graphic", [], "any", false, false, false, 3191), "image_opacity", [], "any", false, false, false, 3191);
            echo ";
    --dropdown-link-img-opacity-hover: ";
            // line 3192
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "graphic", [], "any", false, false, false, 3192), "image_opacity_hover", [], "any", false, false, false, 3192);
            echo ";
    --dropdown-link-background-color-hover: ";
            // line 3193
            echo twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "hover_background", [], "any", false, false, false, 3193);
            echo ";
    --dropdown-link-icon-spacing: ";
            // line 3194
            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, 3194), "after_graphic", [], "any", false, false, false, 3194), "style", [], "any", false, false, false, 3194);
            echo ";
    ";
            // line 3195
            echo twig_call_macro($macros["_self"], "macro_atomV1MenuDropdownLinkGraphicCss", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "graphic", [], "any", false, false, false, 3195)], 3195, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3198
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link {
    ";
            // line 3199
            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, 3199)], 3199, $context, $this->getSourceContext());
            echo "
    ";
            // line 3200
            echo twig_call_macro($macros["_self"], "macro_border_radius", [twig_get_attribute($this->env, $this->source, ($context["link"] ?? null), "radius", [], "any", false, false, false, 3200)], 3200, $context, $this->getSourceContext());
            echo "
  }

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

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

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

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

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

    // line 3220
    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 3221
            echo "  --dropdown-link-icon-color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "icon", [], "any", false, false, false, 3221);
            echo ";
  --dropdown-link-icon-color-hover: ";
            // line 3222
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "icon_hover", [], "any", false, false, false, 3222);
            echo ";
  --dropdown-link-icon-size: ";
            // line 3223
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "size", [], "any", false, false, false, 3223), "style", [], "any", false, false, false, 3223);
            echo ";
  --dropdown-link-icon-alignment: ";
            // line 3224
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "alignment", [], "any", false, false, false, 3224);
            echo ";
  --dropdown-link-icon-x: ";
            // line 3225
            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, 3225), "x", [], "any", false, false, false, 3225), "style", [], "any", false, false, false, 3225);
            echo ";
  --dropdown-link-icon-y: ";
            // line 3226
            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, 3226), "y", [], "any", false, false, false, 3226), "style", [], "any", false, false, false, 3226);
            echo ";
  --dropdown-link-icon-background: ";
            // line 3227
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "background", [], "any", false, false, false, 3227);
            echo ";
  --dropdown-link-icon-background-hover: ";
            // line 3228
            echo twig_get_attribute($this->env, $this->source, ($context["graphic"] ?? null), "background_hover", [], "any", false, false, false, 3228);
            echo ";

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

  ";
            // line 3233
            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, 3233)], 3233, $context, $this->getSourceContext());
            echo "
  ";
            // line 3234
            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, 3234), "padding", [], "any", false, false, false, 3234)], 3234, $context, $this->getSourceContext());
            echo "
";

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

    // line 3237
    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 3238
            echo "  /* Awesome Menu: Responsive Styles */

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

    ";
            // line 3244
            if (((twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "mode", [], "any", false, false, false, 3244) == "fullscreen") || (twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "mode", [], "any", false, false, false, 3244) == "offcanvas"))) {
                // line 3245
                echo "      ";
                // line 3246
                echo "      --menu-alignment: ";
                echo ((twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "vertically_align_center", [], "any", false, false, false, 3246)) ? ("center") : (""));
                echo ";
    ";
            }
            // line 3248
            echo "
    ";
            // line 3249
            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, 3249), "wrapper_padding", [], "any", false, false, false, 3249), "padding", [], "any", false, false, false, 3249)], 3249, $context, $this->getSourceContext());
            echo "
    --toggle-radius: ";
            // line 3250
            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, 3250), "wrapper_radius", [], "any", false, false, false, 3250), "style", [], "any", false, false, false, 3250);
            echo ";
    --toggle-background-color: ";
            // line 3251
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3251), "wrapper", [], "any", false, false, false, 3251);
            echo ";
    --toggle-background-color-hover: ";
            // line 3252
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3252), "wrapper_hover", [], "any", false, false, false, 3252);
            echo ";
    --toggle-active-background-color: ";
            // line 3253
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3253), "wrapper_open", [], "any", false, false, false, 3253);
            echo ";
    --toggle-layer-width: ";
            // line 3254
            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, 3254), "custom_icon", [], "any", false, false, false, 3254), "bar_width", [], "any", false, false, false, 3254), "style", [], "any", false, false, false, 3254);
            echo ";
    --toggle-layer-height: ";
            // line 3255
            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, 3255), "custom_icon", [], "any", false, false, false, 3255), "bar_height", [], "any", false, false, false, 3255), "style", [], "any", false, false, false, 3255);
            echo ";
    --toggle-layer-spacing: ";
            // line 3256
            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, 3256), "custom_icon", [], "any", false, false, false, 3256), "bar_spacing", [], "any", false, false, false, 3256), "style", [], "any", false, false, false, 3256);
            echo ";
    --toggle-layer-color: ";
            // line 3257
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3257), "icon", [], "any", false, false, false, 3257);
            echo ";
    --toggle-layer-color-active: ";
            // line 3258
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3258), "icon_open", [], "any", false, false, false, 3258);
            echo ";
    --toggle-layer-color-hover: ";
            // line 3259
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "toggle", [], "any", false, false, false, 3259), "icon_hover", [], "any", false, false, false, 3259);
            echo ";
    --toggle-layer-border-radius: ";
            // line 3260
            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, 3260), "custom_icon", [], "any", false, false, false, 3260), "bar_radius", [], "any", false, false, false, 3260), "style", [], "any", false, false, false, 3260);
            echo ";

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

    --mobile-topbar-padding: ";
            // line 3265
            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, 3265), "padding", [], "any", false, false, false, 3265), "style", [], "any", false, false, false, 3265);
            echo ";
    --mobile-topbar-logo-width: ";
            // line 3266
            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, 3266), "logo_width", [], "any", false, false, false, 3266), "style", [], "any", false, false, false, 3266);
            echo ";
    --mobile-topbar-logo-order: ";
            // line 3267
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "top_bar", [], "any", false, false, false, 3267), "logo_on_right", [], "any", false, false, false, 3267)) ? (2) : (""));
            echo ";
    --mobile-topbar-close-button-size: ";
            // line 3268
            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, 3268), "close_button", [], "any", false, false, false, 3268), "size", [], "any", false, false, false, 3268), "style", [], "any", false, false, false, 3268);
            echo ";
    --mobile-topbar-close-button-color: ";
            // line 3269
            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, 3269), "close_button", [], "any", false, false, false, 3269), "color", [], "any", false, false, false, 3269);
            echo ";
    --mobile-topbar-close-button-color-hover: ";
            // line 3270
            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, 3270), "close_button", [], "any", false, false, false, 3270), "color_hover", [], "any", false, false, false, 3270);
            echo ";
    --mobile-topbar-close-button-bar-height: ";
            // line 3271
            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, 3271), "close_button", [], "any", false, false, false, 3271), "bar_height", [], "any", false, false, false, 3271), "style", [], "any", false, false, false, 3271);
            echo ";

    --links-gap: 0;
    --link-color: ";
            // line 3274
            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, 3274), "typography", [], "any", false, false, false, 3274), "level_1", [], "any", false, false, false, 3274), "color", [], "any", false, false, false, 3274);
            echo ";
    --link-background-color: ";
            // line 3275
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3275), "background", [], "any", false, false, false, 3275);
            echo ";
    --link-background-color-hover: ";
            // line 3276
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3276), "background_hover", [], "any", false, false, false, 3276);
            echo ";
    --link-border-color: ";
            // line 3277
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3277), "border", [], "any", false, false, false, 3277);
            echo ";
    --link-border: ";
            // line 3278
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3278), "no_border", [], "any", false, false, false, 3278)) ? ("none") : (""));
            echo ";
    --link-alignment: ";
            // line 3279
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3279), "horizontally_center_links", [], "any", false, false, false, 3279)) ? ("center") : (""));
            echo ";

    ";
            // line 3281
            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, 3281), "padding", [], "any", false, false, false, 3281), "level_1", [], "any", false, false, false, 3281)], 3281, $context, $this->getSourceContext());
            echo "
    ";
            // line 3282
            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, 3282), "padding", [], "any", false, false, false, 3282), "level_2", [], "any", false, false, false, 3282)], 3282, $context, $this->getSourceContext());
            echo "
    ";
            // line 3283
            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, 3283), "padding", [], "any", false, false, false, 3283), "level_3", [], "any", false, false, false, 3283)], 3283, $context, $this->getSourceContext());
            echo "

    --link-arrow-color: ";
            // line 3285
            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, 3285), "dropdown_arrows", [], "any", false, false, false, 3285), "color", [], "any", false, false, false, 3285);
            echo ";
    --link-arrow-color-hover: ";
            // line 3286
            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, 3286), "dropdown_arrows", [], "any", false, false, false, 3286), "color_hover", [], "any", false, false, false, 3286);
            echo ";
    --link-arrow-display: ";
            // line 3287
            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, 3287), "dropdown_arrows", [], "any", false, false, false, 3287), "disable", [], "any", false, false, false, 3287)) ? ("none") : (""));
            echo ";
    --link-arrow-offset-y: ";
            // line 3288
            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, 3288), "dropdown_arrows", [], "any", false, false, false, 3288), "offset", [], "any", false, false, false, 3288), "style", [], "any", false, false, false, 3288);
            echo ";
    --link-arrow-close-rotation: ";
            // line 3289
            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, 3289), "dropdown_arrows", [], "any", false, false, false, 3289), "closed_rotation", [], "any", false, false, false, 3289), "style", [], "any", false, false, false, 3289);
            echo ";
    --link-arrow-open-rotation: ";
            // line 3290
            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, 3290), "dropdown_arrows", [], "any", false, false, false, 3290), "open_rotation", [], "any", false, false, false, 3290), "style", [], "any", false, false, false, 3290);
            echo ";
    --link-arrow-size: ";
            // line 3291
            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, 3291), "dropdown_arrows", [], "any", false, false, false, 3291), "size", [], "any", false, false, false, 3291), "style", [], "any", false, false, false, 3291);
            echo ";
    --link-arrow-gap: ";
            // line 3292
            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, 3292), "dropdown_arrows", [], "any", false, false, false, 3292), "gap", [], "any", false, false, false, 3292), "style", [], "any", false, false, false, 3292);
            echo ";
    ";
            // line 3293
            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, 3293), "dropdown_arrows", [], "any", false, false, false, 3293), "custom_arrow", [], "any", false, false, false, 3293)], 3293, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3296
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-link,
  ";
            // line 3297
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu-list > .breakdance-link {
    color: ";
            // line 3298
            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, 3298), "typography", [], "any", false, false, false, 3298), "level_1", [], "any", false, false, false, 3298), "color", [], "any", false, false, false, 3298);
            echo ";
    ";
            // line 3299
            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, 3299), "typography", [], "any", false, false, false, 3299), "level_1", [], "any", false, false, false, 3299), "typography", [], "any", false, false, false, 3299), "customTypography", [], "any", false, false, false, 3299)], 3299, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3302
            echo ($context["selector"] ?? null);
            echo " .breakdance-menu .breakdance-dropdown-column__title {
    color: ";
            // line 3303
            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, 3303), "typography", [], "any", false, false, false, 3303), "level_2", [], "any", false, false, false, 3303), "color", [], "any", false, false, false, 3303);
            echo ";
    ";
            // line 3304
            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, 3304), "typography", [], "any", false, false, false, 3304), "level_2", [], "any", false, false, false, 3304), "typography", [], "any", false, false, false, 3304), "customTypography", [], "any", false, false, false, 3304)], 3304, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3307
            echo ($context["selector"] ?? null);
            echo " .breakdance-dropdown-link {
    ";
            // line 3308
            if (($context["isWPMenu"] ?? null)) {
                // line 3309
                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, 3309), "typography", [], "any", false, false, false, 3309), "level_2", [], "any", false, false, false, 3309), "color", [], "any", false, false, false, 3309);
                echo ";
      ";
                // line 3310
                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, 3310), "typography", [], "any", false, false, false, 3310), "level_2", [], "any", false, false, false, 3310), "typography", [], "any", false, false, false, 3310), "customTypography", [], "any", false, false, false, 3310)], 3310, $context, $this->getSourceContext());
                echo "
    ";
            } else {
                // line 3312
                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, 3312), "typography", [], "any", false, false, false, 3312), "level_3", [], "any", false, false, false, 3312), "color", [], "any", false, false, false, 3312);
                echo ";
      ";
                // line 3313
                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, 3313), "typography", [], "any", false, false, false, 3313), "level_3", [], "any", false, false, false, 3313), "typography", [], "any", false, false, false, 3313), "customTypography", [], "any", false, false, false, 3313)], 3313, $context, $this->getSourceContext());
                echo "
    ";
            }
            // line 3315
            echo "
    ";
            // line 3317
            echo "    ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["mobile"] ?? null), "links", [], "any", false, false, false, 3317), "dropdowns_like_desktop", [], "any", false, false, false, 3317)) {
                // line 3318
                echo "      --link-border: none;
      --dropdown-link-icon-display: ";
                // line 3319
                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, 3319), "dropdowns", [], "any", false, false, false, 3319), "hide_link_graphic", [], "any", false, false, false, 3319)) ? ("none") : ("block"));
                echo ";
      --dropdown-link-description-display: ";
                // line 3320
                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, 3320), "dropdowns", [], "any", false, false, false, 3320), "hide_link_description", [], "any", false, false, false, 3320)) ? ("none") : ("block"));
                echo ";
    ";
            }
            // line 3322
            echo "  }

  ";
            // line 3328
            echo "  ";
            // line 3329
            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);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;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{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 3334
    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 3335
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " {
  width: ";
            // line 3336
            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, 3336), "width", [], "any", false, false, false, 3336), "style", [], "any", false, false, false, 3336);
            echo ";
  ";
            // line 3337
            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, 3337)], 3337, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3340
            echo ($context["selector"] ?? null);
            echo " .ee-posts {
  ";
            // line 3341
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3341), "layout", [], "any", false, false, false, 3341) == "grid")) {
                // line 3342
                echo "    ";
                if (($context["isBaseBreakpoint"] ?? null)) {
                    // line 3343
                    echo "      display:grid;
    ";
                }
                // line 3345
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3345), "items_per_row", [], "any", false, false, false, 3345)) {
                    // line 3346
                    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, 3346), "items_per_row", [], "any", false, false, false, 3346);
                    echo ", 1fr);
    ";
                }
                // line 3348
                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, 3348), "space_between_items", [], "any", false, false, false, 3348), "style", [], "any", false, false, false, 3348);
                echo ";
  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3349
($context["design"] ?? null), "list", [], "any", false, false, false, 3349), "layout", [], "any", false, false, false, 3349) == "list")) {
                // line 3350
                echo "    ";
                if (($context["isBaseBreakpoint"] ?? null)) {
                    // line 3351
                    echo "      display:flex;
      flex-direction:column;
    ";
                }
                // line 3354
                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, 3354), "space_between_items", [], "any", false, false, false, 3354), "style", [], "any", false, false, false, 3354);
                echo ";

  ";
            } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3356
($context["design"] ?? null), "list", [], "any", false, false, false, 3356), "layout", [], "any", false, false, false, 3356) == "slider")) {
                // line 3357
                echo "    ";
                if (($context["isBaseBreakpoint"] ?? null)) {
                    // line 3358
                    echo "      display: flex;
      gap: unset;
    ";
                }
                // line 3361
                echo "  ";
            }
            // line 3362
            echo "  }

  ";
            // line 3364
            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, 3364), "one_item_at", [], "any", false, false, false, 3364))) {
                // line 3365
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .ee-posts {
    grid-template-columns: 1fr;
    }
  ";
            }
            // line 3369
            echo "

  ";
            // line 3371
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "list", [], "any", false, false, false, 3371), "layout", [], "any", false, false, false, 3371) == "slider")) {
                // line 3372
                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, 3372), "slider", [], "any", false, false, false, 3372), "arrows", [], "any", false, false, false, 3372), "overlay", [], "any", false, false, false, 3372)) {
                    // line 3373
                    echo "      ";
                    echo ($context["selector"] ?? null);
                    echo " .breakdance-swiper-wrapper {
      padding:0
      }
    ";
                }
                // line 3377
                echo "
    ";
                // line 3378
                echo ($context["selector"] ?? null);
                echo " .swiper-slide {
    height:auto;
    }

    ";
                // line 3382
                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, 3382), "slider", [], "any", false, false, false, 3382), ($context["selector"] ?? null), ($context["globalSettings"] ?? null), ($context["isBaseBreakpoint"] ?? null)], 3382, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 3384
            echo "
  ";
            // line 3386
            echo "
  ";
            // line 3387
            echo ($context["selector"] ?? null);
            echo " .bde-posts-pagination {
  margin-top: ";
            // line 3388
            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, 3388), "space_above", [], "any", false, false, false, 3388), "style", [], "any", false, false, false, 3388);
            echo ";
  display: flexooo;
  display: flex;
  justify-content: ";
            // line 3391
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3391), "alignment", [], "any", false, false, false, 3391);
            echo ";
  align-items: center;
  gap: ";
            // line 3393
            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, 3393), "space_between", [], "any", false, false, false, 3393), "style", [], "any", false, false, false, 3393);
            echo ";
  }


  ";
            // line 3397
            echo ($context["selector"] ?? null);
            echo " .bde-posts-prev-next-link a {
  ";
            // line 3398
            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, 3398), "typography", [], "any", false, false, false, 3398), ($context["globalSettings"] ?? null)], 3398, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3401
            echo ($context["selector"] ?? null);
            echo " .bde-posts-prev-next-link a:hover {
  ";
            // line 3402
            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, 3402), "typography", [], "any", false, false, false, 3402), ($context["globalSettings"] ?? null)], 3402, $context, $this->getSourceContext());
            echo "
  }

  ";
            // line 3405
            if (($context["isBuilder"] ?? null)) {
                // line 3406
                echo "    ";
                echo ($context["selector"] ?? null);
                echo " .bde-posts-pagination-infinite-loader-wrapper {
    ";
                // line 3407
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3407), "show_loading_icon_in_builder", [], "any", false, false, false, 3407)) {
                    // line 3408
                    echo "      display: flex;
    ";
                } else {
                    // line 3410
                    echo "      display: none;
    ";
                }
                // line 3412
                echo "    }
  ";
            }
            // line 3414
            echo "
  ";
            // line 3415
            echo ($context["selector"] ?? null);
            echo " .bde-posts-pagination-infinite-loader-wrapper {
  font-size: ";
            // line 3416
            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, 3416), "loading_icon", [], "any", false, false, false, 3416), "size", [], "any", false, false, false, 3416), "style", [], "any", false, false, false, 3416);
            echo ";
  color: ";
            // line 3417
            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, 3417), "loading_icon", [], "any", false, false, false, 3417), "color", [], "any", false, false, false, 3417);
            echo ";
  margin-top:";
            // line 3418
            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, 3418), "space_above", [], "any", false, false, false, 3418), "style", [], "any", false, false, false, 3418);
            echo ";
  }


  ";
            // line 3422
            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, 3422), "load_more_button", [], "any", false, false, false, 3422), "bde-posts-pagination-loadmore-button", ($context["selector"] ?? null), ($context["breakpoint"] ?? null), ($context["globalSettings"] ?? null)], 3422, $context, $this->getSourceContext());
            echo "
    
  ";
            // line 3424
            echo twig_call_macro($macros["_self"], "macro_pagination", [twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "pagination", [], "any", false, false, false, 3424), ($context["selectod"] ?? null), ".bde-posts-pagination ul", "a.is-active", ".bde-posts-navigation-numbers--ellipses"], 3424, $context, $this->getSourceContext());
            echo "
";

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

    // line 3428
    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 3429
            echo "
  gap: ";
            // line 3430
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "gap", [], "any", false, false, false, 3430), "style", [], "any", false, false, false, 3430);
            echo ";    
  
  ";
            // line 3432
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3432), "align", [], "any", false, false, false, 3432) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3432), "vertical_align", [], "any", false, false, false, 3432))) {
                // line 3433
                echo "    flex-wrap: wrap;
    flex-direction: row;
    align-items: ";
                // line 3435
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3435), "vertical_align", [], "any", false, false, false, 3435);
                echo ";
    justify-content: ";
                // line 3436
                echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "horizontal", [], "any", false, false, false, 3436), "align", [], "any", false, false, false, 3436);
                echo ";
  ";
            } else {
                // line 3438
                echo "      ";
                if ((twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align", [], "any", false, false, false, 3438) == "left")) {
                    // line 3439
                    echo "        align-items: flex-start;
        text-align: left;
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 3441
($context["layout"] ?? null), "align", [], "any", false, false, false, 3441) == "center")) {
                    // line 3442
                    echo "        align-items: center;
        text-align: center;
      ";
                } elseif ((twig_get_attribute($this->env, $this->source,                 // line 3444
($context["layout"] ?? null), "align", [], "any", false, false, false, 3444) == "right")) {
                    // line 3445
                    echo "        align-items: flex-end;
        text-align: right;
      ";
                }
                // line 3448
                echo "      justify-content: ";
                echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "vertical_align", [], "any", false, false, false, 3448);
                echo ";
  ";
            }
            // line 3450
            echo "  
  ";
            // line 3451
            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, 3451), "vertical_at", [], "any", false, false, false, 3451))) {
                // line 3452
                echo "    flex-direction: column;
  ";
            }
            // line 3454
            echo "
";

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

    // line 3458
    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 3459
            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, 3459), "style", [], "any", false, false, false, 3459);
            echo ";
    min-width: ";
            // line 3460
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "min_width", [], "any", false, false, false, 3460), "style", [], "any", false, false, false, 3460);
            echo ";
    max-width: ";
            // line 3461
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "max_width", [], "any", false, false, false, 3461), "style", [], "any", false, false, false, 3461);
            echo ";
    height: ";
            // line 3462
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "height", [], "any", false, false, false, 3462), "style", [], "any", false, false, false, 3462);
            echo ";
    min-height: ";
            // line 3463
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "min_height", [], "any", false, false, false, 3463), "style", [], "any", false, false, false, 3463);
            echo ";
    max-height: ";
            // line 3464
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["size"] ?? null), "max_height", [], "any", false, false, false, 3464), "style", [], "any", false, false, false, 3464);
            echo ";
";

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

    // line 3468
    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 3469
            echo "    ";
            echo twig_call_macro($macros["_self"], "macro_spacing_margin_all", [($context["s"] ?? null)], 3469, $context, $this->getSourceContext());
            echo "
    ";
            // line 3470
            echo twig_call_macro($macros["_self"], "macro_spacing_padding_all", [($context["s"] ?? null)], 3470, $context, $this->getSourceContext());
            echo "
";

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

    // line 3473
    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 3474
            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, 3474), "style", [], "any", false, false, false, 3474);
            echo ";
    margin-bottom: ";
            // line 3475
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_bottom", [], "any", false, false, false, 3475), "style", [], "any", false, false, false, 3475);
            echo ";

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

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

    // line 3481
    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 3482
            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, 3482), "style", [], "any", false, false, false, 3482);
            echo ";
    margin-left: ";
            // line 3483
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_left", [], "any", false, false, false, 3483), "style", [], "any", false, false, false, 3483);
            echo ";

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

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

    // line 3491
    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 3492
            echo "    ";
            if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3493
($context["s"] ?? null), "padding", [], "any", false, false, false, 3493), "top", [], "any", false, false, false, 3493), "style", [], "any", false, false, false, 3493) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3494
($context["s"] ?? null), "padding", [], "any", false, false, false, 3494), "right", [], "any", false, false, false, 3494), "style", [], "any", false, false, false, 3494)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3495
($context["s"] ?? null), "padding", [], "any", false, false, false, 3495), "bottom", [], "any", false, false, false, 3495), "style", [], "any", false, false, false, 3495)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3496
($context["s"] ?? null), "padding", [], "any", false, false, false, 3496), "left", [], "any", false, false, false, 3496), "style", [], "any", false, false, false, 3496))) {
                // line 3498
                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, 3498), "top", [], "any", false, false, false, 3498), "style", [], "any", false, false, false, 3498);
                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, 3498), "right", [], "any", false, false, false, 3498), "style", [], "any", false, false, false, 3498);
                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, 3498), "bottom", [], "any", false, false, false, 3498), "style", [], "any", false, false, false, 3498);
                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, 3498), "left", [], "any", false, false, false, 3498), "style", [], "any", false, false, false, 3498);
                echo ";
    ";
            } else {
                // line 3500
                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, 3500), "top", [], "any", false, false, false, 3500), "style", [], "any", false, false, false, 3500);
                echo ";
        padding-right: ";
                // line 3501
                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, 3501), "right", [], "any", false, false, false, 3501), "style", [], "any", false, false, false, 3501);
                echo ";
        padding-bottom: ";
                // line 3502
                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, 3502), "bottom", [], "any", false, false, false, 3502), "style", [], "any", false, false, false, 3502);
                echo ";
        padding-left: ";
                // line 3503
                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, 3503), "left", [], "any", false, false, false, 3503), "style", [], "any", false, false, false, 3503);
                echo ";
    ";
            }

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

    // line 3507
    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 3508
            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, 3508), "style", [], "any", false, false, false, 3508);
            echo ";
    padding-bottom: ";
            // line 3509
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_bottom", [], "any", false, false, false, 3509), "style", [], "any", false, false, false, 3509);
            echo ";
";

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

    // line 3512
    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 3513
            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, 3513), "style", [], "any", false, false, false, 3513);
            echo ";
    padding-left: ";
            // line 3514
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "padding_left", [], "any", false, false, false, 3514), "style", [], "any", false, false, false, 3514);
            echo ";
";

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

    // line 3520
    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 3521
            echo "    ";
            if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3522
($context["s"] ?? null), "margin", [], "any", false, false, false, 3522), "top", [], "any", false, false, false, 3522), "style", [], "any", false, false, false, 3522) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3523
($context["s"] ?? null), "margin", [], "any", false, false, false, 3523), "right", [], "any", false, false, false, 3523), "style", [], "any", false, false, false, 3523)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3524
($context["s"] ?? null), "margin", [], "any", false, false, false, 3524), "bottom", [], "any", false, false, false, 3524), "style", [], "any", false, false, false, 3524)) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3525
($context["s"] ?? null), "margin", [], "any", false, false, false, 3525), "left", [], "any", false, false, false, 3525), "style", [], "any", false, false, false, 3525))) {
                // line 3527
                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, 3527), "top", [], "any", false, false, false, 3527), "style", [], "any", false, false, false, 3527);
                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, 3527), "right", [], "any", false, false, false, 3527), "style", [], "any", false, false, false, 3527);
                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, 3527), "bottom", [], "any", false, false, false, 3527), "style", [], "any", false, false, false, 3527);
                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, 3527), "left", [], "any", false, false, false, 3527), "style", [], "any", false, false, false, 3527);
                echo ";
    ";
            } else {
                // line 3529
                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, 3529), "top", [], "any", false, false, false, 3529), "style", [], "any", false, false, false, 3529);
                echo ";
        margin-right: ";
                // line 3530
                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, 3530), "right", [], "any", false, false, false, 3530), "style", [], "any", false, false, false, 3530);
                echo ";
        margin-bottom: ";
                // 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["s"] ?? null), "margin", [], "any", false, false, false, 3531), "bottom", [], "any", false, false, false, 3531), "style", [], "any", false, false, false, 3531);
                echo ";
        margin-left: ";
                // 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["s"] ?? null), "margin", [], "any", false, false, false, 3532), "left", [], "any", false, false, false, 3532), "style", [], "any", false, false, false, 3532);
                echo ";
    ";
            }

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

    // line 3536
    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 3537
            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, 3537), "style", [], "any", false, false, false, 3537);
            echo ";
    margin-bottom: ";
            // line 3538
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_bottom", [], "any", false, false, false, 3538), "style", [], "any", false, false, false, 3538);
            echo ";
";

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

    // line 3541
    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 3542
            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, 3542), "style", [], "any", false, false, false, 3542);
            echo ";
    margin-left: ";
            // line 3543
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["s"] ?? null), "margin_left", [], "any", false, false, false, 3543), "style", [], "any", false, false, false, 3543);
            echo ";
";

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

    // line 3547
    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 3548
            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, 3548), "style", [], "any", false, false, false, 3548);
            echo ";
";
            // line 3549
            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, 3549), "style", [], "any", false, false, false, 3549);
            echo ";
";
            // line 3550
            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, 3550), "style", [], "any", false, false, false, 3550);
            echo ";
";
            // line 3551
            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, 3551), "style", [], "any", false, false, false, 3551);
            echo ";
";

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

    // line 3557
    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 3558
            echo "  ";
            $context["imgs"] = [];
            // line 3559
            echo "  ";
            $context["descriptor"] = "w";
            // line 3560
            echo "  ";
            $context["sourceAspectRatio"] = (twig_get_attribute($this->env, $this->source, ($context["source"] ?? null), "height", [], "any", false, false, false, 3560) / twig_get_attribute($this->env, $this->source, ($context["source"] ?? null), "width", [], "any", false, false, false, 3560));
            // line 3561
            echo "  ";
            // line 3562
            echo "  ";
            $context["maxImageWidth"] = 2048;
            // line 3563
            echo "  ";
            // line 3564
            echo "  ";
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["sizes"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["size"]) {
                // line 3565
                echo "    ";
                $context["sizeAspectRatio"] = (twig_get_attribute($this->env, $this->source, $context["size"], "height", [], "any", false, false, false, 3565) / twig_get_attribute($this->env, $this->source, $context["size"], "width", [], "any", false, false, false, 3565));
                // line 3566
                echo "    ";
                $context["matchesRatio"] = (twig_round(($context["sizeAspectRatio"] ?? null), 1, "floor") == twig_round(($context["sourceAspectRatio"] ?? null), 1, "floor"));
                // line 3567
                echo "    ";
                // line 3568
                echo "    ";
                if (((twig_get_attribute($this->env, $this->source, $context["size"], "width", [], "any", false, false, false, 3568) < ($context["maxImageWidth"] ?? null)) && ($context["matchesRatio"] ?? null))) {
                    // line 3569
                    echo "      ";
                    $context["imgs"] = twig_array_merge(($context["imgs"] ?? null), [0 => (((twig_get_attribute($this->env, $this->source,                     // line 3570
$context["size"], "url", [], "any", false, false, false, 3570) . " ") . twig_get_attribute($this->env, $this->source, $context["size"], "width", [], "any", false, false, false, 3570)) . ($context["descriptor"] ?? null))]);
                    // line 3572
                    echo "    ";
                }
                // line 3573
                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 3574
            echo "  ";
            $context["srcset"] = twig_join_filter(($context["imgs"] ?? null), ", ");
            // line 3575
            echo "  ";
            // line 3579
            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, 3579))) {
                // line 3580
                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, 3580);
                echo "px) 100vw, ";
                echo twig_get_attribute($this->env, $this->source, ($context["source"] ?? null), "width", [], "any", false, false, false, 3580);
                echo "px\"
  ";
            }

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

    // line 3585
    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 3586
            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, 3586), "global_typography", [], "any", false, false, false, 3586), "typography_presets", [], "any", false, false, false, 3586));
            foreach ($context['_seq'] as $context["_key"] => $context["globalPreset"]) {
                // line 3587
                echo "        ";
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["globalPreset"], "preset", [], "any", false, false, false, 3587), "id", [], "any", false, false, false, 3587) == ($context["preset"] ?? null))) {
                    // line 3588
                    echo "
        ";
                    // line 3589
                    $context["presetTypographyValues"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["globalPreset"], "custom", [], "any", false, false, false, 3589), "customTypography", [], "any", false, false, false, 3589);
                    // line 3590
                    echo "
            ";
                    // line 3591
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "fontSize", [], "any", false, false, false, 3591), "style", [], "any", false, false, false, 3591)) {
                        // line 3592
                        echo "                font-size: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-size);
            ";
                    }
                    // line 3594
                    echo "
            ";
                    // line 3595
                    if (twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "fontFamily", [], "any", false, false, false, 3595)) {
                        // line 3596
                        echo "                font-family: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-family);
            ";
                    }
                    // line 3598
                    echo "
            ";
                    // line 3599
                    if (twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "fontWeight", [], "any", false, false, false, 3599)) {
                        // line 3600
                        echo "                font-weight: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-weight);
            ";
                    }
                    // line 3602
                    echo "
            ";
                    // line 3603
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3603), "fontStyle", [], "any", false, false, false, 3603)) {
                        // line 3604
                        echo "                font-style: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-font-style);
            ";
                    }
                    // line 3606
                    echo "
            ";
                    // line 3607
                    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, 3607), "lineHeight", [], "any", false, false, false, 3607), "style", [], "any", false, false, false, 3607)) {
                        // line 3608
                        echo "                line-height: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-line-height);
            ";
                    }
                    // line 3610
                    echo "
            ";
                    // line 3611
                    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, 3611), "letterSpacing", [], "any", false, false, false, 3611), "style", [], "any", false, false, false, 3611)) {
                        // line 3612
                        echo "                letter-spacing: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-letter-spacing);
            ";
                    }
                    // line 3614
                    echo "
            ";
                    // line 3615
                    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, 3615), "wordSpacing", [], "any", false, false, false, 3615), "style", [], "any", false, false, false, 3615)) {
                        // line 3616
                        echo "                word-spacing: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-word-spacing);
            ";
                    }
                    // line 3618
                    echo "
            ";
                    // line 3619
                    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, 3619), "decoration", [], "any", false, false, false, 3619), "line", [], "any", false, false, false, 3619)) {
                        // line 3620
                        echo "                text-decoration-line: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-line);
            ";
                    }
                    // line 3622
                    echo "
            ";
                    // line 3623
                    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, 3623), "decoration", [], "any", false, false, false, 3623), "color", [], "any", false, false, false, 3623)) {
                        // line 3624
                        echo "                text-decoration-color: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-color);
            ";
                    }
                    // line 3626
                    echo "
            ";
                    // line 3627
                    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, 3627), "decoration", [], "any", false, false, false, 3627), "style", [], "any", false, false, false, 3627)) {
                        // line 3628
                        echo "                text-decoration-style: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-style);
            ";
                    }
                    // line 3630
                    echo "
            ";
                    // line 3631
                    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, 3631), "decoration", [], "any", false, false, false, 3631), "thickness", [], "any", false, false, false, 3631)) {
                        // line 3632
                        echo "                text-decoration-thickness: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-decoration-thickness);
            ";
                    }
                    // line 3634
                    echo "
            ";
                    // line 3635
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3635), "textTransform", [], "any", false, false, false, 3635)) {
                        // line 3636
                        echo "                text-transform: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-text-transform);
            ";
                    }
                    // line 3638
                    echo "
            ";
                    // line 3639
                    if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["presetTypographyValues"] ?? null), "advanced", [], "any", false, false, false, 3639), "textDirection", [], "any", false, false, false, 3639)) {
                        // line 3640
                        echo "                direction: var(--";
                        echo ($context["preset"] ?? null);
                        echo "-direction);
            ";
                    }
                    // line 3642
                    echo "        ";
                }
                // line 3643
                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 3646
    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 3647
            echo "
  --";
            // line 3648
            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, 3648));
            echo ";
  --";
            // line 3649
            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, 3649), "style", [], "any", false, false, false, 3649);
            echo ";
  --";
            // line 3650
            echo ($context["presetId"] ?? null);
            echo "-font-weight: ";
            echo twig_get_attribute($this->env, $this->source, ($context["values"] ?? null), "fontWeight", [], "any", false, false, false, 3650);
            echo ";
  --";
            // line 3651
            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, 3651), "fontStyle", [], "any", false, false, false, 3651);
            echo ";
  --";
            // line 3652
            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, 3652), "lineHeight", [], "any", false, false, false, 3652), "style", [], "any", false, false, false, 3652);
            echo ";
  --";
            // line 3653
            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, 3653), "letterSpacing", [], "any", false, false, false, 3653), "style", [], "any", false, false, false, 3653);
            echo ";
  --";
            // line 3654
            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, 3654), "wordSpacing", [], "any", false, false, false, 3654), "style", [], "any", false, false, false, 3654);
            echo ";
  --";
            // line 3655
            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, 3655), "decoration", [], "any", false, false, false, 3655), "color", [], "any", false, false, false, 3655);
            echo ";
  --";
            // line 3656
            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, 3656), "decoration", [], "any", false, false, false, 3656), "style", [], "any", false, false, false, 3656);
            echo ";
  --";
            // line 3657
            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, 3657), "decoration", [], "any", false, false, false, 3657), "line", [], "any", false, false, false, 3657), " ");
            echo ";
  --";
            // line 3658
            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, 3658), "decoration", [], "any", false, false, false, 3658), "thickness", [], "any", false, false, false, 3658), "style", [], "any", false, false, false, 3658);
            echo ";
  --";
            // line 3659
            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, 3659), "textTransform", [], "any", false, false, false, 3659);
            echo ";
  --";
            // line 3660
            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, 3660), "textDirection", [], "any", false, false, false, 3660);
            echo ";

";

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

    // line 3665
    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 3666
            echo "  font-family: ";
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontFamily", [], "any", false, false, false, 3666));
            echo ";
  font-size: ";
            // line 3667
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontSize", [], "any", false, false, false, 3667), "style", [], "any", false, false, false, 3667);
            echo ";
  font-weight: ";
            // line 3668
            echo twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontWeight", [], "any", false, false, false, 3668);
            echo ";
  line-height: ";
            // line 3669
            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, 3669), "lineHeight", [], "any", false, false, false, 3669), "style", [], "any", false, false, false, 3669);
            echo ";
  font-style: ";
            // line 3670
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3670), "fontStyle", [], "any", false, false, false, 3670);
            echo ";
  letter-spacing: ";
            // line 3671
            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, 3671), "letterSpacing", [], "any", false, false, false, 3671), "style", [], "any", false, false, false, 3671);
            echo ";
  word-spacing: ";
            // line 3672
            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, 3672), "wordSpacing", [], "any", false, false, false, 3672), "style", [], "any", false, false, false, 3672);
            echo ";
  text-decoration-color: ";
            // line 3673
            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, 3673), "decoration", [], "any", false, false, false, 3673), "color", [], "any", false, false, false, 3673);
            echo ";
  text-decoration-style: ";
            // line 3674
            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, 3674), "decoration", [], "any", false, false, false, 3674), "style", [], "any", false, false, false, 3674);
            echo ";
  text-decoration-line: ";
            // line 3675
            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, 3675), "decoration", [], "any", false, false, false, 3675), "line", [], "any", false, false, false, 3675), " ");
            echo ";
  text-decoration-thickness: ";
            // line 3676
            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, 3676), "decoration", [], "any", false, false, false, 3676), "thickness", [], "any", false, false, false, 3676), "style", [], "any", false, false, false, 3676);
            echo ";
  text-transform: ";
            // line 3677
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3677), "textTransform", [], "any", false, false, false, 3677);
            echo ";
  direction: ";
            // line 3678
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3678), "textDirection", [], "any", false, false, false, 3678);
            echo ";
";

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

    // line 3682
    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 3683
            echo "  font-family: ";
            echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontFamily_hover", [], "any", false, false, false, 3683));
            echo ";
  font-size: ";
            // line 3684
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontSize_hover", [], "any", false, false, false, 3684), "style", [], "any", false, false, false, 3684);
            echo ";
  font-weight: ";
            // line 3685
            echo twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "fontWeight_hover", [], "any", false, false, false, 3685);
            echo ";
  line-height: ";
            // line 3686
            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, 3686), "lineHeight_hover", [], "any", false, false, false, 3686), "style", [], "any", false, false, false, 3686);
            echo ";
  font-style: ";
            // line 3687
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3687), "fontStyle_hover", [], "any", false, false, false, 3687);
            echo ";
  letter-spacing: ";
            // line 3688
            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, 3688), "letterSpacing_hover", [], "any", false, false, false, 3688), "style", [], "any", false, false, false, 3688);
            echo ";
  word-spacing: ";
            // line 3689
            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, 3689), "wordSpacing_hover", [], "any", false, false, false, 3689), "style", [], "any", false, false, false, 3689);
            echo ";
  text-decoration-color: ";
            // line 3690
            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, 3690), "decoration", [], "any", false, false, false, 3690), "color_hover", [], "any", false, false, false, 3690);
            echo ";
  text-decoration-style: ";
            // line 3691
            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, 3691), "decoration", [], "any", false, false, false, 3691), "style_hover", [], "any", false, false, false, 3691);
            echo ";
  text-decoration-line: ";
            // line 3692
            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, 3692), "decoration", [], "any", false, false, false, 3692), "line_hover", [], "any", false, false, false, 3692), " ");
            echo ";
  text-decoration-thickness: ";
            // line 3693
            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, 3693), "decoration", [], "any", false, false, false, 3693), "thickness_hover", [], "any", false, false, false, 3693);
            echo ";
  text-transform: ";
            // line 3694
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3694), "textTransform_hover", [], "any", false, false, false, 3694);
            echo ";
  direction: ";
            // line 3695
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["custom"] ?? null), "advanced", [], "any", false, false, false, 3695), "textDirection_hover", [], "any", false, false, false, 3695);
            echo ";
";

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

    // line 3698
    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 3699
            echo "
  text-shadow: ";
            // line 3700
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "text_shadow", [], "any", false, false, false, 3700), "style", [], "any", false, false, false, 3700);
            echo ";

  ";
            // line 3702
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3702)) {
                // line 3703
                echo "    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  ";
            }
            // line 3707
            echo "
  ";
            // line 3708
            if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3708) == "image")) {
                // line 3709
                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, 3709), "url", [], "any", false, false, false, 3709);
                echo ");
    ";
                // line 3710
                if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_size", [], "any", false, false, false, 3710) == "custom")) {
                    // line 3711
                    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, 3711), "style", [], "any", false, false, false, 3711);
                    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, 3711), "style", [], "any", false, false, false, 3711);
                    echo ";
    ";
                } else {
                    // line 3713
                    echo "      background-size: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_size", [], "any", false, false, false, 3713);
                    echo ";
    ";
                }
                // line 3715
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_repeat", [], "any", false, false, false, 3715)) {
                    // line 3716
                    echo "      background-repeat: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_repeat", [], "any", false, false, false, 3716);
                    echo ";
    ";
                }
                // line 3718
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_position", [], "any", false, false, false, 3718)) {
                    // line 3719
                    echo "      ";
                    if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_position", [], "any", false, false, false, 3719) == "custom")) {
                        // line 3720
                        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, 3720), "style", [], "any", false, false, false, 3720);
                        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, 3720), "style", [], "any", false, false, false, 3720);
                        echo ";
      ";
                    } else {
                        // line 3722
                        echo "        background-position: ";
                        echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_position", [], "any", false, false, false, 3722);
                        echo ";
      ";
                    }
                    // line 3724
                    echo "    ";
                }
                // line 3725
                echo "    ";
                if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_attachment", [], "any", false, false, false, 3725)) {
                    // line 3726
                    echo "      background-attachment: ";
                    echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_attachment", [], "any", false, false, false, 3726);
                    echo ";
    ";
                }
                // line 3728
                echo "  ";
            }
            // line 3729
            echo "
  ";
            // line 3730
            if ((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3730) == "gradient")) {
                // line 3731
                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, 3731), "value", [], "any", false, false, false, 3731);
                echo ";
  ";
            }
            // line 3733
            echo "
  ";
            // line 3734
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color", [], "any", false, false, false, 3734)) {
                // line 3735
                echo "    -webkit-text-stroke-color: ";
                echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color", [], "any", false, false, false, 3735);
                echo ";
  ";
            }
            // line 3737
            echo "
  ";
            // line 3738
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_width", [], "any", false, false, false, 3738)) {
                // line 3739
                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, 3739), "style", [], "any", false, false, false, 3739);
                echo ";
  ";
            }

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

    // line 3744
    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 3745
            echo "
  text-shadow: ";
            // line 3746
            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, 3746), "style", [], "any", false, false, false, 3746);
            echo ";

  ";
            // line 3748
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color_hover", [], "any", false, false, false, 3748)) {
                // line 3749
                echo "    -webkit-text-stroke-color: ";
                echo twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_color_hover", [], "any", false, false, false, 3749);
                echo ";
  ";
            }
            // line 3751
            echo "
  ";
            // line 3752
            if (twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "stroke_width_hover", [], "any", false, false, false, 3752)) {
                // line 3753
                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, 3753), "style", [], "any", false, false, false, 3753);
                echo ";
  ";
            }
            // line 3755
            echo "
  ";
            // line 3756
            if (((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3756) == "image") && twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "image_hover", [], "any", false, false, false, 3756))) {
                // line 3757
                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, 3757), "url", [], "any", false, false, false, 3757);
                echo ");
  ";
            }
            // line 3759
            echo "
  ";
            // line 3760
            if (((twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "fill", [], "any", false, false, false, 3760) == "gradient") && twig_get_attribute($this->env, $this->source, ($context["effects"] ?? null), "gradient_hover", [], "any", false, false, false, 3760))) {
                // line 3761
                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, 3761), "value", [], "any", false, false, false, 3761);
                echo ";
  ";
            }
            // line 3763
            echo "
";

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

    // line 3766
    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 3767
            echo "  text-align: ";
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "text_align", [], "any", false, false, false, 3767);
            echo ";
  color: ";
            // line 3768
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "color", [], "any", false, false, false, 3768);
            echo ";

  ";
            // line 3770
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "typography", [], "any", false, false, false, 3770), "preset", [], "any", false, false, false, 3770)) {
                // line 3771
                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, 3771), "preset", [], "any", false, false, false, 3771), ($context["globalSettings"] ?? null)], 3771, $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 3772
($context["typography"] ?? null), "typography", [], "any", false, false, false, 3772), "custom", [], "any", false, false, false, 3772), "customTypography", [], "any", false, false, false, 3772)) {
                // line 3773
                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, 3773), "custom", [], "any", false, false, false, 3773), "customTypography", [], "any", false, false, false, 3773)], 3773, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 3775
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3775)) {
                // line 3776
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyEffects", [twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3776)], 3776, $context, $this->getSourceContext());
                echo "
  ";
            }

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

    // line 3780
    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 3781
            echo "  color: ";
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "color_hover", [], "any", false, false, false, 3781);
            echo ";

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

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

    // line 3789
    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 3790
            echo "  text-align: ";
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "text_align_hover", [], "any", false, false, false, 3790);
            echo ";
  color: ";
            // line 3791
            echo twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "color_hover", [], "any", false, false, false, 3791);
            echo ";

  ";
            // line 3793
            if (twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3793)) {
                // line 3794
                echo "    ";
                echo twig_call_macro($macros["_self"], "macro_typographyEffectsHover", [twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "effects", [], "any", false, false, false, 3794)], 3794, $context, $this->getSourceContext());
                echo "
  ";
            }
            // line 3796
            echo "
  ";
            // line 3797
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["typography"] ?? null), "typography", [], "any", false, false, false, 3797), "preset", [], "any", false, false, false, 3797)) {
                // line 3798
                echo "  ";
                // line 3799
                echo "  ";
            } else {
                // line 3800
                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, 3800), "custom", [], "any", false, false, false, 3800), "customTypography", [], "any", false, false, false, 3800)], 3800, $context, $this->getSourceContext());
                echo "
  ";
            }

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

    // line 3808
    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 3809
            echo "  ";
            if (($context["icon"] ?? null)) {
                // line 3810
                echo "    ";
                $context["dataUri"] = Breakdance\PluginsAPI\data_uri(twig_get_attribute($this->env, $this->source, ($context["icon"] ?? null), "svgCode", [], "any", false, false, false, 3810), "image/svg+xml");
                // line 3811
                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 3815
    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 3816
            echo "  ";
            if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3817
($context["p"] ?? null), "top", [], "any", false, false, false, 3817), "style", [], "any", false, false, false, 3817) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3818
($context["p"] ?? null), "right", [], "any", false, false, false, 3818), "style", [], "any", false, false, false, 3818)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3819
($context["p"] ?? null), "bottom", [], "any", false, false, false, 3819), "style", [], "any", false, false, false, 3819)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 3820
($context["p"] ?? null), "left", [], "any", false, false, false, 3820), "style", [], "any", false, false, false, 3820))) {
                // line 3822
                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, 3822), "style", [], "any", true, true, false, 3822) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "top", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "top", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)) : (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, 3822), "style", [], "any", true, true, false, 3822) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "right", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "right", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)) : (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, 3822), "style", [], "any", true, true, false, 3822) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "bottom", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "bottom", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)) : (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, 3822), "style", [], "any", true, true, false, 3822) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "left", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["p"] ?? null), "left", [], "any", false, true, false, 3822), "style", [], "any", false, false, false, 3822)) : (0));
                echo ";
  ";
            }

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

    // line 3826
    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 3827
            echo "  ";
            if ((twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "editMode", [], "any", false, false, false, 3827) == "custom")) {
                // line 3828
                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, 3828), "style", [], "any", true, true, false, 3828) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topLeft", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topLeft", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)) : (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, 3828), "style", [], "any", true, true, false, 3828) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "topRight", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)) : (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, 3828), "style", [], "any", true, true, false, 3828) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomRight", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)) : (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, 3828), "style", [], "any", true, true, false, 3828) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["radius"] ?? null), "bottomLeft", [], "any", false, true, false, 3828), "style", [], "any", false, false, false, 3828)) : (0));
                echo ";
  ";
            } else {
                // line 3830
                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, 3830), "style", [], "any", false, false, false, 3830);
                echo ";
  ";
            }

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

    // line 3837
    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 3838
            echo "
";
            // line 3839
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " {
\tgap: ";
            // line 3840
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "space_between", [], "any", false, false, false, 3840), "style", [], "any", false, false, false, 3840);
            echo ";
}

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

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

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

";
            // line 3858
            echo ($context["selector"] ?? null);
            echo " ";
            echo ($context["listSelector"] ?? null);
            echo " ";
            echo ($context["dotsSelector"] ?? null);
            echo " {
    color: ";
            // line 3859
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots", [], "any", false, true, false, 3859), "color", [], "any", true, true, false, 3859)) ? (_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, 3859), "color", [], "any", false, false, false, 3859), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots_color", [], "any", false, false, false, 3859))) : (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots_color", [], "any", false, false, false, 3859)));
            echo ";
}

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

    ";
                // line 3866
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li ";
                echo ($context["activeSelector"] ?? null);
                echo ",
    ";
                // line 3867
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li a,
    ";
                // line 3868
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " ";
                echo ($context["dotsSelector"] ?? null);
                echo "  {
        border-radius:  ";
                // line 3869
                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, 3869), "radius", [], "any", false, true, false, 3869), "style", [], "any", true, true, false, 3869)) ? (_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, 3869), "radius", [], "any", false, true, false, 3869), "style", [], "any", false, false, false, 3869), "4px")) : ("4px"));
                echo ";
        width: ";
                // line 3870
                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, 3870), "size", [], "any", false, true, false, 3870), "style", [], "any", true, true, false, 3870)) ? (_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, 3870), "size", [], "any", false, true, false, 3870), "style", [], "any", false, false, false, 3870), "40px")) : ("40px"));
                echo ";
        height: ";
                // line 3871
                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, 3871), "size", [], "any", false, true, false, 3871), "style", [], "any", true, true, false, 3871)) ? (_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, 3871), "size", [], "any", false, true, false, 3871), "style", [], "any", false, false, false, 3871), "40px")) : ("40px"));
                echo ";
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid;
    }

    ";
                // line 3878
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li a,
    ";
                // line 3879
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " ";
                echo ($context["dotsSelector"] ?? null);
                echo " {
        border-color: ";
                // line 3880
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 3880), "border", [], "any", true, true, false, 3880)) ? (_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, 3880), "border", [], "any", false, false, false, 3880), "#d1d5db")) : ("#d1d5db"));
                echo ";
        background-color:  ";
                // line 3881
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 3881), "background", [], "any", true, true, false, 3881)) ? (_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, 3881), "background", [], "any", false, false, false, 3881), "#f9fafb")) : ("#f9fafb"));
                echo ";
    }

    ";
                // line 3884
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li a:hover {
        border-color: ";
                // line 3885
                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, 3885), "border_hover", [], "any", true, true, false, 3885)) ? (_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, 3885), "border_hover", [], "any", false, false, false, 3885), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, false, false, 3885), "border", [], "any", false, false, false, 3885))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, false, false, 3885), "border", [], "any", false, false, false, 3885))), "#d1d5db");
                echo ";
        background-color:  ";
                // line 3886
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "buttons", [], "any", false, true, false, 3886), "background_hover", [], "any", true, true, false, 3886)) ? (_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, 3886), "background_hover", [], "any", false, false, false, 3886), "#f3f4f6")) : ("#f3f4f6"));
                echo ";
    }

    ";
                // line 3889
                echo ($context["selector"] ?? null);
                echo " ";
                echo ($context["listSelector"] ?? null);
                echo " li ";
                echo ($context["activeSelector"] ?? null);
                echo " {
        background-color:  ";
                // line 3890
                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, 3890), "active", [], "any", false, true, false, 3890), "background", [], "any", true, true, false, 3890)) ? (_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, 3890), "active", [], "any", false, true, false, 3890), "background", [], "any", false, false, false, 3890), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "active_color", [], "any", false, false, false, 3890))) : (twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "active_color", [], "any", false, false, false, 3890))), "var(--bde-brand-primary-color)");
                echo ";
        border-color:  ";
                // line 3891
                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, 3891), "active", [], "any", false, true, false, 3891), "border", [], "any", true, true, false, 3891)) ? (_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, 3891), "active", [], "any", false, true, false, 3891), "border", [], "any", false, false, false, 3891), 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, 3891), "active", [], "any", false, false, false, 3891), "background", [], "any", false, false, false, 3891))) : (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, 3891), "active", [], "any", false, false, false, 3891), "background", [], "any", false, false, false, 3891))), twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "active_color", [], "any", false, false, false, 3891)), "var(--bde-brand-primary-color)");
                echo ";
        color: ";
                // line 3892
                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, 3892), "active", [], "any", false, true, false, 3892), "text", [], "any", true, true, false, 3892)) ? (_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, 3892), "active", [], "any", false, true, false, 3892), "text", [], "any", false, false, false, 3892), "#fff")) : ("#fff"));
                echo ";
    }

    ";
                // line 3895
                if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "space_between", [], "any", false, false, false, 3895), "number", [], "any", false, false, false, 3895) == 0)) {
                    // line 3896
                    echo "        ";
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li ";
                    echo ($context["activeSelector"] ?? null);
                    echo ",
        ";
                    // line 3897
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li a,
        ";
                    // line 3898
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " ";
                    echo ($context["dotsSelector"] ?? null);
                    echo " {
            border-radius: 0;
        }
        ";
                    // line 3901
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li a,
        ";
                    // line 3902
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " ";
                    echo ($context["dotsSelector"] ?? null);
                    echo " {
            border-left: 0;
        }
        ";
                    // line 3905
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:first-child ";
                    echo ($context["activeSelector"] ?? null);
                    echo ",
        ";
                    // line 3906
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:first-child a {
            border-top-left-radius:  ";
                    // line 3907
                    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, 3907), "radius", [], "any", false, true, false, 3907), "style", [], "any", true, true, false, 3907)) ? (_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, 3907), "radius", [], "any", false, true, false, 3907), "style", [], "any", false, false, false, 3907), "4px")) : ("4px"));
                    echo ";
            border-bottom-left-radius:  ";
                    // line 3908
                    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, 3908), "radius", [], "any", false, true, false, 3908), "style", [], "any", true, true, false, 3908)) ? (_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, 3908), "radius", [], "any", false, true, false, 3908), "style", [], "any", false, false, false, 3908), "4px")) : ("4px"));
                    echo ";
        }
        ";
                    // line 3910
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:last-child ";
                    echo ($context["activeSelector"] ?? null);
                    echo ",
        ";
                    // line 3911
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " li:last-child a {
            border-top-right-radius:  ";
                    // line 3912
                    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, 3912), "radius", [], "any", false, true, false, 3912), "style", [], "any", true, true, false, 3912)) ? (_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, 3912), "radius", [], "any", false, true, false, 3912), "style", [], "any", false, false, false, 3912), "4px")) : ("4px"));
                    echo ";
            border-bottom-right-radius: ";
                    // line 3913
                    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, 3913), "radius", [], "any", false, true, false, 3913), "style", [], "any", true, true, false, 3913)) ? (_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, 3913), "radius", [], "any", false, true, false, 3913), "style", [], "any", false, false, false, 3913), "4px")) : ("4px"));
                    echo ";
        }
    ";
                }
                // line 3916
                echo "
    ";
                // line 3917
                if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "dots", [], "any", false, false, false, 3917), "nudge_y", [], "any", false, false, false, 3917)) {
                    // line 3918
                    echo "        ";
                    echo ($context["selector"] ?? null);
                    echo " ";
                    echo ($context["listSelector"] ?? null);
                    echo " ";
                    echo ($context["dotsSelector"] ?? null);
                    echo " * {
            transform: translateY(";
                    // line 3919
                    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, 3919), "nudge_y", [], "any", false, false, false, 3919), "style", [], "any", false, false, false, 3919);
                    echo ");
        }
    ";
                }
                // line 3922
                echo "
";
            }
            // line 3924
            echo "
";

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

    // line 3928
    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 3929
            echo "  /* Notices/Out of Stock */
  ";
            // line 3930
            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, 3930), "disable_icon", [], "any", false, false, false, 3930)) {
                // line 3931
                echo "    %%SELECTOR%%.breakdance-woocommerce p.out-of-stock::before {
      display: none;
    }
    %%SELECTOR%%.breakdance-woocommerce p.out-of-stock {
      padding-left: 12px;
    }
  ";
            }
            // line 3938
            echo "  %%SELECTOR%%.breakdance-woocommerce p.out-of-stock {
    background-color: ";
            // line 3939
            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, 3939), "background", [], "any", false, false, false, 3939);
            echo ";
    ";
            // line 3940
            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, 3940), "borders", [], "any", false, false, false, 3940)], 3940, $context, $this->getSourceContext());
            echo "
    ";
            // line 3941
            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, 3941), "typography", [], "any", false, false, false, 3941)], 3941, $context, $this->getSourceContext());
            echo "
    ";
            // line 3942
            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, 3942), "padding", [], "any", false, false, false, 3942)], 3942, $context, $this->getSourceContext());
            echo "
  }
  ";
            // line 3944
            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, 3944), "icon_color", [], "any", false, false, false, 3944)) {
                // line 3945
                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 3946
                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, 3946), "icon_color", [], "any", false, false, false, 3946), "#");
                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 3949
            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, 3949), "custom_icon", [], "any", false, false, false, 3949)) {
                // line 3950
                echo "    %%SELECTOR%%.breakdance-woocommerce p.out-of-stock::before {
      background-color: ";
                // line 3951
                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, 3951), "icon_color", [], "any", true, true, false, 3951)) ? (_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, 3951), "icon_color", [], "any", false, false, false, 3951), "#ef4444")) : ("#ef4444"));
                echo ";
      content: \"\";
      width: 16px;
      height: 16px;
      mask: url('data:image/svg+xml;utf8,";
                // line 3955
                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, 3955), "custom_icon", [], "any", false, false, false, 3955), "svgCode", [], "any", false, false, false, 3955);
                echo "');
      -webkit-mask: url('data:image/svg+xml;utf8,";
                // line 3956
                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, 3956), "custom_icon", [], "any", false, false, false, 3956), "svgCode", [], "any", false, false, false, 3956);
                echo "');
      mask-size: cover;
      -webkit-mask-size: cover;
      background-image: none;
    }
  ";
            }
            // line 3962
            echo "
  /* Notices/Backorder */
  ";
            // line 3964
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 3964), "disable_icon", [], "any", false, false, false, 3964)) {
                // line 3965
                echo "    %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder::before {
      display: none;
    }
    %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder {
      padding-left: 12px;
    }
  ";
            }
            // line 3972
            echo "  %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder {
    background-color: ";
            // line 3973
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 3973), "background", [], "any", false, false, false, 3973);
            echo ";
    ";
            // line 3974
            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, 3974), "borders", [], "any", false, false, false, 3974)], 3974, $context, $this->getSourceContext());
            echo "
    ";
            // line 3975
            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, 3975), "typography", [], "any", false, false, false, 3975)], 3975, $context, $this->getSourceContext());
            echo "
    ";
            // line 3976
            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, 3976), "padding", [], "any", false, false, false, 3976)], 3976, $context, $this->getSourceContext());
            echo "
  }
  ";
            // line 3978
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 3978), "icon_color", [], "any", false, false, false, 3978)) {
                // line 3979
                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 3980
                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, 3980), "icon_color", [], "any", false, false, false, 3980), "#");
                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 3983
            echo "  ";
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, false, false, 3983), "custom_icon", [], "any", false, false, false, 3983)) {
                // line 3984
                echo "    %%SELECTOR%%.breakdance-woocommerce p.available-on-backorder::before {
      background-color: ";
                // line 3985
                echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "backorder", [], "any", false, true, false, 3985), "icon_color", [], "any", true, true, false, 3985)) ? (_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, 3985), "icon_color", [], "any", false, false, false, 3985), "#0ea5e9")) : ("#0ea5e9"));
                echo ";
      content: \"\";
      width: 16px;
      height: 16px;
      mask: url('data:image/svg+xml;utf8,";
                // line 3989
                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, 3989), "custom_icon", [], "any", false, false, false, 3989), "svgCode", [], "any", false, false, false, 3989);
                echo "');
      -webkit-mask: url('data:image/svg+xml;utf8,";
                // line 3990
                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, 3990), "custom_icon", [], "any", false, false, false, 3990), "svgCode", [], "any", false, false, false, 3990);
                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 3999
    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 4000
            echo "
    ";
            // line 4001
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .un-wc-product-image {
        order: ";
            // line 4002
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "image", [], "any", false, false, false, 4002), "order", [], "any", false, false, false, 4002);
            echo ";
        margin-bottom: ";
            // line 4003
            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, 4003), "space_after", [], "any", false, false, false, 4003), "style", [], "any", false, false, false, 4003);
            echo ";
    }

    ";
            // line 4006
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .un-wc-product-image > img {
        ";
            // line 4007
            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, 4007), "borders", [], "any", false, false, false, 4007)], 4007, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4010
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-loop-product__title {
        order: ";
            // line 4011
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "title", [], "any", false, false, false, 4011), "order", [], "any", false, false, false, 4011);
            echo ";
        margin-bottom: ";
            // line 4012
            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, 4012), "space_after", [], "any", false, false, false, 4012), "style", [], "any", false, false, false, 4012);
            echo ";
        ";
            // line 4013
            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, 4013), "typography", [], "any", false, false, false, 4013)], 4013, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4016
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price {
        order: ";
            // line 4017
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "price", [], "any", false, false, false, 4017), "order", [], "any", false, false, false, 4017);
            echo ";
        margin-bottom: ";
            // line 4018
            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, 4018), "space_after", [], "any", false, false, false, 4018), "style", [], "any", false, false, false, 4018);
            echo ";
    }

    /* Old Price */
    ";
            // line 4022
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price del,
    ";
            // line 4023
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price del .woocommerce-Price-amount bdi,
    ";
            // line 4024
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price del .woocommerce-Price-amount bdi * {
      ";
            // line 4025
            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, 4025), "old_price_typography", [], "any", false, false, false, 4025)], 4025, $context, $this->getSourceContext());
            echo "
    }

    /* Current Price */
    ";
            // line 4029
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price > .woocommerce-Price-amount,
    ";
            // line 4030
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price > .woocommerce-Price-amount bdi,
    ";
            // line 4031
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price ins .woocommerce-Price-amount bdi,
    ";
            // line 4032
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .price ins .woocommerce-Price-amount bdi * {
      ";
            // line 4033
            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, 4033), "current_price_typography", [], "any", false, false, false, 4033)], 4033, $context, $this->getSourceContext());
            echo "
    }


    ";
            // line 4037
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .un-wc-ratings {
        order: ";
            // line 4038
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "rating", [], "any", false, false, false, 4038), "order", [], "any", false, false, false, 4038);
            echo ";
        margin-bottom: ";
            // line 4039
            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, 4039), "space_after", [], "any", false, false, false, 4039), "style", [], "any", false, false, false, 4039);
            echo ";
        ";
            // line 4040
            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, 4040), "typography", [], "any", false, false, false, 4040)], 4040, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4043
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .un-wc-ratings > .un-wc-ratings-count {
        ";
            // line 4044
            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, 4044), "count_typography", [], "any", false, false, false, 4044)], 4044, $context, $this->getSourceContext());
            echo "
        ";
            // line 4045
            if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "rating", [], "any", false, false, false, 4045), "review_count", [], "any", false, false, false, 4045)) {
                // line 4046
                echo "            display: block;
        ";
            }
            // line 4048
            echo "    }

    ";
            // line 4050
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-product-details__short-description {
        order: ";
            // line 4051
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "excerpt", [], "any", false, false, false, 4051), "order", [], "any", false, false, false, 4051);
            echo ";
        margin-bottom: ";
            // line 4052
            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, 4052), "space_after", [], "any", false, false, false, 4052), "style", [], "any", false, false, false, 4052);
            echo ";
    }

    ";
            // line 4055
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-product-details__short-description, ";
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .woocommerce-product-details__short-description * {
        ";
            // line 4056
            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, 4056), "typography", [], "any", false, false, false, 4056)], 4056, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4059
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .un-wc-categories-list {
        order: ";
            // line 4060
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "categories", [], "any", false, false, false, 4060), "order", [], "any", false, false, false, 4060);
            echo ";
        margin-bottom: ";
            // line 4061
            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, 4061), "space_after", [], "any", false, false, false, 4061), "style", [], "any", false, false, false, 4061);
            echo ";
        ";
            // line 4062
            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, 4062), "typography", [], "any", false, false, false, 4062)], 4062, $context, $this->getSourceContext());
            echo "
    }

    ";
            // line 4065
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_simple,
    ";
            // line 4066
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_variable,
    ";
            // line 4067
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_external,
    ";
            // line 4068
            echo ($context["selector"] ?? null);
            echo " ul.products li.product .button.product_type_grouped {
        order: ";
            // line 4069
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "button", [], "any", false, false, false, 4069), "order", [], "any", false, false, false, 4069);
            echo ";
        margin-bottom: ";
            // 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["elements"] ?? null), "button", [], "any", false, false, false, 4070), "space_after", [], "any", false, false, false, 4070), "style", [], "any", false, false, false, 4070);
            echo ";
    }

    /* Sale Badge */
    ";
            // line 4074
            echo ($context["selector"] ?? null);
            echo " .onsale {
      ";
            // line 4075
            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, 4075), "background", [], "any", false, false, false, 4075)], 4075, $context, $this->getSourceContext());
            echo "
      ";
            // line 4076
            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, 4076), "typography", [], "any", false, false, false, 4076)], 4076, $context, $this->getSourceContext());
            echo "
      ";
            // line 4077
            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, 4077), "borders", [], "any", false, false, false, 4077)], 4077, $context, $this->getSourceContext());
            echo "
      ";
            // line 4078
            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, 4078), "padding", [], "any", false, false, false, 4078)], 4078, $context, $this->getSourceContext());
            echo "
      --bde-woo-sale-badge__nudge-x: ";
            // line 4079
            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, 4079), "nudge", [], "any", false, false, false, 4079), "x", [], "any", false, false, false, 4079), "style", [], "any", false, false, false, 4079);
            echo ";
      --bde-woo-sale-badge__nudge-y: ";
            // line 4080
            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, 4080), "nudge", [], "any", false, false, false, 4080), "y", [], "any", false, false, false, 4080), "style", [], "any", false, false, false, 4080);
            echo ";

      ";
            // line 4082
            if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4082), "position", [], "any", false, false, false, 4082) == "top-left")) {
                // line 4083
                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 4087
($context["elements"] ?? null), "sale_badge", [], "any", false, false, false, 4087), "position", [], "any", false, false, false, 4087) == "top-right")) {
                // line 4088
                echo "        top: 12px;
        right: 12px;
        left: auto;
        bottom: auto;
      ";
            }
            // line 4093
            echo "    }
";

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

    // line 4097
    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 4098
            echo "
    ";
            // line 4099
            echo ($context["selector"] ?? null);
            echo ".breakdance-woocommerce ul.products {
        ";
            // line 4100
            if (twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "products_per_row", [], "any", false, false, false, 4100)) {
                // line 4101
                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, 4101);
                echo ";
        ";
            }
            // line 4103
            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, 4103), "style", [], "any", false, false, false, 4103);
            echo ";
    }

    ";
            // line 4119
            echo "
";

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

    // line 4123
    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 4124
            echo "  ";
            echo ($context["selector"] ?? null);
            echo " li.product {
    ";
            // line 4125
            echo twig_call_macro($macros["_self"], "macro_backgroundColor", [twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "background", [], "any", false, false, false, 4125)], 4125, $context, $this->getSourceContext());
            echo "
    ";
            // line 4126
            echo twig_call_macro($macros["_self"], "macro_borders", [twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "borders", [], "any", false, false, false, 4126)], 4126, $context, $this->getSourceContext());
            echo "
    ";
            // line 4127
            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, 4127)], 4127, $context, $this->getSourceContext());
            echo "
  }

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

  ";
            // line 4135
            echo ($context["selector"] ?? null);
            echo " li.product .price {
    justify-content: ";
            // line 4136
            echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_content", [], "any", false, false, false, 4136);
            echo ";
  }
  
  ";
            // line 4139
            echo ($context["selector"] ?? null);
            echo " li.product,
  ";
            // line 4140
            echo ($context["selector"] ?? null);
            echo " h2.woocommerce-loop-product__title {
    text-align: ";
            // line 4141
            echo twig_get_attribute($this->env, $this->source, ($context["layout"] ?? null), "align_content", [], "any", false, false, false, 4141);
            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 (  12806 => 4141,  12802 => 4140,  12798 => 4139,  12792 => 4136,  12788 => 4135,  12782 => 4132,  12778 => 4131,  12774 => 4130,  12768 => 4127,  12764 => 4126,  12760 => 4125,  12755 => 4124,  12741 => 4123,  12731 => 4119,  12724 => 4103,  12718 => 4101,  12716 => 4100,  12712 => 4099,  12709 => 4098,  12695 => 4097,  12685 => 4093,  12678 => 4088,  12676 => 4087,  12670 => 4083,  12668 => 4082,  12663 => 4080,  12659 => 4079,  12655 => 4078,  12651 => 4077,  12647 => 4076,  12643 => 4075,  12639 => 4074,  12632 => 4070,  12628 => 4069,  12624 => 4068,  12620 => 4067,  12616 => 4066,  12612 => 4065,  12606 => 4062,  12602 => 4061,  12598 => 4060,  12594 => 4059,  12588 => 4056,  12582 => 4055,  12576 => 4052,  12572 => 4051,  12568 => 4050,  12564 => 4048,  12560 => 4046,  12558 => 4045,  12554 => 4044,  12550 => 4043,  12544 => 4040,  12540 => 4039,  12536 => 4038,  12532 => 4037,  12525 => 4033,  12521 => 4032,  12517 => 4031,  12513 => 4030,  12509 => 4029,  12502 => 4025,  12498 => 4024,  12494 => 4023,  12490 => 4022,  12483 => 4018,  12479 => 4017,  12475 => 4016,  12469 => 4013,  12465 => 4012,  12461 => 4011,  12457 => 4010,  12451 => 4007,  12447 => 4006,  12441 => 4003,  12437 => 4002,  12433 => 4001,  12430 => 4000,  12416 => 3999,  12400 => 3990,  12396 => 3989,  12389 => 3985,  12386 => 3984,  12383 => 3983,  12377 => 3980,  12374 => 3979,  12372 => 3978,  12367 => 3976,  12363 => 3975,  12359 => 3974,  12355 => 3973,  12352 => 3972,  12343 => 3965,  12341 => 3964,  12337 => 3962,  12328 => 3956,  12324 => 3955,  12317 => 3951,  12314 => 3950,  12311 => 3949,  12305 => 3946,  12302 => 3945,  12300 => 3944,  12295 => 3942,  12291 => 3941,  12287 => 3940,  12283 => 3939,  12280 => 3938,  12271 => 3931,  12269 => 3930,  12266 => 3929,  12252 => 3928,  12242 => 3924,  12238 => 3922,  12232 => 3919,  12223 => 3918,  12221 => 3917,  12218 => 3916,  12212 => 3913,  12208 => 3912,  12202 => 3911,  12194 => 3910,  12189 => 3908,  12185 => 3907,  12179 => 3906,  12171 => 3905,  12161 => 3902,  12155 => 3901,  12145 => 3898,  12139 => 3897,  12130 => 3896,  12128 => 3895,  12122 => 3892,  12118 => 3891,  12114 => 3890,  12106 => 3889,  12100 => 3886,  12096 => 3885,  12090 => 3884,  12084 => 3881,  12080 => 3880,  12072 => 3879,  12066 => 3878,  12056 => 3871,  12052 => 3870,  12048 => 3869,  12040 => 3868,  12034 => 3867,  12026 => 3866,  12021 => 3863,  12019 => 3862,  12013 => 3859,  12005 => 3858,  11999 => 3855,  11993 => 3854,  11985 => 3853,  11979 => 3850,  11973 => 3849,  11967 => 3848,  11961 => 3845,  11955 => 3844,  11949 => 3843,  11943 => 3840,  11937 => 3839,  11934 => 3838,  11917 => 3837,  11902 => 3830,  11888 => 3828,  11885 => 3827,  11871 => 3826,  11850 => 3822,  11848 => 3820,  11847 => 3819,  11846 => 3818,  11845 => 3817,  11843 => 3816,  11829 => 3815,  11814 => 3811,  11811 => 3810,  11808 => 3809,  11794 => 3808,  11781 => 3800,  11778 => 3799,  11776 => 3798,  11774 => 3797,  11771 => 3796,  11765 => 3794,  11763 => 3793,  11758 => 3791,  11753 => 3790,  11740 => 3789,  11730 => 3786,  11724 => 3784,  11722 => 3783,  11716 => 3781,  11703 => 3780,  11690 => 3776,  11687 => 3775,  11681 => 3773,  11679 => 3772,  11674 => 3771,  11672 => 3770,  11667 => 3768,  11662 => 3767,  11648 => 3766,  11638 => 3763,  11632 => 3761,  11630 => 3760,  11627 => 3759,  11621 => 3757,  11619 => 3756,  11616 => 3755,  11610 => 3753,  11608 => 3752,  11605 => 3751,  11599 => 3749,  11597 => 3748,  11592 => 3746,  11589 => 3745,  11576 => 3744,  11563 => 3739,  11561 => 3738,  11558 => 3737,  11552 => 3735,  11550 => 3734,  11547 => 3733,  11541 => 3731,  11539 => 3730,  11536 => 3729,  11533 => 3728,  11527 => 3726,  11524 => 3725,  11521 => 3724,  11515 => 3722,  11507 => 3720,  11504 => 3719,  11501 => 3718,  11495 => 3716,  11492 => 3715,  11486 => 3713,  11478 => 3711,  11476 => 3710,  11471 => 3709,  11469 => 3708,  11466 => 3707,  11460 => 3703,  11458 => 3702,  11453 => 3700,  11450 => 3699,  11437 => 3698,  11426 => 3695,  11422 => 3694,  11418 => 3693,  11414 => 3692,  11410 => 3691,  11406 => 3690,  11402 => 3689,  11398 => 3688,  11394 => 3687,  11390 => 3686,  11386 => 3685,  11382 => 3684,  11377 => 3683,  11364 => 3682,  11353 => 3678,  11349 => 3677,  11345 => 3676,  11341 => 3675,  11337 => 3674,  11333 => 3673,  11329 => 3672,  11325 => 3671,  11321 => 3670,  11317 => 3669,  11313 => 3668,  11309 => 3667,  11304 => 3666,  11291 => 3665,  11277 => 3660,  11271 => 3659,  11265 => 3658,  11259 => 3657,  11253 => 3656,  11247 => 3655,  11241 => 3654,  11235 => 3653,  11229 => 3652,  11223 => 3651,  11217 => 3650,  11211 => 3649,  11205 => 3648,  11202 => 3647,  11188 => 3646,  11175 => 3643,  11172 => 3642,  11166 => 3640,  11164 => 3639,  11161 => 3638,  11155 => 3636,  11153 => 3635,  11150 => 3634,  11144 => 3632,  11142 => 3631,  11139 => 3630,  11133 => 3628,  11131 => 3627,  11128 => 3626,  11122 => 3624,  11120 => 3623,  11117 => 3622,  11111 => 3620,  11109 => 3619,  11106 => 3618,  11100 => 3616,  11098 => 3615,  11095 => 3614,  11089 => 3612,  11087 => 3611,  11084 => 3610,  11078 => 3608,  11076 => 3607,  11073 => 3606,  11067 => 3604,  11065 => 3603,  11062 => 3602,  11056 => 3600,  11054 => 3599,  11051 => 3598,  11045 => 3596,  11043 => 3595,  11040 => 3594,  11034 => 3592,  11032 => 3591,  11029 => 3590,  11027 => 3589,  11024 => 3588,  11021 => 3587,  11016 => 3586,  11002 => 3585,  10985 => 3580,  10982 => 3579,  10980 => 3575,  10977 => 3574,  10971 => 3573,  10968 => 3572,  10966 => 3570,  10964 => 3569,  10961 => 3568,  10959 => 3567,  10956 => 3566,  10953 => 3565,  10948 => 3564,  10946 => 3563,  10943 => 3562,  10941 => 3561,  10938 => 3560,  10935 => 3559,  10932 => 3558,  10918 => 3557,  10905 => 3551,  10899 => 3550,  10893 => 3549,  10887 => 3548,  10873 => 3547,  10862 => 3543,  10857 => 3542,  10844 => 3541,  10833 => 3538,  10828 => 3537,  10815 => 3536,  10803 => 3532,  10799 => 3531,  10795 => 3530,  10790 => 3529,  10778 => 3527,  10776 => 3525,  10775 => 3524,  10774 => 3523,  10773 => 3522,  10771 => 3521,  10758 => 3520,  10747 => 3514,  10742 => 3513,  10729 => 3512,  10718 => 3509,  10713 => 3508,  10700 => 3507,  10688 => 3503,  10684 => 3502,  10680 => 3501,  10675 => 3500,  10663 => 3498,  10661 => 3496,  10660 => 3495,  10659 => 3494,  10658 => 3493,  10656 => 3492,  10643 => 3491,  10632 => 3486,  10628 => 3485,  10623 => 3483,  10618 => 3482,  10605 => 3481,  10594 => 3478,  10590 => 3477,  10585 => 3475,  10580 => 3474,  10567 => 3473,  10556 => 3470,  10551 => 3469,  10538 => 3468,  10527 => 3464,  10523 => 3463,  10519 => 3462,  10515 => 3461,  10511 => 3460,  10506 => 3459,  10493 => 3458,  10483 => 3454,  10479 => 3452,  10477 => 3451,  10474 => 3450,  10468 => 3448,  10463 => 3445,  10461 => 3444,  10457 => 3442,  10455 => 3441,  10451 => 3439,  10448 => 3438,  10443 => 3436,  10439 => 3435,  10435 => 3433,  10433 => 3432,  10428 => 3430,  10425 => 3429,  10411 => 3428,  10400 => 3424,  10395 => 3422,  10388 => 3418,  10384 => 3417,  10380 => 3416,  10376 => 3415,  10373 => 3414,  10369 => 3412,  10365 => 3410,  10361 => 3408,  10359 => 3407,  10354 => 3406,  10352 => 3405,  10346 => 3402,  10342 => 3401,  10336 => 3398,  10332 => 3397,  10325 => 3393,  10320 => 3391,  10314 => 3388,  10310 => 3387,  10307 => 3386,  10304 => 3384,  10299 => 3382,  10292 => 3378,  10289 => 3377,  10281 => 3373,  10278 => 3372,  10276 => 3371,  10272 => 3369,  10264 => 3365,  10262 => 3364,  10258 => 3362,  10255 => 3361,  10250 => 3358,  10247 => 3357,  10245 => 3356,  10239 => 3354,  10234 => 3351,  10231 => 3350,  10229 => 3349,  10224 => 3348,  10218 => 3346,  10215 => 3345,  10211 => 3343,  10208 => 3342,  10206 => 3341,  10202 => 3340,  10196 => 3337,  10192 => 3336,  10187 => 3335,  10169 => 3334,  10057 => 3329,  10055 => 3328,  10051 => 3322,  10046 => 3320,  10042 => 3319,  10039 => 3318,  10036 => 3317,  10033 => 3315,  10028 => 3313,  10023 => 3312,  10018 => 3310,  10013 => 3309,  10011 => 3308,  10007 => 3307,  10001 => 3304,  9997 => 3303,  9993 => 3302,  9987 => 3299,  9983 => 3298,  9979 => 3297,  9975 => 3296,  9969 => 3293,  9965 => 3292,  9961 => 3291,  9957 => 3290,  9953 => 3289,  9949 => 3288,  9945 => 3287,  9941 => 3286,  9937 => 3285,  9932 => 3283,  9928 => 3282,  9924 => 3281,  9919 => 3279,  9915 => 3278,  9911 => 3277,  9907 => 3276,  9903 => 3275,  9899 => 3274,  9893 => 3271,  9889 => 3270,  9885 => 3269,  9881 => 3268,  9877 => 3267,  9873 => 3266,  9869 => 3265,  9864 => 3263,  9860 => 3262,  9855 => 3260,  9851 => 3259,  9847 => 3258,  9843 => 3257,  9839 => 3256,  9835 => 3255,  9831 => 3254,  9827 => 3253,  9823 => 3252,  9819 => 3251,  9815 => 3250,  9811 => 3249,  9808 => 3248,  9802 => 3246,  9800 => 3245,  9798 => 3244,  9793 => 3242,  9789 => 3241,  9785 => 3240,  9781 => 3238,  9765 => 3237,  9754 => 3234,  9750 => 3233,  9745 => 3231,  9741 => 3230,  9736 => 3228,  9732 => 3227,  9728 => 3226,  9724 => 3225,  9720 => 3224,  9716 => 3223,  9712 => 3222,  9707 => 3221,  9694 => 3220,  9682 => 3216,  9678 => 3215,  9672 => 3212,  9668 => 3211,  9662 => 3208,  9658 => 3207,  9652 => 3204,  9648 => 3203,  9642 => 3200,  9638 => 3199,  9634 => 3198,  9628 => 3195,  9624 => 3194,  9620 => 3193,  9616 => 3192,  9612 => 3191,  9608 => 3190,  9604 => 3189,  9600 => 3188,  9596 => 3186,  9581 => 3185,  9569 => 3181,  9565 => 3180,  9559 => 3177,  9555 => 3176,  9551 => 3175,  9547 => 3174,  9543 => 3172,  9528 => 3171,  9517 => 3168,  9513 => 3167,  9507 => 3164,  9503 => 3163,  9499 => 3162,  9495 => 3161,  9492 => 3160,  9490 => 3159,  9487 => 3158,  9472 => 3157,  9460 => 3153,  9456 => 3152,  9450 => 3149,  9446 => 3148,  9442 => 3147,  9438 => 3146,  9433 => 3145,  9419 => 3144,  9406 => 3140,  9403 => 3139,  9400 => 3137,  9397 => 3136,  9393 => 3134,  9391 => 3133,  9386 => 3131,  9382 => 3130,  9378 => 3129,  9372 => 3126,  9368 => 3125,  9361 => 3121,  9357 => 3120,  9353 => 3119,  9347 => 3116,  9343 => 3115,  9339 => 3114,  9333 => 3111,  9328 => 3110,  9323 => 3107,  9319 => 3106,  9315 => 3105,  9311 => 3104,  9306 => 3103,  9301 => 3100,  9297 => 3099,  9293 => 3098,  9289 => 3097,  9285 => 3096,  9281 => 3095,  9277 => 3094,  9273 => 3093,  9268 => 3092,  9263 => 3089,  9259 => 3088,  9254 => 3087,  9251 => 3086,  9247 => 3085,  9243 => 3084,  9239 => 3083,  9234 => 3082,  9229 => 3079,  9224 => 3078,  9218 => 3076,  9215 => 3075,  9213 => 3074,  9210 => 3073,  9207 => 3072,  9204 => 3071,  9201 => 3070,  9198 => 3069,  9195 => 3068,  9192 => 3067,  9189 => 3066,  9171 => 3065,  9160 => 3061,  9152 => 3058,  9143 => 3056,  9139 => 3055,  9135 => 3053,  9129 => 3051,  9127 => 3050,  9122 => 3049,  9118 => 3048,  9112 => 3046,  9098 => 3045,  9087 => 3041,  9081 => 3039,  9079 => 3038,  9076 => 3037,  9070 => 3035,  9068 => 3034,  9064 => 3032,  9060 => 3030,  9054 => 3028,  9052 => 3027,  9047 => 3026,  9045 => 3025,  9042 => 3024,  9040 => 3023,  9035 => 3022,  9022 => 3021,  9011 => 3017,  9007 => 3015,  9005 => 3014,  9002 => 3013,  8998 => 3011,  8994 => 3009,  8991 => 3008,  8983 => 3006,  8980 => 3005,  8976 => 3003,  8970 => 3001,  8968 => 3000,  8965 => 2999,  8963 => 2998,  8960 => 2997,  8957 => 2996,  8944 => 2995,  8934 => 2992,  8922 => 2991,  8912 => 2988,  8906 => 2984,  8903 => 2983,  8897 => 2980,  8894 => 2979,  8892 => 2978,  8889 => 2977,  8883 => 2974,  8880 => 2973,  8877 => 2972,  8875 => 2971,  8871 => 2970,  8867 => 2969,  8864 => 2968,  8861 => 2967,  8858 => 2966,  8845 => 2965,  8832 => 2960,  8826 => 2958,  8823 => 2957,  8821 => 2956,  8806 => 2955,  8793 => 2947,  8791 => 2942,  8789 => 2941,  8784 => 2940,  8782 => 2939,  8779 => 2938,  8766 => 2937,  8752 => 2931,  8748 => 2930,  8744 => 2929,  8741 => 2928,  8739 => 2927,  8732 => 2926,  8729 => 2925,  8715 => 2924,  8704 => 2920,  8693 => 2918,  8689 => 2917,  8685 => 2916,  8681 => 2915,  8677 => 2914,  8673 => 2913,  8669 => 2912,  8665 => 2911,  8662 => 2910,  8656 => 2907,  8652 => 2906,  8648 => 2905,  8644 => 2904,  8641 => 2903,  8639 => 2902,  8636 => 2901,  8633 => 2900,  8630 => 2899,  8627 => 2897,  8625 => 2896,  8622 => 2895,  8620 => 2894,  8617 => 2893,  8614 => 2892,  8611 => 2891,  8609 => 2890,  8606 => 2889,  8604 => 2888,  8601 => 2887,  8598 => 2886,  8595 => 2885,  8592 => 2884,  8575 => 2883,  8562 => 2878,  8560 => 2877,  8555 => 2875,  8552 => 2874,  8550 => 2873,  8547 => 2872,  8545 => 2870,  8544 => 2869,  8543 => 2868,  8542 => 2867,  8539 => 2866,  8537 => 2864,  8536 => 2863,  8535 => 2862,  8532 => 2861,  8530 => 2859,  8529 => 2858,  8528 => 2857,  8527 => 2856,  8526 => 2855,  8523 => 2854,  8520 => 2853,  8517 => 2852,  8514 => 2851,  8501 => 2850,  8491 => 2847,  8488 => 2846,  8482 => 2844,  8479 => 2843,  8476 => 2841,  8473 => 2835,  8470 => 2834,  8467 => 2833,  8465 => 2832,  8452 => 2831,  8441 => 2827,  8438 => 2817,  8435 => 2816,  8433 => 2815,  8420 => 2814,  8410 => 2811,  8398 => 2810,  8377 => 2807,  8374 => 2806,  8371 => 2805,  8368 => 2804,  8365 => 2803,  8363 => 2802,  8360 => 2801,  8357 => 2800,  8354 => 2799,  8351 => 2798,  8349 => 2797,  8346 => 2796,  8343 => 2795,  8341 => 2794,  8336 => 2792,  8332 => 2791,  8329 => 2790,  8326 => 2789,  8323 => 2788,  8306 => 2787,  8296 => 2783,  8292 => 2781,  8288 => 2779,  8286 => 2778,  8282 => 2776,  8280 => 2775,  8277 => 2774,  8275 => 2773,  8271 => 2771,  8267 => 2769,  8263 => 2767,  8261 => 2766,  8258 => 2765,  8256 => 2764,  8253 => 2763,  8251 => 2762,  8248 => 2761,  8244 => 2759,  8242 => 2758,  8239 => 2757,  8237 => 2756,  8234 => 2755,  8232 => 2754,  8229 => 2753,  8227 => 2752,  8224 => 2751,  8222 => 2750,  8217 => 2747,  8215 => 2746,  8210 => 2743,  8197 => 2742,  8185 => 2738,  8181 => 2737,  8177 => 2736,  8173 => 2735,  8169 => 2734,  8166 => 2733,  8161 => 2731,  8157 => 2730,  8153 => 2729,  8149 => 2728,  8144 => 2727,  8142 => 2726,  8137 => 2724,  8133 => 2723,  8129 => 2722,  8125 => 2721,  8121 => 2720,  8118 => 2719,  8113 => 2717,  8109 => 2716,  8105 => 2715,  8101 => 2714,  8097 => 2713,  8092 => 2712,  8090 => 2711,  8084 => 2709,  8071 => 2708,  8058 => 2703,  8055 => 2702,  8052 => 2701,  8046 => 2699,  8038 => 2697,  8035 => 2696,  8032 => 2695,  8026 => 2693,  8023 => 2692,  8017 => 2690,  8009 => 2688,  8007 => 2687,  8004 => 2686,  7991 => 2685,  7978 => 2681,  7972 => 2680,  7960 => 2678,  7958 => 2677,  7952 => 2675,  7950 => 2674,  7942 => 2673,  7938 => 2672,  7935 => 2671,  7933 => 2670,  7929 => 2669,  7925 => 2668,  7922 => 2667,  7920 => 2666,  7907 => 2665,  7895 => 2661,  7889 => 2658,  7886 => 2656,  7883 => 2655,  7875 => 2651,  7873 => 2650,  7868 => 2648,  7863 => 2647,  7860 => 2646,  7857 => 2644,  7843 => 2633,  7839 => 2632,  7834 => 2631,  7829 => 2629,  7826 => 2628,  7821 => 2624,  7815 => 2622,  7813 => 2621,  7809 => 2620,  7805 => 2619,  7800 => 2618,  7794 => 2614,  7790 => 2613,  7784 => 2610,  7780 => 2609,  7774 => 2606,  7770 => 2605,  7766 => 2604,  7760 => 2601,  7755 => 2600,  7749 => 2596,  7745 => 2595,  7741 => 2594,  7737 => 2593,  7731 => 2590,  7727 => 2589,  7723 => 2588,  7719 => 2587,  7714 => 2586,  7708 => 2582,  7704 => 2581,  7698 => 2578,  7693 => 2577,  7687 => 2573,  7683 => 2572,  7679 => 2571,  7675 => 2570,  7669 => 2567,  7665 => 2566,  7661 => 2565,  7657 => 2564,  7652 => 2563,  7646 => 2559,  7641 => 2558,  7635 => 2554,  7631 => 2553,  7627 => 2552,  7622 => 2551,  7616 => 2547,  7612 => 2546,  7608 => 2545,  7604 => 2544,  7600 => 2543,  7596 => 2542,  7592 => 2541,  7588 => 2540,  7584 => 2539,  7580 => 2538,  7576 => 2537,  7572 => 2536,  7567 => 2535,  7562 => 2533,  7556 => 2529,  7552 => 2528,  7548 => 2527,  7543 => 2526,  7538 => 2524,  7531 => 2519,  7526 => 2518,  7520 => 2514,  7516 => 2513,  7512 => 2512,  7508 => 2511,  7504 => 2510,  7500 => 2509,  7496 => 2508,  7492 => 2507,  7488 => 2506,  7484 => 2505,  7480 => 2504,  7476 => 2503,  7472 => 2502,  7468 => 2501,  7464 => 2500,  7460 => 2499,  7456 => 2498,  7452 => 2497,  7448 => 2496,  7444 => 2495,  7440 => 2494,  7436 => 2493,  7432 => 2492,  7429 => 2491,  7413 => 2490,  7401 => 2486,  7388 => 2485,  7376 => 2482,  7363 => 2481,  7348 => 2478,  7340 => 2476,  7338 => 2475,  7333 => 2474,  7331 => 2473,  7326 => 2472,  7323 => 2471,  7319 => 2470,  7316 => 2469,  7303 => 2468,  7293 => 2464,  7287 => 2461,  7283 => 2460,  7278 => 2458,  7273 => 2457,  7271 => 2456,  7268 => 2455,  7262 => 2452,  7258 => 2451,  7253 => 2449,  7248 => 2448,  7246 => 2447,  7243 => 2446,  7233 => 2443,  7227 => 2441,  7225 => 2440,  7220 => 2439,  7218 => 2438,  7213 => 2437,  7211 => 2436,  7206 => 2435,  7204 => 2434,  7199 => 2433,  7197 => 2432,  7192 => 2431,  7190 => 2430,  7185 => 2429,  7183 => 2428,  7178 => 2427,  7175 => 2426,  7171 => 2425,  7166 => 2423,  7164 => 2422,  7159 => 2419,  7152 => 2418,  7146 => 2416,  7144 => 2415,  7139 => 2414,  7137 => 2413,  7132 => 2412,  7130 => 2411,  7125 => 2410,  7123 => 2409,  7118 => 2408,  7116 => 2407,  7111 => 2406,  7109 => 2405,  7104 => 2404,  7102 => 2403,  7097 => 2402,  7094 => 2401,  7090 => 2400,  7086 => 2398,  7080 => 2396,  7078 => 2395,  7074 => 2394,  7071 => 2393,  7065 => 2390,  7060 => 2389,  7058 => 2388,  7055 => 2387,  7051 => 2385,  7043 => 2383,  7040 => 2382,  7034 => 2380,  7031 => 2379,  7028 => 2378,  7022 => 2376,  7019 => 2375,  7017 => 2374,  7013 => 2373,  7008 => 2371,  7003 => 2370,  7000 => 2369,  6994 => 2367,  6991 => 2366,  6988 => 2365,  6984 => 2363,  6982 => 2362,  6977 => 2361,  6975 => 2360,  6972 => 2359,  6966 => 2356,  6962 => 2355,  6957 => 2354,  6955 => 2353,  6952 => 2352,  6948 => 2350,  6944 => 2348,  6941 => 2347,  6935 => 2345,  6929 => 2343,  6926 => 2342,  6923 => 2341,  6919 => 2339,  6917 => 2338,  6910 => 2337,  6907 => 2336,  6901 => 2334,  6899 => 2333,  6894 => 2332,  6892 => 2331,  6889 => 2330,  6882 => 2326,  6875 => 2323,  6873 => 2322,  6870 => 2321,  6866 => 2318,  6858 => 2316,  6856 => 2315,  6851 => 2314,  6849 => 2313,  6844 => 2312,  6842 => 2311,  6833 => 2306,  6830 => 2305,  6824 => 2302,  6819 => 2301,  6816 => 2300,  6814 => 2299,  6811 => 2298,  6805 => 2295,  6801 => 2294,  6797 => 2293,  6793 => 2292,  6789 => 2291,  6784 => 2290,  6782 => 2289,  6776 => 2286,  6772 => 2285,  6768 => 2283,  6764 => 2281,  6760 => 2279,  6757 => 2278,  6751 => 2276,  6745 => 2274,  6742 => 2273,  6739 => 2272,  6735 => 2270,  6733 => 2269,  6726 => 2268,  6724 => 2267,  6719 => 2266,  6717 => 2265,  6714 => 2264,  6708 => 2262,  6705 => 2261,  6699 => 2259,  6696 => 2258,  6690 => 2256,  6687 => 2255,  6685 => 2254,  6680 => 2252,  6676 => 2251,  6673 => 2249,  6666 => 2245,  6663 => 2244,  6661 => 2243,  6658 => 2242,  6641 => 2241,  6631 => 2238,  6627 => 2236,  6625 => 2235,  6622 => 2234,  6617 => 2231,  6608 => 2228,  6605 => 2227,  6601 => 2226,  6595 => 2222,  6593 => 2221,  6590 => 2220,  6586 => 2218,  6578 => 2215,  6575 => 2214,  6569 => 2212,  6566 => 2211,  6562 => 2209,  6559 => 2208,  6555 => 2206,  6553 => 2205,  6548 => 2202,  6545 => 2201,  6542 => 2200,  6538 => 2198,  6535 => 2197,  6526 => 2193,  6521 => 2190,  6518 => 2189,  6515 => 2188,  6512 => 2187,  6509 => 2186,  6506 => 2185,  6503 => 2184,  6501 => 2183,  6498 => 2182,  6495 => 2181,  6492 => 2180,  6489 => 2179,  6487 => 2178,  6484 => 2177,  6481 => 2176,  6478 => 2175,  6475 => 2174,  6472 => 2173,  6470 => 2172,  6466 => 2170,  6463 => 2164,  6460 => 2161,  6457 => 2159,  6444 => 2158,  6433 => 2153,  6431 => 2152,  6427 => 2150,  6420 => 2149,  6414 => 2147,  6412 => 2146,  6407 => 2145,  6405 => 2144,  6400 => 2143,  6398 => 2142,  6393 => 2141,  6391 => 2140,  6386 => 2139,  6384 => 2138,  6379 => 2137,  6377 => 2136,  6372 => 2135,  6370 => 2134,  6365 => 2133,  6363 => 2132,  6360 => 2131,  6356 => 2130,  6350 => 2127,  6347 => 2126,  6341 => 2124,  6333 => 2122,  6331 => 2121,  6327 => 2119,  6320 => 2118,  6316 => 2116,  6310 => 2114,  6308 => 2113,  6303 => 2112,  6301 => 2111,  6294 => 2110,  6292 => 2109,  6283 => 2108,  6280 => 2107,  6277 => 2106,  6274 => 2105,  6272 => 2104,  6269 => 2103,  6267 => 2102,  6264 => 2101,  6258 => 2099,  6255 => 2098,  6253 => 2097,  6250 => 2096,  6248 => 2095,  6237 => 2093,  6234 => 2092,  6232 => 2091,  6229 => 2090,  6223 => 2088,  6221 => 2087,  6218 => 2086,  6216 => 2085,  6213 => 2084,  6206 => 2083,  6199 => 2082,  6192 => 2081,  6189 => 2080,  6186 => 2079,  6184 => 2078,  6181 => 2077,  6179 => 2076,  6176 => 2075,  6170 => 2073,  6168 => 2072,  6163 => 2071,  6161 => 2070,  6154 => 2069,  6152 => 2068,  6143 => 2067,  6140 => 2066,  6137 => 2065,  6134 => 2064,  6132 => 2063,  6129 => 2062,  6127 => 2061,  6124 => 2060,  6118 => 2058,  6116 => 2057,  6111 => 2056,  6109 => 2055,  6102 => 2054,  6099 => 2053,  6096 => 2052,  6094 => 2051,  6091 => 2050,  6088 => 2049,  6084 => 2048,  6066 => 2045,  6049 => 2044,  6032 => 2043,  6027 => 2041,  6023 => 2040,  6018 => 2039,  6012 => 2037,  6009 => 2036,  5995 => 2035,  5984 => 2030,  5982 => 2029,  5978 => 2028,  5973 => 2026,  5970 => 2025,  5964 => 2023,  5956 => 2021,  5954 => 2020,  5950 => 2018,  5943 => 2017,  5939 => 2015,  5933 => 2013,  5931 => 2012,  5926 => 2011,  5924 => 2010,  5917 => 2009,  5915 => 2008,  5906 => 2007,  5903 => 2006,  5900 => 2005,  5897 => 2004,  5895 => 2003,  5892 => 2002,  5890 => 2001,  5887 => 2000,  5881 => 1998,  5878 => 1997,  5876 => 1996,  5873 => 1995,  5871 => 1994,  5860 => 1992,  5857 => 1991,  5855 => 1990,  5852 => 1989,  5846 => 1987,  5844 => 1986,  5841 => 1985,  5839 => 1984,  5836 => 1983,  5829 => 1982,  5822 => 1981,  5815 => 1980,  5812 => 1979,  5809 => 1978,  5807 => 1977,  5804 => 1976,  5802 => 1975,  5799 => 1974,  5793 => 1972,  5791 => 1971,  5786 => 1970,  5784 => 1969,  5777 => 1968,  5775 => 1967,  5766 => 1966,  5763 => 1965,  5760 => 1964,  5757 => 1963,  5755 => 1962,  5752 => 1961,  5750 => 1960,  5747 => 1959,  5741 => 1957,  5739 => 1956,  5734 => 1955,  5732 => 1954,  5725 => 1953,  5722 => 1952,  5719 => 1951,  5717 => 1950,  5714 => 1949,  5712 => 1948,  5709 => 1947,  5705 => 1946,  5687 => 1943,  5670 => 1942,  5653 => 1941,  5648 => 1939,  5644 => 1938,  5639 => 1937,  5633 => 1935,  5630 => 1934,  5616 => 1933,  5605 => 1929,  5592 => 1928,  5579 => 1923,  5576 => 1922,  5562 => 1921,  5551 => 1918,  5548 => 1917,  5545 => 1916,  5542 => 1915,  5528 => 1914,  5515 => 1908,  5508 => 1905,  5505 => 1904,  5492 => 1903,  5479 => 1897,  5469 => 1891,  5466 => 1890,  5453 => 1889,  5440 => 1884,  5434 => 1882,  5431 => 1881,  5418 => 1880,  5407 => 1875,  5403 => 1874,  5399 => 1873,  5395 => 1872,  5391 => 1871,  5387 => 1870,  5382 => 1869,  5362 => 1868,  5351 => 1864,  5346 => 1863,  5333 => 1862,  5322 => 1858,  5318 => 1857,  5313 => 1856,  5300 => 1855,  5287 => 1850,  5282 => 1848,  5278 => 1847,  5274 => 1846,  5269 => 1845,  5266 => 1844,  5253 => 1843,  5240 => 1839,  5235 => 1837,  5231 => 1836,  5227 => 1835,  5222 => 1834,  5219 => 1833,  5206 => 1832,  5196 => 1825,  5189 => 1823,  5177 => 1821,  5174 => 1820,  5170 => 1819,  5167 => 1818,  5154 => 1817,  5144 => 1814,  5138 => 1813,  5126 => 1811,  5123 => 1810,  5119 => 1809,  5116 => 1808,  5103 => 1807,  5092 => 1800,  5086 => 1798,  5084 => 1797,  5081 => 1796,  5075 => 1794,  5073 => 1793,  5070 => 1792,  5064 => 1790,  5062 => 1789,  5059 => 1788,  5053 => 1786,  5051 => 1785,  5048 => 1784,  5042 => 1782,  5040 => 1781,  5037 => 1780,  5031 => 1778,  5029 => 1777,  5026 => 1776,  5019 => 1774,  5016 => 1773,  5013 => 1772,  5010 => 1771,  5008 => 1770,  5005 => 1769,  5002 => 1768,  4999 => 1767,  4996 => 1766,  4994 => 1765,  4991 => 1764,  4988 => 1763,  4985 => 1762,  4982 => 1761,  4980 => 1760,  4977 => 1759,  4974 => 1758,  4971 => 1757,  4968 => 1756,  4966 => 1755,  4963 => 1754,  4960 => 1753,  4957 => 1752,  4954 => 1751,  4952 => 1750,  4949 => 1749,  4946 => 1748,  4943 => 1747,  4940 => 1746,  4937 => 1745,  4935 => 1744,  4932 => 1743,  4929 => 1742,  4926 => 1741,  4923 => 1740,  4921 => 1739,  4918 => 1738,  4915 => 1737,  4912 => 1736,  4909 => 1735,  4907 => 1734,  4904 => 1733,  4901 => 1732,  4898 => 1731,  4895 => 1730,  4892 => 1729,  4890 => 1728,  4887 => 1727,  4884 => 1726,  4881 => 1725,  4878 => 1724,  4875 => 1723,  4873 => 1722,  4870 => 1721,  4867 => 1720,  4865 => 1719,  4862 => 1718,  4858 => 1717,  4855 => 1716,  4852 => 1715,  4849 => 1714,  4846 => 1713,  4843 => 1712,  4840 => 1711,  4838 => 1710,  4833 => 1708,  4828 => 1707,  4815 => 1706,  4804 => 1701,  4786 => 1698,  4780 => 1696,  4778 => 1695,  4767 => 1694,  4750 => 1693,  4747 => 1692,  4741 => 1689,  4734 => 1688,  4732 => 1687,  4726 => 1686,  4722 => 1685,  4719 => 1684,  4715 => 1682,  4698 => 1679,  4691 => 1678,  4674 => 1677,  4671 => 1676,  4665 => 1674,  4663 => 1673,  4660 => 1672,  4658 => 1671,  4655 => 1670,  4637 => 1669,  4626 => 1665,  4622 => 1663,  4616 => 1660,  4611 => 1657,  4609 => 1656,  4603 => 1654,  4600 => 1653,  4597 => 1651,  4590 => 1647,  4583 => 1643,  4580 => 1642,  4578 => 1641,  4572 => 1638,  4568 => 1637,  4564 => 1636,  4560 => 1635,  4555 => 1634,  4549 => 1630,  4545 => 1629,  4539 => 1626,  4535 => 1625,  4531 => 1623,  4526 => 1620,  4524 => 1619,  4518 => 1616,  4514 => 1615,  4510 => 1614,  4506 => 1613,  4500 => 1610,  4495 => 1608,  4491 => 1607,  4486 => 1605,  4482 => 1604,  4478 => 1603,  4473 => 1601,  4469 => 1600,  4465 => 1599,  4460 => 1598,  4454 => 1594,  4450 => 1593,  4444 => 1590,  4440 => 1589,  4434 => 1586,  4430 => 1585,  4426 => 1584,  4421 => 1582,  4417 => 1581,  4413 => 1580,  4408 => 1579,  4401 => 1574,  4394 => 1570,  4390 => 1569,  4386 => 1568,  4382 => 1567,  4378 => 1566,  4374 => 1565,  4368 => 1562,  4364 => 1561,  4358 => 1558,  4354 => 1557,  4350 => 1556,  4344 => 1553,  4339 => 1551,  4335 => 1550,  4330 => 1548,  4326 => 1547,  4322 => 1546,  4317 => 1544,  4313 => 1543,  4309 => 1542,  4305 => 1541,  4300 => 1540,  4293 => 1535,  4286 => 1531,  4282 => 1530,  4275 => 1526,  4268 => 1522,  4264 => 1521,  4257 => 1517,  4253 => 1516,  4249 => 1515,  4245 => 1514,  4238 => 1510,  4234 => 1509,  4228 => 1506,  4224 => 1505,  4220 => 1504,  4216 => 1503,  4212 => 1502,  4206 => 1499,  4202 => 1498,  4195 => 1495,  4189 => 1493,  4186 => 1492,  4180 => 1490,  4177 => 1489,  4169 => 1487,  4167 => 1486,  4163 => 1485,  4159 => 1484,  4155 => 1483,  4152 => 1482,  4145 => 1478,  4135 => 1472,  4133 => 1471,  4127 => 1468,  4123 => 1467,  4119 => 1466,  4115 => 1465,  4110 => 1464,  4093 => 1463,  4082 => 1456,  4080 => 1455,  4077 => 1454,  4071 => 1451,  4065 => 1448,  4062 => 1447,  4059 => 1446,  4046 => 1445,  4035 => 1438,  4030 => 1435,  4028 => 1434,  4024 => 1433,  4019 => 1432,  4016 => 1431,  4011 => 1428,  4008 => 1427,  4003 => 1424,  3998 => 1421,  3996 => 1420,  3993 => 1419,  3987 => 1417,  3985 => 1416,  3980 => 1414,  3975 => 1413,  3973 => 1412,  3968 => 1410,  3963 => 1409,  3961 => 1408,  3958 => 1407,  3952 => 1405,  3950 => 1404,  3945 => 1402,  3941 => 1401,  3937 => 1400,  3933 => 1399,  3928 => 1398,  3926 => 1397,  3922 => 1395,  3919 => 1394,  3913 => 1391,  3908 => 1390,  3904 => 1388,  3896 => 1386,  3888 => 1384,  3886 => 1383,  3882 => 1382,  3873 => 1377,  3870 => 1376,  3866 => 1374,  3860 => 1372,  3854 => 1370,  3852 => 1369,  3845 => 1366,  3843 => 1365,  3837 => 1362,  3833 => 1361,  3829 => 1360,  3825 => 1359,  3820 => 1358,  3817 => 1356,  3809 => 1352,  3807 => 1351,  3802 => 1349,  3797 => 1348,  3795 => 1347,  3792 => 1346,  3784 => 1342,  3782 => 1341,  3779 => 1340,  3771 => 1336,  3769 => 1335,  3763 => 1332,  3759 => 1331,  3753 => 1328,  3749 => 1327,  3743 => 1324,  3739 => 1323,  3735 => 1322,  3729 => 1319,  3725 => 1318,  3722 => 1317,  3720 => 1312,  3717 => 1310,  3709 => 1306,  3707 => 1305,  3703 => 1303,  3700 => 1302,  3697 => 1300,  3694 => 1299,  3692 => 1297,  3691 => 1296,  3690 => 1295,  3688 => 1294,  3686 => 1293,  3684 => 1292,  3683 => 1291,  3682 => 1290,  3681 => 1289,  3678 => 1288,  3675 => 1287,  3672 => 1286,  3669 => 1285,  3653 => 1284,  3640 => 1279,  3637 => 1278,  3631 => 1276,  3625 => 1274,  3622 => 1273,  3619 => 1272,  3605 => 1271,  3591 => 1267,  3587 => 1266,  3573 => 1265,  3559 => 1262,  3545 => 1261,  3533 => 1257,  3528 => 1256,  3522 => 1252,  3518 => 1251,  3514 => 1250,  3510 => 1249,  3504 => 1246,  3500 => 1245,  3496 => 1244,  3491 => 1243,  3485 => 1239,  3481 => 1238,  3475 => 1235,  3471 => 1234,  3467 => 1233,  3463 => 1232,  3459 => 1231,  3455 => 1230,  3450 => 1229,  3447 => 1227,  3444 => 1226,  3431 => 1225,  3421 => 1221,  3417 => 1219,  3411 => 1217,  3409 => 1216,  3406 => 1215,  3399 => 1211,  3395 => 1209,  3393 => 1208,  3390 => 1207,  3383 => 1203,  3379 => 1201,  3377 => 1200,  3374 => 1199,  3370 => 1197,  3364 => 1195,  3362 => 1194,  3359 => 1193,  3351 => 1191,  3345 => 1189,  3343 => 1188,  3340 => 1187,  3337 => 1186,  3334 => 1185,  3332 => 1184,  3329 => 1183,  3312 => 1182,  3302 => 1176,  3299 => 1175,  3293 => 1172,  3288 => 1171,  3286 => 1170,  3282 => 1168,  3276 => 1166,  3274 => 1165,  3269 => 1163,  3264 => 1162,  3262 => 1161,  3259 => 1160,  3253 => 1157,  3248 => 1156,  3246 => 1155,  3243 => 1154,  3235 => 1151,  3230 => 1150,  3228 => 1149,  3224 => 1147,  3220 => 1145,  3212 => 1143,  3210 => 1142,  3207 => 1141,  3203 => 1139,  3201 => 1138,  3198 => 1137,  3194 => 1135,  3192 => 1134,  3187 => 1132,  3184 => 1131,  3178 => 1129,  3176 => 1128,  3173 => 1127,  3171 => 1126,  3168 => 1125,  3164 => 1123,  3162 => 1122,  3157 => 1120,  3154 => 1119,  3152 => 1118,  3147 => 1116,  3143 => 1115,  3140 => 1114,  3137 => 1113,  3134 => 1112,  3132 => 1111,  3129 => 1110,  3127 => 1109,  3124 => 1108,  3108 => 1107,  3096 => 1098,  3090 => 1095,  3087 => 1094,  3085 => 1093,  3075 => 1085,  3073 => 1084,  3064 => 1077,  3062 => 1076,  3052 => 1068,  3050 => 1067,  3045 => 1064,  3032 => 1063,  3022 => 1059,  3014 => 1054,  3004 => 1047,  3001 => 1046,  2999 => 1045,  2992 => 1041,  2985 => 1037,  2977 => 1032,  2970 => 1028,  2955 => 1016,  2952 => 1015,  2950 => 1014,  2942 => 1009,  2935 => 1005,  2920 => 993,  2917 => 992,  2915 => 991,  2908 => 987,  2901 => 983,  2894 => 979,  2882 => 970,  2873 => 964,  2866 => 960,  2855 => 952,  2852 => 951,  2850 => 950,  2844 => 947,  2840 => 946,  2835 => 944,  2831 => 943,  2827 => 942,  2824 => 941,  2810 => 940,  2798 => 933,  2781 => 932,  2768 => 928,  2764 => 926,  2762 => 925,  2759 => 924,  2753 => 922,  2751 => 921,  2748 => 920,  2745 => 919,  2742 => 918,  2740 => 917,  2733 => 915,  2730 => 914,  2724 => 912,  2714 => 910,  2712 => 909,  2709 => 908,  2707 => 906,  2706 => 905,  2705 => 903,  2702 => 902,  2699 => 901,  2696 => 900,  2693 => 899,  2690 => 898,  2687 => 897,  2684 => 896,  2681 => 895,  2678 => 894,  2675 => 893,  2672 => 892,  2669 => 891,  2666 => 890,  2664 => 889,  2661 => 888,  2641 => 887,  2628 => 883,  2626 => 882,  2621 => 881,  2618 => 880,  2601 => 879,  2589 => 872,  2585 => 871,  2581 => 870,  2577 => 869,  2571 => 866,  2567 => 865,  2563 => 864,  2558 => 863,  2545 => 862,  2530 => 857,  2527 => 856,  2507 => 854,  2489 => 853,  2486 => 852,  2471 => 851,  2461 => 848,  2453 => 844,  2450 => 843,  2447 => 841,  2441 => 838,  2436 => 837,  2434 => 836,  2431 => 835,  2425 => 832,  2420 => 831,  2418 => 830,  2415 => 829,  2409 => 826,  2404 => 825,  2402 => 824,  2399 => 823,  2393 => 820,  2389 => 819,  2384 => 818,  2381 => 817,  2378 => 815,  2372 => 812,  2364 => 807,  2357 => 803,  2353 => 802,  2349 => 801,  2345 => 800,  2341 => 799,  2336 => 796,  2334 => 795,  2329 => 794,  2326 => 793,  2321 => 789,  2315 => 787,  2313 => 786,  2310 => 785,  2304 => 783,  2301 => 782,  2295 => 779,  2289 => 776,  2286 => 774,  2277 => 769,  2274 => 768,  2269 => 764,  2263 => 762,  2261 => 761,  2258 => 760,  2253 => 758,  2249 => 757,  2245 => 756,  2240 => 755,  2238 => 754,  2235 => 753,  2233 => 752,  2230 => 751,  2228 => 750,  2225 => 749,  2222 => 748,  2219 => 746,  2213 => 744,  2210 => 743,  2204 => 740,  2201 => 738,  2197 => 736,  2194 => 735,  2191 => 733,  2185 => 731,  2182 => 730,  2179 => 728,  2173 => 726,  2171 => 725,  2168 => 724,  2164 => 722,  2162 => 721,  2159 => 720,  2155 => 718,  2152 => 717,  2148 => 714,  2145 => 713,  2137 => 711,  2130 => 709,  2127 => 708,  2125 => 707,  2122 => 706,  2114 => 704,  2107 => 702,  2104 => 701,  2101 => 700,  2094 => 697,  2088 => 696,  2083 => 694,  2078 => 693,  2076 => 692,  2073 => 691,  2065 => 689,  2057 => 687,  2055 => 686,  2047 => 684,  2044 => 683,  2036 => 681,  2029 => 679,  2026 => 678,  2023 => 677,  2017 => 675,  2015 => 674,  2011 => 672,  2003 => 670,  1996 => 668,  1993 => 667,  1991 => 666,  1984 => 664,  1978 => 663,  1975 => 662,  1972 => 661,  1967 => 658,  1961 => 656,  1958 => 654,  1941 => 653,  1927 => 645,  1918 => 639,  1911 => 635,  1907 => 634,  1897 => 627,  1883 => 616,  1879 => 615,  1876 => 614,  1873 => 613,  1864 => 607,  1857 => 603,  1850 => 599,  1838 => 590,  1835 => 589,  1832 => 588,  1825 => 584,  1811 => 573,  1804 => 569,  1794 => 562,  1786 => 557,  1783 => 556,  1781 => 555,  1773 => 550,  1765 => 545,  1756 => 539,  1746 => 532,  1742 => 531,  1739 => 530,  1736 => 529,  1727 => 523,  1723 => 522,  1716 => 518,  1706 => 511,  1699 => 507,  1695 => 506,  1683 => 497,  1679 => 496,  1676 => 495,  1673 => 494,  1654 => 478,  1647 => 474,  1627 => 457,  1619 => 452,  1616 => 451,  1613 => 450,  1604 => 444,  1595 => 438,  1584 => 430,  1575 => 424,  1572 => 423,  1569 => 422,  1561 => 417,  1548 => 407,  1544 => 406,  1533 => 398,  1530 => 397,  1527 => 396,  1522 => 393,  1517 => 390,  1511 => 387,  1507 => 386,  1502 => 385,  1500 => 384,  1496 => 382,  1490 => 380,  1488 => 379,  1477 => 371,  1473 => 370,  1466 => 366,  1462 => 364,  1456 => 362,  1454 => 361,  1449 => 359,  1443 => 356,  1437 => 354,  1435 => 353,  1432 => 352,  1430 => 351,  1427 => 350,  1421 => 347,  1416 => 346,  1414 => 345,  1411 => 344,  1397 => 343,  1385 => 337,  1379 => 335,  1377 => 334,  1371 => 331,  1367 => 330,  1361 => 327,  1357 => 326,  1353 => 325,  1349 => 324,  1346 => 323,  1340 => 321,  1338 => 320,  1335 => 319,  1320 => 318,  1309 => 315,  1305 => 314,  1301 => 313,  1296 => 312,  1283 => 311,  1274 => 308,  1269 => 306,  1265 => 305,  1261 => 304,  1257 => 303,  1252 => 302,  1250 => 301,  1245 => 299,  1241 => 298,  1237 => 297,  1233 => 296,  1229 => 295,  1225 => 294,  1221 => 293,  1217 => 292,  1213 => 291,  1209 => 290,  1204 => 289,  1191 => 288,  1176 => 280,  1172 => 279,  1168 => 278,  1165 => 276,  1163 => 275,  1160 => 273,  1158 => 270,  1157 => 269,  1156 => 268,  1155 => 267,  1154 => 266,  1153 => 265,  1152 => 264,  1151 => 263,  1150 => 262,  1149 => 261,  1148 => 260,  1147 => 259,  1146 => 258,  1145 => 257,  1144 => 256,  1143 => 255,  1142 => 254,  1141 => 253,  1137 => 250,  1135 => 247,  1134 => 246,  1133 => 245,  1132 => 244,  1131 => 243,  1130 => 242,  1129 => 241,  1128 => 240,  1127 => 239,  1126 => 238,  1125 => 237,  1124 => 236,  1123 => 235,  1122 => 234,  1121 => 233,  1120 => 232,  1119 => 231,  1118 => 230,  1115 => 228,  1109 => 220,  1105 => 219,  1101 => 218,  1097 => 217,  1091 => 213,  1087 => 212,  1083 => 211,  1079 => 210,  1075 => 209,  1071 => 208,  1067 => 207,  1063 => 206,  1059 => 205,  1055 => 204,  1051 => 203,  1047 => 202,  1041 => 198,  1037 => 197,  1033 => 196,  1029 => 195,  1025 => 194,  1021 => 193,  1017 => 192,  1013 => 191,  1009 => 190,  1005 => 189,  1001 => 188,  997 => 187,  993 => 186,  989 => 185,  985 => 182,  978 => 177,  973 => 173,  971 => 172,  966 => 170,  962 => 169,  958 => 168,  954 => 167,  950 => 166,  944 => 162,  940 => 161,  936 => 160,  933 => 159,  924 => 152,  922 => 151,  919 => 150,  916 => 149,  913 => 147,  910 => 146,  906 => 144,  904 => 143,  901 => 142,  899 => 141,  896 => 140,  893 => 139,  891 => 138,  886 => 137,  883 => 136,  878 => 133,  874 => 132,  869 => 131,  864 => 128,  860 => 127,  856 => 126,  852 => 125,  847 => 123,  843 => 122,  839 => 121,  835 => 120,  831 => 119,  826 => 117,  822 => 116,  818 => 115,  814 => 114,  810 => 113,  805 => 111,  801 => 110,  797 => 109,  791 => 107,  786 => 105,  781 => 104,  779 => 103,  772 => 101,  768 => 100,  764 => 99,  760 => 98,  756 => 97,  752 => 96,  749 => 95,  743 => 93,  740 => 92,  734 => 90,  731 => 89,  725 => 87,  722 => 86,  717 => 83,  713 => 82,  709 => 81,  705 => 80,  701 => 79,  697 => 78,  693 => 77,  689 => 76,  685 => 75,  681 => 74,  677 => 73,  673 => 72,  669 => 71,  665 => 70,  661 => 69,  657 => 68,  654 => 67,  649 => 64,  645 => 63,  640 => 61,  636 => 60,  632 => 59,  627 => 57,  623 => 56,  618 => 54,  613 => 52,  609 => 51,  605 => 50,  601 => 49,  598 => 48,  596 => 47,  591 => 44,  587 => 43,  582 => 41,  577 => 40,  574 => 39,  572 => 38,  567 => 36,  563 => 35,  559 => 34,  555 => 33,  551 => 32,  547 => 31,  543 => 30,  539 => 29,  535 => 28,  531 => 27,  526 => 25,  522 => 24,  518 => 23,  513 => 21,  509 => 20,  505 => 19,  501 => 18,  497 => 17,  493 => 16,  489 => 15,  484 => 13,  480 => 12,  475 => 10,  471 => 9,  467 => 8,  463 => 7,  459 => 6,  455 => 5,  451 => 4,  448 => 3,  445 => 2,  429 => 1,  423 => 4121,  419 => 4095,  415 => 3997,  411 => 3926,  405 => 3833,  402 => 3825,  399 => 3814,  392 => 3803,  389 => 3788,  386 => 3779,  383 => 3765,  379 => 3742,  376 => 3697,  372 => 3680,  368 => 3663,  365 => 3645,  361 => 3583,  355 => 3553,  351 => 3545,  348 => 3540,  345 => 3535,  342 => 3519,  338 => 3516,  335 => 3511,  332 => 3506,  329 => 3490,  326 => 3488,  323 => 3480,  320 => 3472,  316 => 3466,  312 => 3456,  308 => 3426,  304 => 3332,  301 => 3236,  298 => 3219,  295 => 3184,  292 => 3170,  289 => 3156,  286 => 3143,  283 => 3064,  280 => 3044,  277 => 3020,  274 => 2994,  271 => 2990,  267 => 2963,  264 => 2950,  261 => 2936,  258 => 2923,  254 => 2881,  251 => 2849,  248 => 2830,  245 => 2813,  242 => 2809,  238 => 2785,  234 => 2740,  230 => 2706,  227 => 2684,  223 => 2663,  219 => 2488,  216 => 2484,  213 => 2480,  209 => 2466,  206 => 2240,  202 => 2156,  198 => 2033,  194 => 1931,  190 => 1926,  187 => 1920,  184 => 1913,  181 => 1911,  178 => 1902,  175 => 1900,  172 => 1887,  168 => 1877,  164 => 1866,  160 => 1860,  156 => 1853,  153 => 1842,  146 => 1827,  143 => 1816,  137 => 1803,  133 => 1704,  130 => 1668,  124 => 1459,  118 => 1441,  114 => 1282,  111 => 1269,  108 => 1264,  105 => 1260,  101 => 1223,  95 => 1178,  88 => 1102,  84 => 1061,  77 => 935,  74 => 931,  71 => 886,  65 => 875,  62 => 860,  59 => 850,  55 => 651,  51 => 341,  48 => 317,  44 => 309,  40 => 286,  38 => 1,);
    }

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