{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
{% block utilities_offcanvas %}
<div class="d-flex mt-3 align-items-center">
{% block utilities_offcanvas_switcher %}
<div class="flex-grow-1">
<ul class="nav navblock-mobile-head">
<li class="col-6 pr-1 pl-3">
<a class="btn shadow-sm btn-sm d-flex justify-content-center align-items-center align-middle{% if context.salesChannel.id == '4e25057bf37e49f0b3dfb7071d5875b4' %} active{% endif %}" rel="noopener" href="{{ 'asetheme.channel.private.link'|trans }}" title="{{ 'asetheme.channel.private.long'|trans|striptags }}">
<span class="pr-2 align-self-center"><i class="material-icons d-block" style="font-size:22px;line-height: 30px">home</i></span>
<span class="align-self-center" style="line-height: 28px;padding-top: 2px;">{{ 'asetheme.channel.private.short'|trans|sw_sanitize }}</span>
</a>
</li>
<li class="col-6 pl-1 pr-1">
<a class="btn shadow-sm btn-sm d-flex justify-content-center align-items-center align-middle{% if context.salesChannel.id == '35d164dce41848a6868eefbfba919e62' %} active{% endif %}" rel="noopener" href="{{ 'asetheme.channel.business.link'|trans }}" title="{{ 'asetheme.channel.business.long'|trans|striptags }}">
<span class="pr-2 align-self-center"><i class="material-icons d-block" style="font-size:22px;line-height: 30px">business</i></span>
<span class="align-self-center" style="line-height: 28px;padding-top: 2px;">{{ 'asetheme.channel.business.short'|trans|sw_sanitize }}</span>
</a>
</li>
</ul>
</div>
{% endblock %}
{% block utilities_offcanvas_close %}
<div class="sticky-top closebox pr-3">
<button class="btn btn-light shadow-sm btn-sm d-flex justify-content-center align-items-center align-middle js-offcanvas-close">
{% block utilities_offcanvas_close_icon %}
<span class="align-self-center"><i class="material-icons d-block" style="line-height: 30px">close</i></span>
{% endblock %}
{% block utilities_offcanvas_close_text %}
{% endblock %}
</button>
</div>
{% endblock %}
</div>
{% block utilities_offcanvas_content_container %}
<div class="offcanvas-content-container">
{% block utilities_offcanvas_content %}{% endblock %}
</div>
{% endblock %}
{% endblock %}