{%- macro sidebar() %}
    <nav class="p-side-navigation--raw-html is-sticky" id="drawer" aria-label="Table of contents">
      <div class="p-side-navigation__overlay js-drawer-toggle" aria-controls="drawer"></div>
      <div class="p-side-navigation__drawer">
        <div class="p-side-navigation__drawer-header">
          <button class="p-side-navigation__toggle--in-drawer js-drawer-toggle" aria-controls="drawer">
            Toggle side navigation
          </button>
        </div>
        {%- block sidebarlogo %}
        {%- if logo_url %}
        <p class="logo"><a href="{{ pathto(root_doc)|e }}">
            <img class="logo" src="{{ logo_url|e }}" alt="{{ logo_alt|e }}"/>
        </a></p>
        {%- endif %}
        {%- endblock %}
    {%- for sidebartemplate in sidebars %}
    {%- include sidebartemplate %}
    {%- endfor %}
      </div>
    </nav>
{%- endmacro %}

{%- if pagename == "search" or builder == "singlehtml" %}
{%- include "components/toggle-sidebar-primary.html" %}
{%- endif %}
<aside class="l-docs__sidebar">
  {%- block sidebar %}{{ sidebar() }}{% endblock %}
</aside>