{% include "_types/browse/mobile/_filter/sort_ul.html" %}
  {% if search or selected_labels|length or selected_stickers|length or selected_brands|length %}
    {% set href = (current_local_href ~ {"clear_filters": True}|qs)|host %}
    <div class = "flex flex-row justify-center">
      <a
          href="{{ href }}"
          hx-get="{{ href }}"
          hx-target="#main-panel"
          hx-select="{{hx_select_search}}"
          hx-swap="outerHTML"
          hx-push-url="true"
          role="button"
          title="clear filters"
          aria-label="clear filters"
          class="flex flex-col items-center justify-start p-1 rounded bg-stone-200 text-black cursor-pointer">
          <span class="mt-1 leading-none tabular-nums"
          >
            clear filters
          </span>
        </a>
      </div>
  {% endif %}
  <div class="flex flex-row gap-2 justify-center items center">
    {% include "_types/browse/mobile/_filter/like.html" %}
    {% include "_types/browse/mobile/_filter/labels.html" %}
  </div>
  {% include "_types/browse/mobile/_filter/stickers.html" %}
  {% include "_types/browse/mobile/_filter/brand_ul.html" %}