{% if siteBarVariant is defined and siteBarVariant == 'light' %}
{% set menuTogglerExtraClass = ' icon-hamburger--light' %}
{% else %}
{% set menuTogglerExtraClass = '' %}
{% endif %}
<section id="main-menu" class="slide-menu slide-menu--slide-fade slide-menu--right main-menu">
<div class="slide-menu__wrapper">
<div class="slide-menu__inner">
<div class="slide-menu__nav">
<nav class="nav">
<ul class="nav__list">
<li class="nav__item">
<a href="/#collection" class="link-nav">Kolekcja</a>
</li>
<li class="nav__item">
<a href="/#wartosci" class="link-nav">Wartości</a>
</li>
<li class="nav__item">
<a href="/#artistes" class="link-nav">Artyści</a>
</li>
<li class="nav__item">
<a href="/#manifest" class="link-nav">Manifest</a>
</li>
<li class="nav__item">
<a href="/#warsztat" class="link-nav">Atelier</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<div id="menu-toggler" class="menu-toggler-container">
<div class="icon-hamburger menu-toggler{{ menuTogglerExtraClass }}" aria-label="Main Menu">
<svg width="30" height="30" viewBox="0 0 100 100">
<path class="path-line path-line-1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />
<path class="path-line path-line-2" d="M 20,50 H 80" />
<path class="path-line path-line-3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" />
</svg>
</div>
</div>