<div id="filters-list" class="modal is-hidden modal--filters filters" js-modal>
<div class="fluid-grid pointer-events-none">
<div class="row">
<div class="col-12 md-col-7 md-col-offset-5 lg-col-5 lg-col-offset-7">
<button class="modal__close-button pointer-events-auto" js-modal-close>
<svg width="24" height="24" viewBox="0 0 24 24" class="icon--violet-dark">
<use href="#icon-cross" xlink:href="#icon-cross"></use>
</svg>
</button>
<div class="modal__side">
<p class="title--M font-semibold text-violet-dark mb-6 md:mb-10">Filtrer par</p>
{% if type != 'photo' %}
<p class="filters__title">Contenu</p>
<div js-algolia-list-filters-type></div>
{% endif %}
<p class="filters__title mt-7">{{ type == 'photo' ? 'Typologie de photos' : 'Expertise / secteur' }}</p>
<div js-algolia-list-filters-expertise></div>
</div>
</div>
</div>
</div>
</div>