<?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;

/* 5fdaad6f6481dfa342412ee61e144c1ff58b8054 */
class __TwigTemplate_7b44d1b8b24c956d78648cc9c33d1c44bc47f6876d5f5571a36959ec102dad41 extends Template
{
    private $source;
    private $macros = [];

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

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

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        // line 1
        echo "
          ";
        // line 2
        $macros["macros"] = $this->macros["macros"] = $this->loadTemplate("macros.twig", "5fdaad6f6481dfa342412ee61e144c1ff58b8054", 2)->unwrap();
        // line 3
        echo "
          ";
        // line 4
        if (($context["isBaseBreakpoint"] ?? null)) {
            // line 5
            echo "
:root {

    ";
            // line 9
            echo "    ";
            // line 10
            echo "    ";
            // line 11
            echo "
    --white: #ffffff;

    --grey-50: #f9fafb;
    --grey-100: #f3f4f6;
    --grey-200: #e5e7eb;
    --grey-300: #d1d5db;
    --grey-400: #9ca3af;
    --grey-450: #787e8b;
    --grey-500: #6b7280;
    --grey-600: #4b5563;
    --grey-700: #374151;
    --grey-800: #1f2937;
    --grey-900: #111827;

    --blue-500: #3b82f6;
    --blue-600: #2563eb;

    --pink-600: #db2777;

    --emerald-100: #d1fae5;
    --emerald-700: #047857;

    --sky-100: #e0f2fe;
    --sky-500: #0ea5e9;

    --red-50: #fef2f2;
    --red-500: #ef4444;

    --indigo-50: #eef2ff;
    --indigo-600: #4f46e5;
    --indigo-700: #4338ca;

    ";
            // line 45
            echo "    --bde-brand-primary-color: ";
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 45), "brand", [], "any", true, true, false, 45)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 45), "brand", [], "any", false, false, false, 45), "var(--blue-500)")) : ("var(--blue-500)"));
            echo ";
    --bde-brand-primary-color-hover: ";
            // line 46
            echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 46), "brand_hover", [], "any", true, true, false, 46)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 46), "brand_hover", [], "any", false, false, false, 46), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, false, false, 46), "brand", [], "any", false, false, false, 46))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, false, false, 46), "brand", [], "any", false, false, false, 46))), "var(--blue-600)");
            echo ";

    ";
            // line 49
            echo "    ";
            // line 50
            echo "    ";
            // line 51
            echo "
    ";
            // line 53
            echo "    ";
            $context["defaultFont"] = "system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"";
            // line 54
            echo "
    ";
            // line 55
            if (twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 55), "body_font", [], "any", false, false, false, 55))) {
                // line 56
                echo "    --bde-body-font-family: ";
                echo ($context["defaultFont"] ?? null);
                echo ";
    ";
            } else {
                // line 58
                echo "    --bde-body-font-family: ";
                echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 58), "body_font", [], "any", false, false, false, 58));
                echo ";
    ";
            }
            // line 60
            echo "
    ";
            // line 61
            if (twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 61), "heading_font", [], "any", false, false, false, 61))) {
                // line 62
                echo "    --bde-heading-font-family: ";
                echo ($context["defaultFont"] ?? null);
                echo ";
    ";
            } else {
                // line 64
                echo "    --bde-heading-font-family: ";
                echo Breakdance\Fonts\process_font(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 64), "heading_font", [], "any", false, false, false, 64));
                echo ";
    ";
            }
            // line 66
            echo "
    ";
            // line 68
            echo "    --bde-base-font-size: 16px;
    --bde-body-font-size: ";
            // 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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 69), "advanced", [], "any", false, true, false, 69), "body", [], "any", false, true, false, 69), "typography", [], "any", false, true, false, 69), "custom", [], "any", false, true, false, 69), "customTypography", [], "any", false, true, false, 69), "fontSize", [], "any", false, true, false, 69), "style", [], "any", true, true, false, 69)) ? (_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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 69), "advanced", [], "any", false, true, false, 69), "body", [], "any", false, true, false, 69), "typography", [], "any", false, true, false, 69), "custom", [], "any", false, true, false, 69), "customTypography", [], "any", false, true, false, 69), "fontSize", [], "any", false, true, false, 69), "style", [], "any", false, false, false, 69), "var(--bde-base-font-size)")) : ("var(--bde-base-font-size)"));
            echo ";

    ";
            // line 72
            echo "    --bde-font-size-ratio: 1.250;
    --bde-h6-font-size: ";
            // 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, twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, true, false, 73), "advanced", [], "any", false, true, false, 73), "headings", [], "any", false, true, false, 73), "h6", [], "any", false, true, false, 73), "typography", [], "any", false, true, false, 73), "custom", [], "any", false, true, false, 73), "customTypography", [], "any", false, true, false, 73), "fontSize", [], "any", false, true, false, 73), "style", [], "any", true, true, false, 73)) ? (_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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 73), "advanced", [], "any", false, true, false, 73), "headings", [], "any", false, true, false, 73), "h6", [], "any", false, true, false, 73), "typography", [], "any", false, true, false, 73), "custom", [], "any", false, true, false, 73), "customTypography", [], "any", false, true, false, 73), "fontSize", [], "any", false, true, false, 73), "style", [], "any", false, false, false, 73), "var(--bde-base-font-size)")) : ("var(--bde-base-font-size)"));
            echo ";
    --bde-h5-font-size: ";
            // 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, twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, true, false, 74), "advanced", [], "any", false, true, false, 74), "headings", [], "any", false, true, false, 74), "h5", [], "any", false, true, false, 74), "typography", [], "any", false, true, false, 74), "custom", [], "any", false, true, false, 74), "customTypography", [], "any", false, true, false, 74), "fontSize", [], "any", false, true, false, 74), "style", [], "any", true, true, false, 74)) ? (_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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 74), "advanced", [], "any", false, true, false, 74), "headings", [], "any", false, true, false, 74), "h5", [], "any", false, true, false, 74), "typography", [], "any", false, true, false, 74), "custom", [], "any", false, true, false, 74), "customTypography", [], "any", false, true, false, 74), "fontSize", [], "any", false, true, false, 74), "style", [], "any", false, false, false, 74), "calc(var(--bde-h6-font-size) * var(--bde-font-size-ratio))")) : ("calc(var(--bde-h6-font-size) * var(--bde-font-size-ratio))"));
            echo ";
    --bde-h4-font-size: ";
            // 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, twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, true, false, 75), "advanced", [], "any", false, true, false, 75), "headings", [], "any", false, true, false, 75), "h4", [], "any", false, true, false, 75), "typography", [], "any", false, true, false, 75), "custom", [], "any", false, true, false, 75), "customTypography", [], "any", false, true, false, 75), "fontSize", [], "any", false, true, false, 75), "style", [], "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, twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, true, false, 75), "advanced", [], "any", false, true, false, 75), "headings", [], "any", false, true, false, 75), "h4", [], "any", false, true, false, 75), "typography", [], "any", false, true, false, 75), "custom", [], "any", false, true, false, 75), "customTypography", [], "any", false, true, false, 75), "fontSize", [], "any", false, true, false, 75), "style", [], "any", false, false, false, 75), "calc(var(--bde-h5-font-size) * var(--bde-font-size-ratio))")) : ("calc(var(--bde-h5-font-size) * var(--bde-font-size-ratio))"));
            echo ";
    --bde-h3-font-size: ";
            // 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, twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, true, false, 76), "advanced", [], "any", false, true, false, 76), "headings", [], "any", false, true, false, 76), "h3", [], "any", false, true, false, 76), "typography", [], "any", false, true, false, 76), "custom", [], "any", false, true, false, 76), "customTypography", [], "any", false, true, false, 76), "fontSize", [], "any", false, true, false, 76), "style", [], "any", true, true, false, 76)) ? (_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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 76), "advanced", [], "any", false, true, false, 76), "headings", [], "any", false, true, false, 76), "h3", [], "any", false, true, false, 76), "typography", [], "any", false, true, false, 76), "custom", [], "any", false, true, false, 76), "customTypography", [], "any", false, true, false, 76), "fontSize", [], "any", false, true, false, 76), "style", [], "any", false, false, false, 76), "calc(var(--bde-h4-font-size) * var(--bde-font-size-ratio))")) : ("calc(var(--bde-h4-font-size) * var(--bde-font-size-ratio))"));
            echo ";
    --bde-h2-font-size: ";
            // 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, twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, true, false, 77), "advanced", [], "any", false, true, false, 77), "headings", [], "any", false, true, false, 77), "h2", [], "any", false, true, false, 77), "typography", [], "any", false, true, false, 77), "custom", [], "any", false, true, false, 77), "customTypography", [], "any", false, true, false, 77), "fontSize", [], "any", false, true, false, 77), "style", [], "any", true, true, false, 77)) ? (_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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 77), "advanced", [], "any", false, true, false, 77), "headings", [], "any", false, true, false, 77), "h2", [], "any", false, true, false, 77), "typography", [], "any", false, true, false, 77), "custom", [], "any", false, true, false, 77), "customTypography", [], "any", false, true, false, 77), "fontSize", [], "any", false, true, false, 77), "style", [], "any", false, false, false, 77), "calc(var(--bde-h3-font-size) * var(--bde-font-size-ratio))")) : ("calc(var(--bde-h3-font-size) * var(--bde-font-size-ratio))"));
            echo ";
    --bde-h1-font-size: ";
            // 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, twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, true, false, 78), "advanced", [], "any", false, true, false, 78), "headings", [], "any", false, true, false, 78), "h1", [], "any", false, true, false, 78), "typography", [], "any", false, true, false, 78), "custom", [], "any", false, true, false, 78), "customTypography", [], "any", false, true, false, 78), "fontSize", [], "any", false, true, false, 78), "style", [], "any", true, true, false, 78)) ? (_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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 78), "advanced", [], "any", false, true, false, 78), "headings", [], "any", false, true, false, 78), "h1", [], "any", false, true, false, 78), "typography", [], "any", false, true, false, 78), "custom", [], "any", false, true, false, 78), "customTypography", [], "any", false, true, false, 78), "fontSize", [], "any", false, true, false, 78), "style", [], "any", false, false, false, 78), "calc(var(--bde-h2-font-size) * var(--bde-font-size-ratio))")) : ("calc(var(--bde-h2-font-size) * var(--bde-font-size-ratio))"));
            echo ";

    ";
            // line 81
            echo "    --bde-body-text-color: ";
            echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 81), "text", [], "any", true, true, false, 81)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 81), "text", [], "any", false, false, false, 81), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 81), "advanced", [], "any", false, false, false, 81), "body", [], "any", false, false, false, 81), "color", [], "any", false, false, false, 81))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 81), "advanced", [], "any", false, false, false, 81), "body", [], "any", false, false, false, 81), "color", [], "any", false, false, false, 81))), "var(--grey-700)");
            echo ";
    --bde-headings-color: ";
            // line 82
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 82), "headings", [], "any", true, true, false, 82)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 82), "headings", [], "any", false, false, false, 82), "var(--grey-900)")) : ("var(--grey-900)"));
            echo ";

    --bde-background-color:";
            // line 84
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 84), "background", [], "any", true, true, false, 84)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 84), "background", [], "any", false, false, false, 84), "var(--grey-50)")) : ("var(--grey-50)"));
            echo ";

    ";
            // line 87
            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["settings"] ?? null), "colors", [], "any", false, false, false, 87), "palette", [], "any", false, false, false, 87), "colors", [], "any", false, false, false, 87));
            foreach ($context['_seq'] as $context["_key"] => $context["color"]) {
                // line 88
                echo "        ";
                if ($context["color"]) {
                    // line 89
                    echo "            ";
                    $context["value"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["color"], "value", [], "any", false, true, false, 89), "value", [], "any", true, true, false, 89)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["color"], "value", [], "any", false, true, false, 89), "value", [], "any", false, false, false, 89), twig_get_attribute($this->env, $this->source, $context["color"], "value", [], "any", false, false, false, 89))) : (twig_get_attribute($this->env, $this->source, $context["color"], "value", [], "any", false, false, false, 89)));
                    // line 90
                    echo "            --";
                    echo twig_get_attribute($this->env, $this->source, $context["color"], "cssVariableName", [], "any", false, false, false, 90);
                    echo ": ";
                    echo ($context["value"] ?? null);
                    echo ";
        ";
                }
                // line 92
                echo "    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['color'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 93
            echo "
    ";
            // line 95
            echo "    --bde-transition-duration: ";
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "other", [], "any", false, true, false, 95), "transition_duration", [], "any", false, true, false, 95), "style", [], "any", true, true, false, 95)) ? (_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["settings"] ?? null), "other", [], "any", false, true, false, 95), "transition_duration", [], "any", false, true, false, 95), "style", [], "any", false, false, false, 95), "300ms")) : ("300ms"));
            echo ";

    ";
            // line 98
            echo "    ";
            // line 99
            echo "    ";
            // line 100
            echo "
    --bde-column-gap: 32px;
    --bde-section-width: 1120px;
    --bde-section-vertical-padding: 100px;
    --bde-section-horizontal-padding: 20px;

    ";
            // line 107
            echo "    ";
            // line 108
            echo "    ";
            // line 109
            echo "
    ";
            // line 111
            echo "    --bde-button-primary-border-color: transparent;
    --bde-button-primary-border-color-hover: transparent;
    --bde-button-primary-text-color: white;
    --bde-button-primary-text-color-hover: white;

    ";
            // line 117
            echo "    --bde-button-secondary-text-color-hover: white;
    --bde-button-secondary-background-color: transparent;

    ";
            // line 121
            echo "    --bde-button-custom-border-color: var(--grey-900);
    --bde-button-custom-border-color-hover: var(--grey-700);
    --bde-button-custom-text-color: var(--white);
    --bde-button-custom-text-color-hover: var(--white);
    --bde-button-custom-background-color: var(--grey-900);
    --bde-button-custom-background-color-hover: var(--grey-700);

    ";
            // line 129
            echo "    --bde-button-font-weight: 500;
    --bde-button-border-radius: 3px;
    --bde-button-border-width: 1px;

    ";
            // line 134
            echo "    --bde-button-padding-base: 14px 24px;
    --bde-button-padding-sm: 8px 16px;
    --bde-button-padding-lg: 28px 54px;

    --bde-button-line-height: 1;

    ";
            // line 141
            echo "    ";
            // line 142
            echo "    ";
            // line 143
            echo "
    --bde-form-gap: 16px;
    --bde-form-after-label: 8px;
    --bde-form-after-sublabel: 8px;
    --bde-form-input-border-radius: 3px;
    --bde-form-input-background-color: var(--white);
    --bde-form-input-padding-top: 12px;
    --bde-form-input-padding-right: 16px;
    --bde-form-input-padding-bottom: 12px;
    --bde-form-input-padding-left: 16px;
    --bde-form-input-placeholder-color: var(--grey-450);
    --bde-form-input-border-width: 1px;
    --bde-form-input-border-color: var(--grey-300);
    --bde-form-label-font-weight: 500;
    --bde-form-label-required-color: var(--red-500);
    --bde-form-label-required-nudge-x: 0;
    --bde-form-label-required-nudge-y: 0;
    --bde-form-label-required-size: inherit;
    --bde-form-text-color: var(--grey-700);
    --bde-form-input-focused-background-color: var(--white);
    --bde-form-input-input-shadow: none;
    --bde-form-checkbox-size: 1em;

    ";
            // line 167
            echo "    ";
            // line 168
            echo "    ";
            // line 169
            echo "
    --bde-woo-base-paragraph-line-height: 1.4;
    --bde-woo-base-heading-line-height: 1.2;

    --bde-woo-base-border-color: var(--grey-300);
    --bde-woo-base-text-on-primary-color: var(--white);

    ";
            // line 177
            echo "    --bde-woo-base-space: 8px;
    --bde-woo-base-ratio: 1.618;

    ";
            // line 181
            echo "    --bde-woo-typography-font-weight-normal: ";
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 181), "advanced", [], "any", false, true, false, 181), "body", [], "any", false, true, false, 181), "typography", [], "any", false, true, false, 181), "custom", [], "any", false, true, false, 181), "customTypography", [], "any", false, true, false, 181), "fontWeight", [], "any", true, true, false, 181)) ? (_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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, true, false, 181), "advanced", [], "any", false, true, false, 181), "body", [], "any", false, true, false, 181), "typography", [], "any", false, true, false, 181), "custom", [], "any", false, true, false, 181), "customTypography", [], "any", false, true, false, 181), "fontWeight", [], "any", false, false, false, 181), "400")) : ("400"));
            echo ";
    --bde-woo-typography-font-weight-medium: 500;
    --bde-woo-typography-font-weight-heavy: 600;

    ";
            // line 186
            echo "    --bde-woo-buttons-and-links-line-height: 1;

    ";
            // line 189
            echo "    --bde-woo-buttons-and-links__disabled-button-color: var(--grey-300);
    --bde-woo-buttons-and-links__disabled-button-text-color: var(--white);

    ";
            // line 193
            echo "    --bde-woo-buttons-and-links__nav-link-background-active: var(--grey-50);
    --bde-woo-buttons-and-links__nav-border-radius: 4px;


    --bde-woo-forms__inputs-select2-selected-item: var(--grey-300);

    ";
            // line 200
            echo "    --bde-woo-forms__wrappers-small: 360px;

    ";
            // line 203
            echo "    --error-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ef4444\" 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>');
    --success-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23047857\" 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>');
    --info-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%230ea5e9\" 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>');
    --chevron-svg-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23111827\" 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=\"%23111827\" 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=\"%23111827\" 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=\"%23111827\" 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=\"%23111827\" 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 213
            echo "    --bde-woo-notices__icon-size: 16px;
    --bde-woo-notices__padding: 24px;

    --bde-woo-notices__border-radius: 4px;
    --bde-woo-notices__error-background: var(--red-50);
    --bde-woo-notices__error-text: var(--red-500);
    --bde-woo-notices__error-link-text: var(--red-500);
    --bde-woo-notices__error-link-text-hover: var(--red-500);
    --bde-woo-notices__info-background: var(--sky-100);
    --bde-woo-notices__info-text: var(--sky-500);
    --bde-woo-notices__info-link-text: var(--sky-500);
    --bde-woo-notices__info-link-text-hover: var(--sky-500);
    --bde-woo-notices__success-background: var(--emerald-100);
    --bde-woo-notices__success-text: var(--emerald-700);
    --bde-woo-notices__success-link-text: var(--emerald-700);
    --bde-woo-notices__success-link-text-hover: var(--emerald-700);

    ";
            // line 231
            echo "    --bde-woo-sale-badge__border-radius: 2px;
    --bde-woo-sale-badge__padding: 4px 8px;

    ";
            // line 235
            echo "    --bde-woo-ratings__filled-star-svg: url('data:image/svg+xml;utf8,<svg width=\"24px\" height=\"24px\" fill=\"%23FBBF24\" 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=\"%23FBBF24\" 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>');
    --bde-woo-ratings__star_size: 18px;

    ";
            // line 240
            echo "    --bde-woo-product-images__border-radius: 4px;
    --bde-woo-product-images__border-width: 0px;
    --bde-woo-product-images__border-color: var(--grey-300);

    ";
            // line 245
            echo "    --bde-woo-wrappers__background-color: var(--white);
    --bde-woo-wrappers__border-radius: 4px;
    --bde-woo-wrappers__border-color: var(--grey-300);
    --bde-woo-wrappers__border-width: 1px;
    --bde-woo-wrappers__shadow: rgba(0, 0, 0, 0.05) 0 1px 3px, rgba(0, 0, 0, 0.05) 0 1px 2px;

    ";
            // line 252
            echo "    --bde-woo-tables__header-color: var(--grey-100);
    --bde-woo-tables__background-color: var(--white);
    --bde-woo-tables__border-radius: 4px;
    --bde-woo-tables__border-width: 1px;

    ";
            // line 258
            echo "    --bde-woo-widgets__chip-background-color: transparent;
    --bde-woo-widgets__chip-background-color-hover: var(--indigo-50);
    --bde-woo-widgets__chip-text-color: inherit;

    --bde-woo-widgets__handle-border-color: var(--grey-300);
    --bde-woo-widgets__handle-background-color: var(--white);
    --bde-woo-widgets__handle-background-color-hover: var(--white);
    --bde-woo-widgets__handle-shadow: rgba(0, 0, 0, 0.05) 0 1px 3px, rgba(0, 0, 0, 0.05) 0 1px 2px;
    --bde-woo-widgets__handle-shadow-hover: var(--grey-300) 0 0 4px;

    ";
            // line 269
            echo "    --bde-woo-widgets__remove-item-from-cart-color: var(--grey-450);
    --bde-woo-select2__active-item-background-color: var(--indigo-50);
    --bde-woo-gallery__zoom-icon-shadow: rgba(0, 0, 0, 0.05) 0 1px 3px, rgba(0, 0, 0, 0.05) 0 1px 2px;

    ";
            // line 274
            echo "    --bde-woo-responsive__stack: row;

    ";
            // line 277
            echo "    --bde-woo-payment-box-background-color: var(--grey-100);
    --bde-woo-payment-box-border-color: var(--grey-200);
    --bde-woo-payment-box-border-width: 1px;
}

:root,
.bde-global-css-vars {
    ";
            // line 285
            echo "    --bde-links-color: ";
            echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 285), "links", [], "any", true, true, false, 285)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 285), "links", [], "any", false, false, false, 285), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 285), "advanced", [], "any", false, false, false, 285), "links", [], "any", false, false, false, 285), "color", [], "any", false, false, false, 285))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 285), "advanced", [], "any", false, false, false, 285), "links", [], "any", false, false, false, 285), "color", [], "any", false, false, false, 285))), "var(--bde-brand-primary-color)");
            echo ";
    --bde-links-color-hover: ";
            // line 286
            echo _twig_default_filter(_twig_default_filter(_twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 286), "links_hover", [], "any", true, true, false, 286)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 286), "links_hover", [], "any", false, false, false, 286), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, false, false, 286), "links", [], "any", false, false, false, 286))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, false, false, 286), "links", [], "any", false, false, false, 286))), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 286), "advanced", [], "any", false, false, false, 286), "links", [], "any", false, false, false, 286), "color", [], "any", false, false, false, 286)), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 286), "advanced", [], "any", false, false, false, 286), "links", [], "any", false, false, false, 286), "color_hover", [], "any", false, false, false, 286)), "var(--bde-brand-primary-color-hover)");
            echo ";

    ";
            // line 289
            echo "    ";
            // line 290
            echo "    ";
            // line 291
            echo "
    ";
            // line 293
            echo "    --bde-button-primary-background-color: var(--bde-brand-primary-color);
    --bde-button-primary-background-color-hover: var(--bde-brand-primary-color-hover);

    ";
            // line 297
            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 303
            echo "    --bde-button-text-text-color: var(--bde-links-color);
    --bde-button-text-text-color-hover: var(--bde-links-color-hover);

    ";
            // line 307
            echo "    --bde-button-font-size: var(--bde-body-font-size);

    ";
            // line 310
            echo "    ";
            // line 311
            echo "    ";
            // line 312
            echo "
    --bde-form-font-size: var(--bde-body-font-size);
    --bde-form-input-border-top-left-radius: var(--bde-form-input-border-radius);
    --bde-form-input-border-top-right-radius: var(--bde-form-input-border-radius);
    --bde-form-input-border-bottom-left-radius: var(--bde-form-input-border-radius);
    --bde-form-input-border-bottom-right-radius: var(--bde-form-input-border-radius);
    --bde-form-input-border-top: var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);
    --bde-form-input-border-right: var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);
    --bde-form-input-border-bottom: var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);
    --bde-form-input-border-left: var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);
    --bde-form-label-color: var(--bde-headings-color);
    --bde-form-input-focused-border-color: var(--bde-brand-primary-color);
    --bde-form-input-focused-shadow: var(--bde-brand-primary-color) 0 0 2px;
    --bde-form-checkbox-selected-color: var(--bde-brand-primary-color);

    ";
            // line 328
            echo "    ";
            // line 329
            echo "    ";
            // line 330
            echo "
    --bde-woo-base-transition: all ease var(--bde-transition-duration);

    --bde-woo-base-text-color: var(--bde-body-text-color);
    --bde-woo-base-headings-color: var(--bde-headings-color);

    --bde-woo-base-primary-color: var(--bde-brand-primary-color);
    --bde-woo-base-primary-color-hover: var(--bde-brand-primary-color-hover);

    ";
            // line 340
            echo "
    --bde-woo-base-extra-small-gaps: calc(var(--bde-woo-base-small-gaps) / var(--bde-woo-base-ratio));
    --bde-woo-base-small-gaps: calc(var(--bde-woo-base-space) / var(--bde-woo-base-ratio));
    --bde-woo-base-standard-gaps: var(--bde-woo-base-space); ";
            // line 344
            echo "    --bde-woo-base-medium-gaps: calc(var(--bde-woo-base-space) * var(--bde-woo-base-ratio));
    --bde-woo-base-big-gaps: calc(var(--bde-woo-base-medium-gaps) *  var(--bde-woo-base-ratio));
    --bde-woo-base-large-gaps: calc(var(--bde-woo-base-big-gaps) *  var(--bde-woo-base-ratio));
    --bde-woo-base-extra-large-gaps: calc(var(--bde-woo-base-large-gaps) * var(--bde-woo-base-ratio));

    ";
            // line 350
            echo "    --bde-woo-typography-ratio: var(--bde-font-size-ratio);

    ";
            // line 353
            echo "    --bde-woo-typography__size-small: calc(var(--bde-woo-typography__size-standard) / var(--bde-woo-typography-ratio));
    --bde-woo-typography__size-small-font-family: var(--bde-body-font-family);

    --bde-woo-typography__size-standard: var(--bde-body-font-size);
    --bde-woo-typography__size-standard-font-family: var(--bde-body-font-family);

    --bde-woo-typography__size-medium: calc(var(--bde-woo-typography__size-standard) * var(--bde-woo-typography-ratio));
    --bde-woo-typography__size-medium-font-family: var(--bde-heading-font-family);

    --bde-woo-typography__size-large: calc(var(--bde-woo-typography__size-medium) * var(--bde-woo-typography-ratio));
    --bde-woo-typography__size-large-font-family: var(--bde-heading-font-family);

    --bde-woo-typography__size-extra-large: calc(var(--bde-woo-typography__size-large) * var(--bde-woo-typography-ratio));
    --bde-woo-typography__size-extra-large-font-family: var(--bde-heading-font-family);

    ";
            // line 369
            echo "    --bde-woo-buttons-and-links__text-link-color: ";
            echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 369), "links", [], "any", true, true, false, 369)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 369), "links", [], "any", false, false, false, 369), "var(--bde-woo-base-primary-color)")) : ("var(--bde-woo-base-primary-color)"));
            echo ";
    --bde-woo-buttons-and-links__text-link-color-hover: ";
            // line 370
            echo _twig_default_filter(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 370), "links_hover", [], "any", true, true, false, 370)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, true, false, 370), "links_hover", [], "any", false, false, false, 370), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, false, false, 370), "links", [], "any", false, false, false, 370))) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "colors", [], "any", false, false, false, 370), "links", [], "any", false, false, false, 370))), "var(--bde-woo-base-primary-color-hover)");
            echo ";

    ";
            // line 373
            echo "    --bde-woo-buttons-and-links__nav-link-color: var(--bde-woo-base-text-color);
    --bde-woo-buttons-and-links__nav-link-color-hover: var(--bde-woo-base-text-on-primary-color);
    --bde-woo-buttons-and-links__nav-link-color-active: var(--bde-woo-base-primary-color);

    ";
            // line 378
            echo "    --bde-woo-forms__spacing-after-label: var(--bde-form-after-label);
    --bde-woo-forms__spacing-between-fields: var(--bde-form-gap);
    --bde-woo-forms__spacing-between-columns: var(--bde-woo-base-extra-large-gaps);

    --bde-woo-forms__labels-color: var(--bde-form-label-color);

    --bde-woo-forms__inputs-background-color: var(--bde-form-input-background-color);
    --bde-woo-forms__inputs-text-color: var(--bde-form-text-color);
    --bde-woo-forms__inputs-placeholder-color: var(--bde-form-input-placeholder-color);
    --bde-woo-forms__inputs-border-color: var(--bde-form-input-border-color);
    --bde-woo-forms__inputs-border-width: var(--bde-form-input-border-width);
    --bde-woo-forms__inputs-border-radius: var(--bde-form-input-border-top-left-radius) var(--bde-form-input-border-top-right-radius) var(--bde-form-input-border-bottom-right-radius) var(--bde-form-input-border-bottom-left-radius);
    --bde-woo-forms__inputs-background-color-focused: var(--bde-form-input-focused-background-color);
    --bde-woo-forms__inputs-border-color-focused: var(--bde-form-input-focused-border-color);
    --bde-woo-forms__inputs-shadow-focused: var(--bde-form-input-focused-shadow);
    --bde-woo-forms__inputs-shadow: var(--bde-form-input-input-shadow);

    --bde-woo-forms__inputs-select2-hover-item: var(--bde-woo-base-primary-color);

    ";
            // line 398
            echo "    --bde-woo-forms__labels-required-color: var(--bde-form-label-required-color);
    --bde-woo-forms__labels-required-size:  var(--bde-form-label-required-size);

    --bde-woo-forms__labels-required-nudge-x: var(--bde-form-label-required-nudge-x);
    --bde-woo-forms__labels-required-nudge-y: var(--bde-form-label-required-nudge-y);

    ";
            // line 405
            echo "    --bde-woo-tables__border-color: var(--bde-woo-base-border-color);

    ";
            // line 408
            echo "    --bde-woo-sale-badge__background-color: var(--bde-woo-base-primary-color);
    --bde-woo-sale-badge__text-color: var(--bde-woo-base-text-on-primary-color);
    --bde-woo-sale-badge__font-weight: var(--bde-woo-typography-font-weight-heavy);
    --bde-woo-sale-badge__font-size: var(--bde-woo-typography__size-standard);

    ";
            // line 414
            echo "    --bde-woo-widgets__chip-text-color-hover: var(--bde-woo-buttons-and-links__text-link-color);
    --bde-woo-widgets__handle-border-color-hover: var(--bde-woo-base-primary-color);

    ";
            // line 418
            echo "    --bde-woo-notices__padding-left: calc(var(--bde-woo-notices__padding) + var(--bde-woo-notices__icon-size) + (var(--bde-woo-notices__icon-size) / 2));

}

";
        }
        // line 423
        echo "
";
        // line 427
        echo "
:root {
    ";
        // line 429
        if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 429), "ratio", [], "any", false, false, false, 429)) {
            // line 430
            echo "        --bde-font-size-ratio: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 430), "ratio", [], "any", false, false, false, 430);
            echo ";
    ";
        }
        // line 432
        echo "
    ";
        // line 433
        if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 433), "base_size", [], "any", false, false, false, 433), "style", [], "any", false, false, false, 433)) {
            // line 434
            echo "        --bde-base-font-size: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 434), "base_size", [], "any", false, false, false, 434), "style", [], "any", false, false, false, 434);
            echo ";
    ";
        }
        // line 436
        echo "}

";
        // line 438
        if (($context["isBaseBreakpoint"] ?? null)) {
            // line 439
            echo "
";
            // line 441
            echo ".breakdance .button-atom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  user-select: none;
  appearance: none;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
  font-size: var(--bde-button-font-size);
  line-height: var(--bde-button-line-height);
  transform: translate(0, 0);
  max-width: 100%;
}
";
            // line 459
            echo ".breakdance .button-atom--primary,
.breakdance .button-atom--secondary,
.breakdance .button-atom--custom {
  text-align: center;
  font-weight: var(--bde-button-font-weight);
  text-decoration: none;
  padding: var(--bde-button-padding-base);
  border-radius: var(--bde-button-border-radius);
  cursor: pointer;
  border-width: var(--bde-button-border-width);
  border-style: solid;
  border-color: transparent;
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: var(--bde-transition-duration);
  overflow: hidden;
}

.breakdance .button-atom--text {
  color: var(--bde-button-text-text-color);
}

.breakdance .button-atom--text:hover {
  color: var(--bde-button-text-text-color-hover);
}

";
            // line 486
            echo twig_call_macro($macros["macros"], "macro_atomV1ButtonVariant", ["primary"], 486, $context, $this->getSourceContext());
            echo "
";
            // line 487
            echo twig_call_macro($macros["macros"], "macro_atomV1ButtonVariant", ["secondary"], 487, $context, $this->getSourceContext());
            echo "
";
            // line 488
            echo twig_call_macro($macros["macros"], "macro_atomV1ButtonVariant", ["custom"], 488, $context, $this->getSourceContext());
            echo "

";
            // line 491
            echo ".button-atom__icon-wrapper > svg:not(.breakdance-icon-atom-svg-gradient) {
  font-size: inherit;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: var(--bde-brand-primary-color);
  fill: var(--bde-brand-primary-color);
}

";
            // line 501
            echo ".breakdance-icon-atom {
    display: flex;
    font-size: 40px;
}

.breakdance-icon-atom > svg:not(.breakdance-icon-atom-svg-gradient) {
    font-size: inherit;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: var(--bde-brand-primary-color);
    fill: var(--bde-brand-primary-color);
    transform: var(--eeiTransform);
}

";
        }
        // line 517
        echo "
";
        // line 518
        if (($context["isBaseBreakpoint"] ?? null)) {
            // line 519
            echo "
.breakdance *,
.breakdance *::before,
.breakdance *::after {
  box-sizing: border-box;
}

.breakdance img {
  max-width: 100%;
  height: auto;
}

.breakdance-full-width {
  width: 100%;
  max-width: 100%;
}

.breakdance-rich-text-styles > *:first-child {
  margin-top: 0;
}

.breakdance-rich-text-styles > *:last-child {
  margin-bottom: 0;
}


";
            // line 546
            echo "
/*
 * 1. Safari support
 * 2. Support position: sticky on compatible browsers
 */
.breakdance-animation-enabled,
.breakdance-animation-enabled body { /* 1 */
  overflow-x: hidden;
}

@supports (overflow-x: clip) { /* 2 */
  .breakdance-animation-enabled,
  .breakdance-animation-enabled body { /* 1 */
    overflow-x: clip;
  }
}

";
            // line 564
            echo "
.admin-bar .lg-toolbar {
  top: var(--wp-admin--admin-bar--height);
}

";
            // line 570
            echo ".screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal!important;
word-wrap: normal!important;
padding: 0;
position: absolute!important;
width: 1px;
}

";
        }
        // line 586
        echo "
";
        // line 587
        if (($context["isBaseBreakpoint"] ?? null)) {
            // line 588
            echo "
";
            // line 590
            echo ".breakdance {
    background-color: var(--bde-background-color);
    color: var(--bde-body-text-color);
}

.breakdance h1,
.breakdance h2,
.breakdance h3,
.breakdance h4,
.breakdance h5,
.breakdance h6 {
    color: var(--bde-headings-color);
}

.breakdance a,
.button-atom--text {
    color: var(--bde-links-color);
}

.breakdance a:hover,
.button-atom--text:hover {
    color: var(--bde-links-color-hover);
}

";
        }
        // line 615
        echo "


";
        // line 623
        echo "
";
        // line 625
        $context["primaryButtons"] = [0 => ".breakdance .button-atom--primary", 1 => ".breakdance-woocommerce .bde-mini-cart-offcanvas .button", 2 => ".woocommerce-page.woocommerce-lost-password .breakdance-woocommerce button[type=\"submit\"]", 3 => ".breakdance-woocommerce .woocommerce-form-track-order button[type=\"submit\"]", 4 => ".breakdance-woocommerce #place_order", 5 => ".breakdance-woocommerce .woocommerce-button.pay", 6 => ".breakdance-woocommerce button.single_add_to_cart_button", 7 => ".breakdance-woocommerce a.single_add_to_cart_button", 8 => ".breakdance-woocommerce a.button.wc-backward", 9 => ".breakdance-woocommerce a.checkout-button", 10 => ".breakdance-woocommerce p.order-again a.button", 11 => ".breakdance-woocommerce button[name=\"add-to-cart\"]", 12 => ".breakdance-woocommerce button[name=\"login\"]", 13 => ".breakdance-woocommerce button[name=\"save_address\"]", 14 => ".breakdance-woocommerce button[name=\"save_account_details\"]", 15 => ".breakdance-woocommerce button[name=\"woocommerce_checkout_place_order\"]", 16 => ".breakdance-woocommerce .woocommerce-MyAccount-content a.button[href*=\"add-payment-method\"]"];
        // line 645
        echo "

";
        // line 648
        $context["secondaryButtons"] = [0 => ".breakdance .button-atom--secondary", 1 => ".breakdance-woocommerce .woocommerce-MyAccount-downloads-file", 2 => ".breakdance-woocommerce .woocommerce-Address a.edit", 3 => ".breakdance-woocommerce .woocommerce-button.view", 4 => ".breakdance-woocommerce .woocommerce-Button--previous", 5 => ".breakdance-woocommerce .woocommerce-Button--next", 6 => ".breakdance-woocommerce .widget_price_filter .button", 7 => ".breakdance-woocommerce a.button.add_to_cart_button", 8 => ".breakdance-woocommerce a.button.product_type_grouped", 9 => ".breakdance-woocommerce .added_to_cart", 10 => ".breakdance-woocommerce .woocommerce-widget-layered-nav-dropdown__submit", 11 => ".breakdance-woocommerce .woocommerce-product-search button[type=\"submit\"]", 12 => ".breakdance-woocommerce a.product_type_simple", 13 => ".breakdance-woocommerce .form-submit input[type=\"submit\"]", 14 => ".breakdance-woocommerce button[name=\"update_cart\"]", 15 => ".breakdance-woocommerce button[name=\"calc_shipping\"]", 16 => ".breakdance-woocommerce button[name=\"apply_coupon\"]", 17 => ".breakdance-woocommerce a.product_type_external"];
        // line 669
        echo "

";
        // line 671
        echo twig_call_macro($macros["macros"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "buttons", [], "any", false, false, false, 671), "primary", [], "any", false, false, false, 671), ($context["primaryButtons"] ?? null), "primary", ($context["breakpoint"] ?? null), ($context["settings"] ?? null)], 671, $context, $this->getSourceContext());
        echo "
";
        // line 672
        echo twig_call_macro($macros["macros"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "buttons", [], "any", false, false, false, 672), "secondary", [], "any", false, false, false, 672), ($context["secondaryButtons"] ?? null), "secondary", ($context["breakpoint"] ?? null), ($context["settings"] ?? null)], 672, $context, $this->getSourceContext());
        echo "



";
        // line 677
        echo ".breakdance {
   font-family: var(--bde-body-font-family);
   font-size: var(--bde-body-font-size);
   ";
        // line 680
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 680), "advanced", [], "any", false, false, false, 680), "body", [], "any", false, false, false, 680), ($context["settings"] ?? null)], 680, $context, $this->getSourceContext());
        echo "
}

";
        // line 684
        if (($context["isBaseBreakpoint"] ?? null)) {
            // line 685
            echo "    .breakdance h1,
    .breakdance h2,
    .breakdance h3,
    .breakdance h4,
    .breakdance h5,
    .breakdance h6 {
        font-family: var(--bde-heading-font-family);
    }

    .breakdance h1 {
        font-size: var(--bde-h1-font-size);
    }

    .breakdance h2  {
        font-size: var(--bde-h2-font-size);
    }

    .breakdance h3  {
        font-size: var(--bde-h3-font-size);
    }

    .breakdance h4  {
        font-size: var(--bde-h4-font-size);
    }

    .breakdance h5 {
        font-size: var(--bde-h5-font-size);
    }

    .breakdance h6 {
        font-size: var(--bde-h6-font-size);
    }
";
        }
        // line 718
        echo "
";
        // line 720
        echo ".breakdance h1,
.breakdance h2,
.breakdance h3,
.breakdance h4,
.breakdance h5,
.breakdance h6 {
    ";
        // line 726
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 726), "advanced", [], "any", false, false, false, 726), "headings", [], "any", false, false, false, 726), "all_headings", [], "any", false, false, false, 726), ($context["settings"] ?? null)], 726, $context, $this->getSourceContext());
        echo "
}

.breakdance h1 {
    ";
        // line 730
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 730), "advanced", [], "any", false, false, false, 730), "headings", [], "any", false, false, false, 730), "h1", [], "any", false, false, false, 730), ($context["settings"] ?? null)], 730, $context, $this->getSourceContext());
        echo "
}

.breakdance h2  {
    ";
        // line 734
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 734), "advanced", [], "any", false, false, false, 734), "headings", [], "any", false, false, false, 734), "h2", [], "any", false, false, false, 734), ($context["settings"] ?? null)], 734, $context, $this->getSourceContext());
        echo "
}

.breakdance h3  {
    ";
        // line 738
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 738), "advanced", [], "any", false, false, false, 738), "headings", [], "any", false, false, false, 738), "h3", [], "any", false, false, false, 738), ($context["settings"] ?? null)], 738, $context, $this->getSourceContext());
        echo "
}

.breakdance h4  {
    ";
        // line 742
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 742), "advanced", [], "any", false, false, false, 742), "headings", [], "any", false, false, false, 742), "h4", [], "any", false, false, false, 742), ($context["settings"] ?? null)], 742, $context, $this->getSourceContext());
        echo "
}

.breakdance h5 {
    ";
        // line 746
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 746), "advanced", [], "any", false, false, false, 746), "headings", [], "any", false, false, false, 746), "h5", [], "any", false, false, false, 746), ($context["settings"] ?? null)], 746, $context, $this->getSourceContext());
        echo "
}

.breakdance h6 {
    ";
        // line 750
        echo twig_call_macro($macros["macros"], "macro_typography", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 750), "advanced", [], "any", false, false, false, 750), "headings", [], "any", false, false, false, 750), "h6", [], "any", false, false, false, 750), ($context["settings"] ?? null)], 750, $context, $this->getSourceContext());
        echo "
}

.breakdance a,
.breakdance .button-atom--text {
    color: ";
        // line 755
        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 755), "advanced", [], "any", false, false, false, 755), "links", [], "any", false, false, false, 755), "color", [], "any", false, false, false, 755);
        echo ";
    font-weight: ";
        // 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["settings"] ?? null), "typography", [], "any", false, false, false, 756), "advanced", [], "any", false, false, false, 756), "links", [], "any", false, false, false, 756), "font_weight", [], "any", false, false, false, 756);
        echo ";
    ";
        // line 757
        if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 757), "advanced", [], "any", false, false, false, 757), "links", [], "any", false, false, false, 757), "decoration", [], "any", false, false, false, 757), "style", [], "any", false, false, false, 757) == "none")) {
            // line 758
            echo "        text-decoration: none;
    ";
        }
        // line 760
        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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 760), "advanced", [], "any", false, false, false, 760), "links", [], "any", false, false, false, 760), "decoration", [], "any", false, false, false, 760), "thickness", [], "any", false, false, false, 760), "style", [], "any", false, false, false, 760);
        echo ";
    text-decoration-line: ";
        // line 761
        echo twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, false, false, 761), "advanced", [], "any", false, false, false, 761), "links", [], "any", false, false, false, 761), "decoration", [], "any", false, false, false, 761), "line", [], "any", false, false, false, 761);
        echo ";
    text-decoration-style: ";
        // line 762
        echo twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, false, false, 762), "advanced", [], "any", false, false, false, 762), "links", [], "any", false, false, false, 762), "decoration", [], "any", false, false, false, 762), "style", [], "any", false, false, false, 762);
        echo ";
    text-decoration-color: ";
        // line 763
        echo twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, false, false, 763), "advanced", [], "any", false, false, false, 763), "links", [], "any", false, false, false, 763), "decoration", [], "any", false, false, false, 763), "color", [], "any", false, false, false, 763);
        echo ";
}

.breakdance a:hover,
.breakdance .button-atom--text:hover {
    color: ";
        // line 768
        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 768), "advanced", [], "any", false, false, false, 768), "links", [], "any", false, false, false, 768), "color_hover", [], "any", false, false, false, 768);
        echo ";
    ";
        // line 769
        if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 769), "advanced", [], "any", false, false, false, 769), "links", [], "any", false, false, false, 769), "decoration", [], "any", false, false, false, 769), "style_hover", [], "any", false, false, false, 769) == "none")) {
            // line 770
            echo "        text-decoration: none;
    ";
        }
        // line 772
        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, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "typography", [], "any", false, false, false, 772), "advanced", [], "any", false, false, false, 772), "links", [], "any", false, false, false, 772), "decoration", [], "any", false, false, false, 772), "thickness_hover", [], "any", false, false, false, 772), "style", [], "any", false, false, false, 772);
        echo ";
    text-decoration-line: ";
        // line 773
        echo twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, false, false, 773), "advanced", [], "any", false, false, false, 773), "links", [], "any", false, false, false, 773), "decoration", [], "any", false, false, false, 773), "line_hover", [], "any", false, false, false, 773);
        echo ";
    text-decoration-style: ";
        // line 774
        echo twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, false, false, 774), "advanced", [], "any", false, false, false, 774), "links", [], "any", false, false, false, 774), "decoration", [], "any", false, false, false, 774), "style_hover", [], "any", false, false, false, 774);
        echo ";
    text-decoration-color: ";
        // line 775
        echo twig_get_attribute($this->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["settings"] ?? null), "typography", [], "any", false, false, false, 775), "advanced", [], "any", false, false, false, 775), "links", [], "any", false, false, false, 775), "decoration", [], "any", false, false, false, 775), "color_hover", [], "any", false, false, false, 775);
        echo ";
}







:root {
    ";
        // line 785
        $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["settings"] ?? null), "typography", [], "any", false, false, false, 785), "global_typography", [], "any", false, false, false, 785), "typography_presets", [], "any", false, false, false, 785));
        foreach ($context['_seq'] as $context["_key"] => $context["preset_style"]) {
            // line 786
            echo "        ";
            echo twig_call_macro($macros["macros"], "macro_customTypographyValuesAsCssVariables", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["preset_style"], "preset", [], "any", false, false, false, 786), "id", [], "any", false, false, false, 786), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["preset_style"], "custom", [], "any", false, false, false, 786), "customTypography", [], "any", false, false, false, 786)], 786, $context, $this->getSourceContext());
            echo "
    ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['preset_style'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 788
        echo "}

";
        // line 790
        echo twig_call_macro($macros["macros"], "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, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "forms", [], "any", false, false, false, 790), "fields", [], "any", false, false, false, 790), "advanced", [], "any", false, false, false, 790), "file_input", [], "any", false, false, false, 790), "button", [], "any", false, false, false, 790), ".breakdance .breakdance-form-file-upload__button", "custom", ($context["breakpoint"] ?? null), ($context["settings"] ?? null)], 790, $context, $this->getSourceContext());
        echo "
";
        // line 791
        echo twig_call_macro($macros["macros"], "macro_atomV1ButtonButton", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "forms", [], "any", false, false, false, 791), "submit_button", [], "any", false, false, false, 791), "styles", [], "any", false, false, false, 791), [0 => ".breakdance .breakdance-form-button", 1 => ".breakdance .comment-form__submit"], "primary", ($context["breakpoint"] ?? null), ($context["settings"] ?? null)], 791, $context, $this->getSourceContext());
        echo "
";
        // line 792
        echo twig_call_macro($macros["macros"], "macro_atomV1FormCss", [twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "forms", [], "any", false, false, false, 792), null, ($context["breakpoint"] ?? null), ($context["settings"] ?? null)], 792, $context, $this->getSourceContext());
        echo "



:root {
\t";
        // line 797
        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["settings"] ?? null), "containers", [], "any", false, false, false, 797), "sections", [], "any", false, false, false, 797), "container_width", [], "any", false, false, false, 797), "style", [], "any", false, false, false, 797)) {
            // line 798
            echo "\t--bde-section-width: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "containers", [], "any", false, false, false, 798), "sections", [], "any", false, false, false, 798), "container_width", [], "any", false, false, false, 798), "style", [], "any", false, false, false, 798);
            echo ";
\t";
        }
        // line 800
        echo "
\t";
        // line 801
        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["settings"] ?? null), "containers", [], "any", false, false, false, 801), "sections", [], "any", false, false, false, 801), "vertical_padding", [], "any", false, false, false, 801), "style", [], "any", false, false, false, 801)) {
            // line 802
            echo "\t--bde-section-vertical-padding: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "containers", [], "any", false, false, false, 802), "sections", [], "any", false, false, false, 802), "vertical_padding", [], "any", false, false, false, 802), "style", [], "any", false, false, false, 802);
            echo ";
\t";
        }
        // line 804
        echo "
\t";
        // line 805
        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["settings"] ?? null), "containers", [], "any", false, false, false, 805), "sections", [], "any", false, false, false, 805), "horizontal_padding", [], "any", false, false, false, 805), "style", [], "any", false, false, false, 805)) {
            // line 806
            echo "\t--bde-section-horizontal-padding: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "containers", [], "any", false, false, false, 806), "sections", [], "any", false, false, false, 806), "horizontal_padding", [], "any", false, false, false, 806), "style", [], "any", false, false, false, 806);
            echo ";
\t";
        }
        // line 808
        echo "
    ";
        // line 809
        if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "containers", [], "any", false, false, false, 809), "column_gap", [], "any", false, false, false, 809), "style", [], "any", false, false, false, 809)) {
            // line 810
            echo "\t--bde-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["settings"] ?? null), "containers", [], "any", false, false, false, 810), "column_gap", [], "any", false, false, false, 810), "style", [], "any", false, false, false, 810);
            echo ";
\t";
        }
        // line 812
        echo "}


";
        // line 815
        if (($context["isBaseBreakpoint"] ?? null)) {
            // line 816
            echo "    ";
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "code", [], "any", false, false, false, 816), "stylesheets", [], "any", false, false, false, 816));
            foreach ($context['_seq'] as $context["_key"] => $context["stylesheet"]) {
                // line 817
                echo "        ";
                echo twig_get_attribute($this->env, $this->source, $context["stylesheet"], "code", [], "any", false, false, false, 817);
                echo "
    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['stylesheet'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
        }
        // line 820
        echo "
         ";
    }

    public function getTemplateName()
    {
        return "5fdaad6f6481dfa342412ee61e144c1ff58b8054";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  1174 => 820,  1164 => 817,  1159 => 816,  1157 => 815,  1152 => 812,  1146 => 810,  1144 => 809,  1141 => 808,  1135 => 806,  1133 => 805,  1130 => 804,  1124 => 802,  1122 => 801,  1119 => 800,  1113 => 798,  1111 => 797,  1103 => 792,  1099 => 791,  1095 => 790,  1091 => 788,  1082 => 786,  1078 => 785,  1065 => 775,  1061 => 774,  1057 => 773,  1052 => 772,  1048 => 770,  1046 => 769,  1042 => 768,  1034 => 763,  1030 => 762,  1026 => 761,  1021 => 760,  1017 => 758,  1015 => 757,  1011 => 756,  1007 => 755,  999 => 750,  992 => 746,  985 => 742,  978 => 738,  971 => 734,  964 => 730,  957 => 726,  949 => 720,  946 => 718,  911 => 685,  909 => 684,  903 => 680,  898 => 677,  891 => 672,  887 => 671,  883 => 669,  881 => 648,  877 => 645,  875 => 625,  872 => 623,  867 => 615,  840 => 590,  837 => 588,  835 => 587,  832 => 586,  814 => 570,  807 => 564,  788 => 546,  760 => 519,  758 => 518,  755 => 517,  737 => 501,  726 => 491,  721 => 488,  717 => 487,  713 => 486,  685 => 459,  666 => 441,  663 => 439,  661 => 438,  657 => 436,  651 => 434,  649 => 433,  646 => 432,  640 => 430,  638 => 429,  634 => 427,  631 => 423,  624 => 418,  619 => 414,  612 => 408,  608 => 405,  600 => 398,  579 => 378,  573 => 373,  568 => 370,  563 => 369,  546 => 353,  542 => 350,  535 => 344,  530 => 340,  519 => 330,  517 => 329,  515 => 328,  498 => 312,  496 => 311,  494 => 310,  490 => 307,  485 => 303,  478 => 297,  473 => 293,  470 => 291,  468 => 290,  466 => 289,  461 => 286,  456 => 285,  447 => 277,  443 => 274,  437 => 269,  425 => 258,  418 => 252,  410 => 245,  404 => 240,  398 => 235,  393 => 231,  374 => 213,  363 => 203,  359 => 200,  351 => 193,  346 => 189,  342 => 186,  334 => 181,  329 => 177,  320 => 169,  318 => 168,  316 => 167,  291 => 143,  289 => 142,  287 => 141,  279 => 134,  273 => 129,  264 => 121,  259 => 117,  252 => 111,  249 => 109,  247 => 108,  245 => 107,  237 => 100,  235 => 99,  233 => 98,  227 => 95,  224 => 93,  218 => 92,  210 => 90,  207 => 89,  204 => 88,  199 => 87,  194 => 84,  189 => 82,  184 => 81,  179 => 78,  175 => 77,  171 => 76,  167 => 75,  163 => 74,  159 => 73,  156 => 72,  151 => 69,  148 => 68,  145 => 66,  139 => 64,  133 => 62,  131 => 61,  128 => 60,  122 => 58,  116 => 56,  114 => 55,  111 => 54,  108 => 53,  105 => 51,  103 => 50,  101 => 49,  96 => 46,  91 => 45,  56 => 11,  54 => 10,  52 => 9,  47 => 5,  45 => 4,  42 => 3,  40 => 2,  37 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("", "5fdaad6f6481dfa342412ee61e144c1ff58b8054", "");
    }
}
