www.proozy.com
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
URL:
https://www.proozy.com/collections/mens-clearance
Submission: On December 30 via manual from US — Scanned from US
Submission: On December 30 via manual from US — Scanned from US
Form analysis 6 forms found in the DOM
GET /search
<form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list"
aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
<label class="field__label" for="Search-In-Modal">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<input type="hidden" name="type" value="product">
<input type="hidden" name="options[unavailable_products]" value="hide">
<button class="search__button field__button" aria-label="Search">
<svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-search">
</use>
</svg>
</button>
</div>
<div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
<div class="predictive-search__loading-state">
<svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form><form class="px-4 divide-y divide-gray-300 md:pl-4 w-full md:w-[90%]" x-ref="filter_form">
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Size</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">2XS</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XS" id="Filter-filter.v.m.custom.primary_size-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XS</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">XS</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="XS" id="Filter-filter.v.m.custom.primary_size-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XS</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">S</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="S" id="Filter-filter.v.m.custom.primary_size-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">S</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">S/M</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="S/M" id="Filter-filter.v.m.custom.primary_size-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">S/M</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">M</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M" id="Filter-filter.v.m.custom.primary_size-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">M</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">L</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="L" id="Filter-filter.v.m.custom.primary_size-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">L</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">L/XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="L/XL" id="Filter-filter.v.m.custom.primary_size-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">L/XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="XL" id="Filter-filter.v.m.custom.primary_size-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">2XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XL" id="Filter-filter.v.m.custom.primary_size-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">3XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3XL" id="Filter-filter.v.m.custom.primary_size-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">3XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">4XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4XL" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">5XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5XL" id="Filter-filter.v.m.custom.primary_size-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">4</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-13">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4" id="Filter-filter.v.m.custom.primary_size-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">4.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-14">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4.5" id="Filter-filter.v.m.custom.primary_size-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-15">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5" id="Filter-filter.v.m.custom.primary_size-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">5.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-16">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5.5" id="Filter-filter.v.m.custom.primary_size-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">6</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-17">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6" id="Filter-filter.v.m.custom.primary_size-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">6</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">6.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-18">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6.5" id="Filter-filter.v.m.custom.primary_size-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">6.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">7</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-19">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7" id="Filter-filter.v.m.custom.primary_size-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">7</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">7.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-20">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7.5" id="Filter-filter.v.m.custom.primary_size-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">7.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">8</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-21">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8" id="Filter-filter.v.m.custom.primary_size-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">8</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">8.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-22">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8.5" id="Filter-filter.v.m.custom.primary_size-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">8.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">9</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-23">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9" id="Filter-filter.v.m.custom.primary_size-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">9.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-24">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9.5" id="Filter-filter.v.m.custom.primary_size-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">10</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-25">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10" id="Filter-filter.v.m.custom.primary_size-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">10</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">10.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-26">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10.5" id="Filter-filter.v.m.custom.primary_size-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">10.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">11</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-27">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11" id="Filter-filter.v.m.custom.primary_size-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">11</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">11.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-28">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11.5" id="Filter-filter.v.m.custom.primary_size-28">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">11.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-29">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12" id="Filter-filter.v.m.custom.primary_size-29">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-30">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12.5" id="Filter-filter.v.m.custom.primary_size-30">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">13</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-31">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="13" id="Filter-filter.v.m.custom.primary_size-31">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">13</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">13.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-32">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="13.5" id="Filter-filter.v.m.custom.primary_size-32">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">13.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">14</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-33">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14" id="Filter-filter.v.m.custom.primary_size-33">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">14</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">14.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-34">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14.5" id="Filter-filter.v.m.custom.primary_size-34">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">14.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">15</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-35">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="15" id="Filter-filter.v.m.custom.primary_size-35">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">15</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-36">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="16" id="Filter-filter.v.m.custom.primary_size-36">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">16</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">17</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-37">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="17" id="Filter-filter.v.m.custom.primary_size-37">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">17</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">28</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-38">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="28" id="Filter-filter.v.m.custom.primary_size-38">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">28</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">29</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-39">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="29" id="Filter-filter.v.m.custom.primary_size-39">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">29</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-40">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="30" id="Filter-filter.v.m.custom.primary_size-40">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">31</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-41">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="31" id="Filter-filter.v.m.custom.primary_size-41">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">31</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-42">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="32" id="Filter-filter.v.m.custom.primary_size-42">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">33</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-43">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="33" id="Filter-filter.v.m.custom.primary_size-43">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">33</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">34</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-44">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="34" id="Filter-filter.v.m.custom.primary_size-44">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">35</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-45">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="35" id="Filter-filter.v.m.custom.primary_size-45">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">35</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-46">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36" id="Filter-filter.v.m.custom.primary_size-46">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">38</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-47">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="38" id="Filter-filter.v.m.custom.primary_size-47">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">38</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-48">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="40" id="Filter-filter.v.m.custom.primary_size-48">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">42</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-49">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="42" id="Filter-filter.v.m.custom.primary_size-49">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">42</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">44</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-50">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="44" id="Filter-filter.v.m.custom.primary_size-50">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">44</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-51">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="30x30" id="Filter-filter.v.m.custom.primary_size-51">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-52">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="30x32" id="Filter-filter.v.m.custom.primary_size-52">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">32x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-53">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="32x30" id="Filter-filter.v.m.custom.primary_size-53">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">32x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-54">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="32x32" id="Filter-filter.v.m.custom.primary_size-54">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">34x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-55">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="34x30" id="Filter-filter.v.m.custom.primary_size-55">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">34x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-56">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="34x32" id="Filter-filter.v.m.custom.primary_size-56">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-57">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36x30" id="Filter-filter.v.m.custom.primary_size-57">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-58">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36x32" id="Filter-filter.v.m.custom.primary_size-58">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36x34</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-59">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36x34" id="Filter-filter.v.m.custom.primary_size-59">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x34</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">38x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-60">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="38x32" id="Filter-filter.v.m.custom.primary_size-60">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">38x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">1XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-61">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="1XB" id="Filter-filter.v.m.custom.primary_size-61">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">1XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">2XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-62">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XB" id="Filter-filter.v.m.custom.primary_size-62">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">3XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-63">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3XB" id="Filter-filter.v.m.custom.primary_size-63">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">3XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">4XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-64">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4XB" id="Filter-filter.v.m.custom.primary_size-64">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">5XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-65">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5XB" id="Filter-filter.v.m.custom.primary_size-65">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">2XT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-66">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XT" id="Filter-filter.v.m.custom.primary_size-66">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XT</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">3XT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-67">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3XT" id="Filter-filter.v.m.custom.primary_size-67">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">3XT</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">4XT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-68">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4XT" id="Filter-filter.v.m.custom.primary_size-68">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4XT</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">One Size</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-69">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="One Size" id="Filter-filter.v.m.custom.primary_size-69">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">One Size</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">XLT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-70">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="XLT" id="Filter-filter.v.m.custom.primary_size-70">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XLT</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 55 More</span>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Color</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">Black</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Black" id="Filter-filter.v.m.custom.primary_color-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Black</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Blue</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Blue" id="Filter-filter.v.m.custom.primary_color-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Blue</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Brown</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Brown" id="Filter-filter.v.m.custom.primary_color-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Brown</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Green</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Green" id="Filter-filter.v.m.custom.primary_color-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Green</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Grey</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Grey" id="Filter-filter.v.m.custom.primary_color-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Grey</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Multi-Color</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Multi-Color" id="Filter-filter.v.m.custom.primary_color-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Multi-Color</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Orange</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Orange" id="Filter-filter.v.m.custom.primary_color-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Orange</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Pink</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Pink" id="Filter-filter.v.m.custom.primary_color-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pink</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Purple</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Purple" id="Filter-filter.v.m.custom.primary_color-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Purple</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Red</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Red" id="Filter-filter.v.m.custom.primary_color-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Red</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">White</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="White" id="Filter-filter.v.m.custom.primary_color-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">White</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Yellow</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Yellow" id="Filter-filter.v.m.custom.primary_color-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Yellow</span>
</div>
</div>
</label>
</li>
</ul>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Brand</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">90 Degree by Reflex</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="90 Degree by Reflex" id="Filter-filter.p.vendor-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">90 Degree by Reflex</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">adidas</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="adidas" id="Filter-filter.p.vendor-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">adidas</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">allbirds</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="allbirds" id="Filter-filter.p.vendor-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">allbirds</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Callaway</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Callaway" id="Filter-filter.p.vendor-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Callaway</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Canada Goose</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Canada Goose" id="Filter-filter.p.vendor-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Canada Goose</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Canada Weather Gear</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Canada Weather Gear" id="Filter-filter.p.vendor-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Canada Weather Gear</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cavalli Class</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Cavalli Class" id="Filter-filter.p.vendor-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cavalli Class</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Chaps</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Chaps" id="Filter-filter.p.vendor-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Chaps</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Chubbies</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Chubbies" id="Filter-filter.p.vendor-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Chubbies</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Columbia</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Columbia" id="Filter-filter.p.vendor-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Columbia</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cutter & Buck</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Cutter & Buck" id="Filter-filter.p.vendor-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cutter & Buck</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Eagle Dry Goods</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Eagle Dry Goods" id="Filter-filter.p.vendor-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Eagle Dry Goods</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Eddie Bauer</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-13">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Eddie Bauer" id="Filter-filter.p.vendor-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Eddie Bauer</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Italic</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-14">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Italic" id="Filter-filter.p.vendor-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Italic</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">IZOD</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-15">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="IZOD" id="Filter-filter.p.vendor-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">IZOD</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Joe Marlin</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-16">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Joe Marlin" id="Filter-filter.p.vendor-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Joe Marlin</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Joe's Jeans</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-17">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Joe's Jeans" id="Filter-filter.p.vendor-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Joe's Jeans</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Kangol</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-18">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Kangol" id="Filter-filter.p.vendor-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Kangol</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Life is Good</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-19">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Life is Good" id="Filter-filter.p.vendor-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Life is Good</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">London Fog</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-20">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="London Fog" id="Filter-filter.p.vendor-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">London Fog</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Mountain and Isles</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-21">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Mountain and Isles" id="Filter-filter.p.vendor-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Mountain and Isles</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Nautica</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-22">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Nautica" id="Filter-filter.p.vendor-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Nautica</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Nike</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-23">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Nike" id="Filter-filter.p.vendor-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Nike</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Oakley</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-24">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Oakley" id="Filter-filter.p.vendor-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Oakley</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Penguin</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-25">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Penguin" id="Filter-filter.p.vendor-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Penguin</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Phantom Marketplace</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-26">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Phantom Marketplace" id="Filter-filter.p.vendor-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Phantom Marketplace</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Proozy</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-27">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Proozy" id="Filter-filter.p.vendor-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Proozy</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">PUMA</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-28">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="PUMA" id="Filter-filter.p.vendor-28">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">PUMA</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Rainforest</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-29">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Rainforest" id="Filter-filter.p.vendor-29">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Rainforest</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Realtree</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-30">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Realtree" id="Filter-filter.p.vendor-30">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Realtree</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Reebok</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-31">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Reebok" id="Filter-filter.p.vendor-31">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Reebok</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Reef</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-32">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Reef" id="Filter-filter.p.vendor-32">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Reef</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Spyder</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-33">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Spyder" id="Filter-filter.p.vendor-33">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Spyder</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Super Triple Goose</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-34">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Super Triple Goose" id="Filter-filter.p.vendor-34">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Super Triple Goose</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">SwingJuice</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-35">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="SwingJuice" id="Filter-filter.p.vendor-35">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">SwingJuice</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">The North Face</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-36">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="The North Face" id="Filter-filter.p.vendor-36">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">The North Face</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Three Sixty Six</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-37">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Three Sixty Six" id="Filter-filter.p.vendor-37">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Three Sixty Six</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">TravisMathew</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-38">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="TravisMathew" id="Filter-filter.p.vendor-38">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">TravisMathew</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Tri-Mountain</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-39">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Tri-Mountain" id="Filter-filter.p.vendor-39">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Tri-Mountain</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">TROOP</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-40">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="TROOP" id="Filter-filter.p.vendor-40">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">TROOP</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Under Armour</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-41">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Under Armour" id="Filter-filter.p.vendor-41">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Under Armour</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Xcelsius</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-42">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Xcelsius" id="Filter-filter.p.vendor-42">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Xcelsius</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Yeezy x Gap by Balenciaga</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-43">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Yeezy x Gap by Balenciaga" id="Filter-filter.p.vendor-43">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Yeezy x Gap by Balenciaga</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 28 More</span>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Gender</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">Mens</legend>
<label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Mens" id="Filter-filter.p.m.my_fields.gender-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Mens</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Unisex</legend>
<label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Unisex" id="Filter-filter.p.m.my_fields.gender-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Unisex</span>
</div>
</div>
</label>
</li>
</ul>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center"><span class="font-gotham font-semibold text-3xl">Category</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">Crew Neck Tee</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Crew Neck Tee" id="Filter-filter.p.product_type-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Crew Neck Tee</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Crewneck</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Crewneck" id="Filter-filter.p.product_type-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Crewneck</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Footwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Footwear" id="Filter-filter.p.product_type-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Footwear</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Full Zip</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Full Zip" id="Filter-filter.p.product_type-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Full Zip</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Half Zip & Quarter Zip</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Half Zip & Quarter Zip" id="Filter-filter.p.product_type-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Half Zip & Quarter Zip</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Headwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Headwear" id="Filter-filter.p.product_type-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Headwear</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Hoodie</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Hoodie" id="Filter-filter.p.product_type-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Hoodie</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Jackets</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Jackets" id="Filter-filter.p.product_type-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Jackets</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Jeans</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Jeans" id="Filter-filter.p.product_type-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Jeans</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Joggers</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Joggers" id="Filter-filter.p.product_type-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Joggers</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Long Sleeves</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Long Sleeves" id="Filter-filter.p.product_type-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Long Sleeves</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Pants</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Pants" id="Filter-filter.p.product_type-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pants</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Parka</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-13">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Parka" id="Filter-filter.p.product_type-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Parka</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Polos</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-14">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Polos" id="Filter-filter.p.product_type-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Polos</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Puffer</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-15">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Puffer" id="Filter-filter.p.product_type-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Puffer</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Short Sleeves</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-16">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Short Sleeves" id="Filter-filter.p.product_type-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Short Sleeves</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Shorts</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-17">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Shorts" id="Filter-filter.p.product_type-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Shorts</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Sleepwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-18">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Sleepwear" id="Filter-filter.p.product_type-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sleepwear</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Slippers</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-19">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Slippers" id="Filter-filter.p.product_type-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Slippers</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Socks</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-20">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Socks" id="Filter-filter.p.product_type-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Socks</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Sweatpants</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-21">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Sweatpants" id="Filter-filter.p.product_type-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sweatpants</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Sweatshirts</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-22">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Sweatshirts" id="Filter-filter.p.product_type-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sweatshirts</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Swimsuits</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-23">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Swimsuits" id="Filter-filter.p.product_type-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Swimsuits</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Swimwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-24">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Swimwear" id="Filter-filter.p.product_type-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Swimwear</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Underwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-25">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Underwear" id="Filter-filter.p.product_type-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Underwear</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Vests</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-26">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Vests" id="Filter-filter.p.product_type-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Vests</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 11 More</span>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Price</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div class="filter-group-display__price-range justify-between">
<div class="filter-group-display__price-range-from">
<label for="Filter-filter.v.price.gte" class="block font-gotham text-lg font-medium text-gray-700">From:</label>
<div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<span class="font-gotham text-gray-500 sm:text-lg">$</span>
</div>
<input type="number" name="filter.v.price.gte" id="Filter-filter.v.price.gte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="0.00" min="0" max="734.99">
</div>
</div>
<div class="filter-group-display__price-range-from">
<label for="Filter-filter.v.price.lte" class="block font-gotham text-lg font-medium text-gray-700">To:</label>
<div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<span class="font-gotham text-gray-500 sm:text-lg">$</span>
</div>
<input type="number" name="filter.v.price.lte" id="Filter-filter.v.price.lte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="734.99" min="0" max="734.99">
</div>
</div>
</div>
<div class="filter-group-display__submit flex justify-center">
<button type="submit" class="bg-[#66cfff] text-white p-2 m-2 w-full font-gotham text-lg rounded-sm"> Apply </button>
</div>
</div>
</div>
</form><form class="px-4 divide-y divide-gray-300 md:pl-4 w-full md:w-[90%]" x-ref="filter_form">
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Size</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">2XS</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XS" id="Filter-filter.v.m.custom.primary_size-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XS</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">XS</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="XS" id="Filter-filter.v.m.custom.primary_size-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XS</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">S</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="S" id="Filter-filter.v.m.custom.primary_size-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">S</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">S/M</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="S/M" id="Filter-filter.v.m.custom.primary_size-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">S/M</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">M</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M" id="Filter-filter.v.m.custom.primary_size-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">M</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">L</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="L" id="Filter-filter.v.m.custom.primary_size-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">L</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">L/XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="L/XL" id="Filter-filter.v.m.custom.primary_size-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">L/XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="XL" id="Filter-filter.v.m.custom.primary_size-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">2XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XL" id="Filter-filter.v.m.custom.primary_size-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">3XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3XL" id="Filter-filter.v.m.custom.primary_size-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">3XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">4XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4XL" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">5XL</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5XL" id="Filter-filter.v.m.custom.primary_size-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">4</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-13">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4" id="Filter-filter.v.m.custom.primary_size-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">4.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-14">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4.5" id="Filter-filter.v.m.custom.primary_size-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-15">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5" id="Filter-filter.v.m.custom.primary_size-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">5.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-16">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5.5" id="Filter-filter.v.m.custom.primary_size-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">6</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-17">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6" id="Filter-filter.v.m.custom.primary_size-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">6</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">6.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-18">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6.5" id="Filter-filter.v.m.custom.primary_size-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">6.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">7</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-19">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7" id="Filter-filter.v.m.custom.primary_size-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">7</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">7.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-20">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7.5" id="Filter-filter.v.m.custom.primary_size-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">7.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">8</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-21">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8" id="Filter-filter.v.m.custom.primary_size-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">8</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">8.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-22">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8.5" id="Filter-filter.v.m.custom.primary_size-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">8.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">9</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-23">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9" id="Filter-filter.v.m.custom.primary_size-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">9.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-24">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9.5" id="Filter-filter.v.m.custom.primary_size-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">10</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-25">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10" id="Filter-filter.v.m.custom.primary_size-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">10</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">10.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-26">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10.5" id="Filter-filter.v.m.custom.primary_size-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">10.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">11</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-27">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11" id="Filter-filter.v.m.custom.primary_size-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">11</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">11.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-28">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11.5" id="Filter-filter.v.m.custom.primary_size-28">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">11.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-29">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12" id="Filter-filter.v.m.custom.primary_size-29">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-30">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12.5" id="Filter-filter.v.m.custom.primary_size-30">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">13</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-31">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="13" id="Filter-filter.v.m.custom.primary_size-31">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">13</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">13.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-32">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="13.5" id="Filter-filter.v.m.custom.primary_size-32">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">13.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">14</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-33">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14" id="Filter-filter.v.m.custom.primary_size-33">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">14</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">14.5</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-34">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14.5" id="Filter-filter.v.m.custom.primary_size-34">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">14.5</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">15</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-35">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="15" id="Filter-filter.v.m.custom.primary_size-35">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">15</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-36">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="16" id="Filter-filter.v.m.custom.primary_size-36">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">16</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">17</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-37">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="17" id="Filter-filter.v.m.custom.primary_size-37">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">17</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">28</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-38">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="28" id="Filter-filter.v.m.custom.primary_size-38">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">28</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">29</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-39">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="29" id="Filter-filter.v.m.custom.primary_size-39">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">29</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-40">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="30" id="Filter-filter.v.m.custom.primary_size-40">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">31</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-41">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="31" id="Filter-filter.v.m.custom.primary_size-41">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">31</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-42">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="32" id="Filter-filter.v.m.custom.primary_size-42">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">33</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-43">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="33" id="Filter-filter.v.m.custom.primary_size-43">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">33</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">34</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-44">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="34" id="Filter-filter.v.m.custom.primary_size-44">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">35</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-45">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="35" id="Filter-filter.v.m.custom.primary_size-45">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">35</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-46">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36" id="Filter-filter.v.m.custom.primary_size-46">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">38</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-47">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="38" id="Filter-filter.v.m.custom.primary_size-47">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">38</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-48">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="40" id="Filter-filter.v.m.custom.primary_size-48">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">42</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-49">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="42" id="Filter-filter.v.m.custom.primary_size-49">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">42</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">44</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-50">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="44" id="Filter-filter.v.m.custom.primary_size-50">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">44</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-51">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="30x30" id="Filter-filter.v.m.custom.primary_size-51">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-52">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="30x32" id="Filter-filter.v.m.custom.primary_size-52">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">32x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-53">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="32x30" id="Filter-filter.v.m.custom.primary_size-53">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">32x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-54">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="32x32" id="Filter-filter.v.m.custom.primary_size-54">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">34x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-55">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="34x30" id="Filter-filter.v.m.custom.primary_size-55">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">34x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-56">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="34x32" id="Filter-filter.v.m.custom.primary_size-56">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36x30</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-57">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36x30" id="Filter-filter.v.m.custom.primary_size-57">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x30</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-58">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36x32" id="Filter-filter.v.m.custom.primary_size-58">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">36x34</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-59">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36x34" id="Filter-filter.v.m.custom.primary_size-59">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x34</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">38x32</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-60">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="38x32" id="Filter-filter.v.m.custom.primary_size-60">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">38x32</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">1XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-61">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="1XB" id="Filter-filter.v.m.custom.primary_size-61">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">1XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">2XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-62">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XB" id="Filter-filter.v.m.custom.primary_size-62">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">3XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-63">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3XB" id="Filter-filter.v.m.custom.primary_size-63">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">3XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">4XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-64">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4XB" id="Filter-filter.v.m.custom.primary_size-64">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">5XB</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-65">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5XB" id="Filter-filter.v.m.custom.primary_size-65">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">5XB</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">2XT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-66">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="2XT" id="Filter-filter.v.m.custom.primary_size-66">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XT</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">3XT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-67">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3XT" id="Filter-filter.v.m.custom.primary_size-67">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">3XT</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">4XT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-68">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4XT" id="Filter-filter.v.m.custom.primary_size-68">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">4XT</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">One Size</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-69">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="One Size" id="Filter-filter.v.m.custom.primary_size-69">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">One Size</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">XLT</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-70">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="XLT" id="Filter-filter.v.m.custom.primary_size-70">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XLT</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 55 More</span>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Color</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">Black</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Black" id="Filter-filter.v.m.custom.primary_color-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Black</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Blue</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Blue" id="Filter-filter.v.m.custom.primary_color-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Blue</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Brown</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Brown" id="Filter-filter.v.m.custom.primary_color-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Brown</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Green</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Green" id="Filter-filter.v.m.custom.primary_color-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Green</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Grey</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Grey" id="Filter-filter.v.m.custom.primary_color-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Grey</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Multi-Color</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Multi-Color" id="Filter-filter.v.m.custom.primary_color-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Multi-Color</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Orange</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Orange" id="Filter-filter.v.m.custom.primary_color-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Orange</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Pink</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Pink" id="Filter-filter.v.m.custom.primary_color-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pink</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Purple</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Purple" id="Filter-filter.v.m.custom.primary_color-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Purple</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Red</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Red" id="Filter-filter.v.m.custom.primary_color-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Red</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">White</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="White" id="Filter-filter.v.m.custom.primary_color-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">White</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Yellow</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Yellow" id="Filter-filter.v.m.custom.primary_color-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Yellow</span>
</div>
</div>
</label>
</li>
</ul>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Brand</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">90 Degree by Reflex</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="90 Degree by Reflex" id="Filter-filter.p.vendor-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">90 Degree by Reflex</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">adidas</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="adidas" id="Filter-filter.p.vendor-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">adidas</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">allbirds</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="allbirds" id="Filter-filter.p.vendor-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">allbirds</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Callaway</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Callaway" id="Filter-filter.p.vendor-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Callaway</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Canada Goose</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Canada Goose" id="Filter-filter.p.vendor-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Canada Goose</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Canada Weather Gear</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Canada Weather Gear" id="Filter-filter.p.vendor-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Canada Weather Gear</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cavalli Class</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Cavalli Class" id="Filter-filter.p.vendor-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cavalli Class</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Chaps</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Chaps" id="Filter-filter.p.vendor-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Chaps</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Chubbies</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Chubbies" id="Filter-filter.p.vendor-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Chubbies</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Columbia</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Columbia" id="Filter-filter.p.vendor-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Columbia</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cutter & Buck</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Cutter & Buck" id="Filter-filter.p.vendor-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cutter & Buck</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Eagle Dry Goods</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Eagle Dry Goods" id="Filter-filter.p.vendor-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Eagle Dry Goods</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Eddie Bauer</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-13">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Eddie Bauer" id="Filter-filter.p.vendor-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Eddie Bauer</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Italic</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-14">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Italic" id="Filter-filter.p.vendor-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Italic</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">IZOD</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-15">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="IZOD" id="Filter-filter.p.vendor-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">IZOD</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Joe Marlin</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-16">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Joe Marlin" id="Filter-filter.p.vendor-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Joe Marlin</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Joe's Jeans</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-17">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Joe's Jeans" id="Filter-filter.p.vendor-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Joe's Jeans</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Kangol</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-18">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Kangol" id="Filter-filter.p.vendor-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Kangol</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Life is Good</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-19">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Life is Good" id="Filter-filter.p.vendor-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Life is Good</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">London Fog</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-20">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="London Fog" id="Filter-filter.p.vendor-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">London Fog</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Mountain and Isles</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-21">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Mountain and Isles" id="Filter-filter.p.vendor-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Mountain and Isles</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Nautica</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-22">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Nautica" id="Filter-filter.p.vendor-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Nautica</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Nike</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-23">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Nike" id="Filter-filter.p.vendor-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Nike</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Oakley</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-24">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Oakley" id="Filter-filter.p.vendor-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Oakley</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Penguin</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-25">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Penguin" id="Filter-filter.p.vendor-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Penguin</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Phantom Marketplace</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-26">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Phantom Marketplace" id="Filter-filter.p.vendor-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Phantom Marketplace</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Proozy</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-27">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Proozy" id="Filter-filter.p.vendor-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Proozy</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">PUMA</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-28">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="PUMA" id="Filter-filter.p.vendor-28">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">PUMA</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Rainforest</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-29">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Rainforest" id="Filter-filter.p.vendor-29">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Rainforest</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Realtree</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-30">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Realtree" id="Filter-filter.p.vendor-30">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Realtree</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Reebok</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-31">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Reebok" id="Filter-filter.p.vendor-31">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Reebok</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Reef</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-32">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Reef" id="Filter-filter.p.vendor-32">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Reef</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Spyder</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-33">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Spyder" id="Filter-filter.p.vendor-33">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Spyder</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Super Triple Goose</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-34">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Super Triple Goose" id="Filter-filter.p.vendor-34">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Super Triple Goose</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">SwingJuice</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-35">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="SwingJuice" id="Filter-filter.p.vendor-35">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">SwingJuice</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">The North Face</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-36">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="The North Face" id="Filter-filter.p.vendor-36">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">The North Face</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Three Sixty Six</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-37">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Three Sixty Six" id="Filter-filter.p.vendor-37">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Three Sixty Six</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">TravisMathew</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-38">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="TravisMathew" id="Filter-filter.p.vendor-38">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">TravisMathew</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Tri-Mountain</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-39">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Tri-Mountain" id="Filter-filter.p.vendor-39">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Tri-Mountain</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">TROOP</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-40">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="TROOP" id="Filter-filter.p.vendor-40">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">TROOP</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Under Armour</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-41">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Under Armour" id="Filter-filter.p.vendor-41">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Under Armour</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Xcelsius</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-42">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Xcelsius" id="Filter-filter.p.vendor-42">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Xcelsius</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Yeezy x Gap by Balenciaga</legend>
<label class="flex items-center" for="Filter-filter.p.vendor-43">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Yeezy x Gap by Balenciaga" id="Filter-filter.p.vendor-43">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Yeezy x Gap by Balenciaga</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 28 More</span>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Gender</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">Mens</legend>
<label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Mens" id="Filter-filter.p.m.my_fields.gender-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Mens</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Unisex</legend>
<label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Unisex" id="Filter-filter.p.m.my_fields.gender-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Unisex</span>
</div>
</div>
</label>
</li>
</ul>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center"><span class="font-gotham font-semibold text-3xl">Category</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div x-data="{ open: false }">
<ul>
<li class="py-2">
<legend class="sr-only">Crew Neck Tee</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-1">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Crew Neck Tee" id="Filter-filter.p.product_type-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Crew Neck Tee</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Crewneck</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-2">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Crewneck" id="Filter-filter.p.product_type-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Crewneck</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Footwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-3">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Footwear" id="Filter-filter.p.product_type-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Footwear</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Full Zip</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-4">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Full Zip" id="Filter-filter.p.product_type-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Full Zip</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Half Zip & Quarter Zip</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-5">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Half Zip & Quarter Zip" id="Filter-filter.p.product_type-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Half Zip & Quarter Zip</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Headwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-6">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Headwear" id="Filter-filter.p.product_type-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Headwear</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Hoodie</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-7">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Hoodie" id="Filter-filter.p.product_type-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Hoodie</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Jackets</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-8">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Jackets" id="Filter-filter.p.product_type-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Jackets</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Jeans</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-9">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Jeans" id="Filter-filter.p.product_type-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Jeans</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Joggers</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-10">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Joggers" id="Filter-filter.p.product_type-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Joggers</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Long Sleeves</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-11">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Long Sleeves" id="Filter-filter.p.product_type-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Long Sleeves</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Pants</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-12">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Pants" id="Filter-filter.p.product_type-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pants</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Parka</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-13">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Parka" id="Filter-filter.p.product_type-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Parka</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Polos</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-14">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Polos" id="Filter-filter.p.product_type-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Polos</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Puffer</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-15">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Puffer" id="Filter-filter.p.product_type-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Puffer</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Short Sleeves</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-16">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Short Sleeves" id="Filter-filter.p.product_type-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Short Sleeves</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Shorts</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-17">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Shorts" id="Filter-filter.p.product_type-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Shorts</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Sleepwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-18">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Sleepwear" id="Filter-filter.p.product_type-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sleepwear</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Slippers</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-19">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Slippers" id="Filter-filter.p.product_type-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Slippers</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Socks</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-20">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Socks" id="Filter-filter.p.product_type-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Socks</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Sweatpants</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-21">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Sweatpants" id="Filter-filter.p.product_type-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sweatpants</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Sweatshirts</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-22">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Sweatshirts" id="Filter-filter.p.product_type-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sweatshirts</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Swimsuits</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-23">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Swimsuits" id="Filter-filter.p.product_type-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Swimsuits</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Swimwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-24">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Swimwear" id="Filter-filter.p.product_type-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Swimwear</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Underwear</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-25">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Underwear" id="Filter-filter.p.product_type-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Underwear</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Vests</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-26">
<div class="relative flex items-start">
<div class="flex items-center h-7">
<input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Vests" id="Filter-filter.p.product_type-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Vests</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 11 More</span>
</div>
</div>
</div>
<div x-data="{ open: true }">
<div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
<span class="font-gotham font-semibold text-3xl">Price</span>
<span x-show="!open" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
</svg>
</span>
<span x-show="open">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class=" icon">
<path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
</svg>
</span>
</div>
<div class="pb-3" x-show="open">
<div class="filter-group-display__price-range justify-between">
<div class="filter-group-display__price-range-from">
<label for="Filter-filter.v.price.gte" class="block font-gotham text-lg font-medium text-gray-700">From:</label>
<div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<span class="font-gotham text-gray-500 sm:text-lg">$</span>
</div>
<input type="number" name="filter.v.price.gte" id="Filter-filter.v.price.gte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="0.00" min="0" max="734.99">
</div>
</div>
<div class="filter-group-display__price-range-from">
<label for="Filter-filter.v.price.lte" class="block font-gotham text-lg font-medium text-gray-700">To:</label>
<div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<span class="font-gotham text-gray-500 sm:text-lg">$</span>
</div>
<input type="number" name="filter.v.price.lte" id="Filter-filter.v.price.lte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="734.99" min="0" max="734.99">
</div>
</div>
</div>
<div class="filter-group-display__submit flex justify-center">
<button type="submit" class="bg-[#66cfff] text-white p-2 m-2 w-full font-gotham text-lg rounded-sm"> Apply </button>
</div>
</div>
</div>
</form>POST /localization
<form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/collections/mens-clearance">
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Language</h2>
<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript">
<option value="en" lang="en" selected=""> English </option>
<option value="fr" lang="fr"> Français </option>
</select>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path>
</svg>
</div>
<button class="button button--tertiary">Update language</button>
</form>POST /localization
<form method="post" action="/localization" id="FooterLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/collections/mens-clearance">
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterLanguageLabel">Language</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel"> English <svg
aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path>
</svg>
</button>
<ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled" hidden="">
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" hreflang="en" lang="en" aria-current="true" data-value="en">
English
</a>
</li>
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large focus-inset" href="#" hreflang="fr" lang="fr" data-value="fr">
Français
</a>
</li>
</ul>
</div>
<input type="hidden" name="locale_code" value="en">
</div>
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Tw7X8n" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 320px; min-width: 200px; max-width: 1000px; border-radius: 20px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 16px 16px 20px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 400px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003GR1D5" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="font-size: 25px; font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 400; font-style: normal; color: rgb(0, 0, 0);"><strong>WELCOME!</strong></span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003GR4RS" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="color: rgb(0, 0, 0); font-size: 28px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">JOIN TODAY & TAKE <span
style="font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-style: normal; color: rgb(226, 101, 58);">15% OFF</span></span></p>
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="color: rgb(0, 0, 0); font-size: 28px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
style="font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 400; font-style: normal;"><span style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;">YOUR FIRST ORDER.</span></span></span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 2px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003GR4XS" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span style="font-size: 10px;">By entering your email, you consent to receive our weekly emails. (You can
unsubscribe at any time) See our <a href="https://www.proozy.com/policies/terms-of-service">Terms of Service</a> and <a href="https://www.proozy.com/policies/privacy-policy">Privacy Policy</a> for details.</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px 10px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_016JB91TTR00000000003GR1D7" class="needsclick go42504228 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 51px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 10px 15px; position: relative; flex: 0 1 auto; margin: 0px auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
src="https://d3k81ch9hvuctc.cloudfront.net/company/Pb3wug/images/9f4a3561-0a89-4507-ad2d-924d657df631.png" tabindex="-1" alt="Line under input" class="needsclick kl-private-reset-css-Xuajs1"
style="max-width: 100%; width: 320px; height: auto; cursor: initial;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go809051785 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(102, 207, 255); border-radius: 40px; border-style: none; border-color: rgb(33, 29, 28); border-width: 3px; color: rgb(255, 255, 255); font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 2px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: 53px; width: 100%;">CONTINUE</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Skip to content
40% OFF + FREE SHIPPING - Ray-Ban Collection - CODE: PZHRB-FS
40% OFF + FREE SHIPPING - Ray-Ban Collection - CODE: PZHRB-FS
Login Sign Up
* Women
Women
* Womens Apparel
Womens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants & Leggings
* Shorts & Skirts
* Bras, Underwear & Socks
* Sleepwear
* Dresses
* Womens Shoes
Womens Shoes
* Athletic
* Sneakers
* Boots & Booties
* Sandals
* Slippers
* Insoles & Accessories
* Casual
* Dress
* Accessories
Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Gloves & Scarves
* Watches
* Jewelry
* Belts
* Men
Men
* Mens Apparel
Mens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants
* Shorts
* Swimwear
* Underwear & Socks
* Sleepwear
* Mens Shoes
Mens Shoes
* Athletic
* Sneakers
* Boots
* Sandals
* Slippers
* Insoles & Accessories
* Casual
* Dress
* Accessories
Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Gloves, Scarves, & Face Covers
* Watches
* Jewelry
* Belts
* Youth
Youth
* Boys Apparel
Boys Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Shorts
* Pants & Joggers
* Underwear & Socks
* Sleepwear
* Watches
* Hats
* Girls Apparel
Girls Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Shorts & Skirts
* Pants & Leggings
* Underwear & Socks
* Dresses
* Watches
* Hats
* Youth Shoes
Youth Shoes
* Boys Shoes
* Girls Shoes
* Home & Electronics
Home & Electronics
* Home & Electronics
Home & Electronics
* Bags & Backpacks
* Bath & Beauty
* Bedroom
* Electronics
* Home Decor
* Lighting
* Hydration
* Kitchen & Dining
* Sports & Outdoors
* Pet
* Toys
* Brands
* Clearance
Log in
Log in
image/svg+xml
* Women
* Men
* Youth
* Home & Electronics
* Brands
* Clearance
Search
Cart
Shop Collection
* Womens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants & Leggings
* Shorts & Skirts
* Bras, Underwear & Socks
* Sleepwear
* Dresses
* Womens Shoes
* Athletic
* Sneakers
* Boots & Booties
* Sandals
* Slippers
* Casual
* Dress
* Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Gloves & Scarves
* Belts
Shop Collection
* Mens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants
* Shorts
* Swimwear
* Underwear & Socks
* Sleepwear
* Mens Shoes
* Athletic
* Sneakers
* Boots
* Sandals
* Slippers
* Casual
* Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Belts
Shop Collection
* Boys Apparel
* Shirts & Tops
* Jackets & Outerwear
* Hats
* Girls Apparel
* Shirts & Tops
* Jackets & Outerwear
* Shorts & Skirts
* Pants & Leggings
* Hats
* Youth Shoes
* Boys Shoes
* Girls Shoes
Shop Collection
* Home & Electronics
* Bags & Backpacks
* Bath & Beauty
* Bedroom
* Electronics
* Home Decor
* Hydration
* Kitchen & Dining
* Pet
Brands
Clearance
ITEM ADDED TO YOUR BAG
Continue shopping
Discounted Brands › Men › All Men's Apparel
Size
* 2XS
2XS
* XS
XS
* S
S
* S/M
S/M
* M
M
* L
L
* L/XL
L/XL
* XL
XL
* 2XL
2XL
* 3XL
3XL
* 4XL
4XL
* 5XL
5XL
* 4
4
* 4.5
4.5
* 5
5
* 5.5
5.5
* 6
6
* 6.5
6.5
* 7
7
* 7.5
7.5
* 8
8
* 8.5
8.5
* 9
9
* 9.5
9.5
* 10
10
* 10.5
10.5
* 11
11
* 11.5
11.5
* 12
12
* 12.5
12.5
* 13
13
* 13.5
13.5
* 14
14
* 14.5
14.5
* 15
15
* 16
16
* 17
17
* 28
28
* 29
29
* 30
30
* 31
31
* 32
32
* 33
33
* 34
34
* 35
35
* 36
36
* 38
38
* 40
40
* 42
42
* 44
44
* 30x30
30x30
* 30x32
30x32
* 32x30
32x30
* 32x32
32x32
* 34x30
34x30
* 34x32
34x32
* 36x30
36x30
* 36x32
36x32
* 36x34
36x34
* 38x32
38x32
* 1XB
1XB
* 2XB
2XB
* 3XB
3XB
* 4XB
4XB
* 5XB
5XB
* 2XT
2XT
* 3XT
3XT
* 4XT
4XT
* One Size
One Size
* XLT
XLT
Show Less Show 55 More
Color
* Black
Black
* Blue
Blue
* Brown
Brown
* Green
Green
* Grey
Grey
* Multi-Color
Multi-Color
* Orange
Orange
* Pink
Pink
* Purple
Purple
* Red
Red
* White
White
* Yellow
Yellow
Brand
* 90 Degree by Reflex
90 Degree by Reflex
* adidas
adidas
* allbirds
allbirds
* Callaway
Callaway
* Canada Goose
Canada Goose
* Canada Weather Gear
Canada Weather Gear
* Cavalli Class
Cavalli Class
* Chaps
Chaps
* Chubbies
Chubbies
* Columbia
Columbia
* Cutter & Buck
Cutter & Buck
* Eagle Dry Goods
Eagle Dry Goods
* Eddie Bauer
Eddie Bauer
* Italic
Italic
* IZOD
IZOD
* Joe Marlin
Joe Marlin
* Joe's Jeans
Joe's Jeans
* Kangol
Kangol
* Life is Good
Life is Good
* London Fog
London Fog
* Mountain and Isles
Mountain and Isles
* Nautica
Nautica
* Nike
Nike
* Oakley
Oakley
* Penguin
Penguin
* Phantom Marketplace
Phantom Marketplace
* Proozy
Proozy
* PUMA
PUMA
* Rainforest
Rainforest
* Realtree
Realtree
* Reebok
Reebok
* Reef
Reef
* Spyder
Spyder
* Super Triple Goose
Super Triple Goose
* SwingJuice
SwingJuice
* The North Face
The North Face
* Three Sixty Six
Three Sixty Six
* TravisMathew
TravisMathew
* Tri-Mountain
Tri-Mountain
* TROOP
TROOP
* Under Armour
Under Armour
* Xcelsius
Xcelsius
* Yeezy x Gap by Balenciaga
Yeezy x Gap by Balenciaga
Show Less Show 28 More
Gender
* Mens
Mens
* Unisex
Unisex
Category
* Crew Neck Tee
Crew Neck Tee
* Crewneck
Crewneck
* Footwear
Footwear
* Full Zip
Full Zip
* Half Zip & Quarter Zip
Half Zip & Quarter Zip
* Headwear
Headwear
* Hoodie
Hoodie
* Jackets
Jackets
* Jeans
Jeans
* Joggers
Joggers
* Long Sleeves
Long Sleeves
* Pants
Pants
* Parka
Parka
* Polos
Polos
* Puffer
Puffer
* Short Sleeves
Short Sleeves
* Shorts
Shorts
* Sleepwear
Sleepwear
* Slippers
Slippers
* Socks
Socks
* Sweatpants
Sweatpants
* Sweatshirts
Sweatshirts
* Swimsuits
Swimsuits
* Swimwear
Swimwear
* Underwear
Underwear
* Vests
Vests
Show Less Show 11 More
Price
From:
$
To:
$
Apply
Hide Filters
Size
* 2XS
2XS
* XS
XS
* S
S
* S/M
S/M
* M
M
* L
L
* L/XL
L/XL
* XL
XL
* 2XL
2XL
* 3XL
3XL
* 4XL
4XL
* 5XL
5XL
* 4
4
* 4.5
4.5
* 5
5
* 5.5
5.5
* 6
6
* 6.5
6.5
* 7
7
* 7.5
7.5
* 8
8
* 8.5
8.5
* 9
9
* 9.5
9.5
* 10
10
* 10.5
10.5
* 11
11
* 11.5
11.5
* 12
12
* 12.5
12.5
* 13
13
* 13.5
13.5
* 14
14
* 14.5
14.5
* 15
15
* 16
16
* 17
17
* 28
28
* 29
29
* 30
30
* 31
31
* 32
32
* 33
33
* 34
34
* 35
35
* 36
36
* 38
38
* 40
40
* 42
42
* 44
44
* 30x30
30x30
* 30x32
30x32
* 32x30
32x30
* 32x32
32x32
* 34x30
34x30
* 34x32
34x32
* 36x30
36x30
* 36x32
36x32
* 36x34
36x34
* 38x32
38x32
* 1XB
1XB
* 2XB
2XB
* 3XB
3XB
* 4XB
4XB
* 5XB
5XB
* 2XT
2XT
* 3XT
3XT
* 4XT
4XT
* One Size
One Size
* XLT
XLT
Show Less Show 55 More
Color
* Black
Black
* Blue
Blue
* Brown
Brown
* Green
Green
* Grey
Grey
* Multi-Color
Multi-Color
* Orange
Orange
* Pink
Pink
* Purple
Purple
* Red
Red
* White
White
* Yellow
Yellow
Brand
* 90 Degree by Reflex
90 Degree by Reflex
* adidas
adidas
* allbirds
allbirds
* Callaway
Callaway
* Canada Goose
Canada Goose
* Canada Weather Gear
Canada Weather Gear
* Cavalli Class
Cavalli Class
* Chaps
Chaps
* Chubbies
Chubbies
* Columbia
Columbia
* Cutter & Buck
Cutter & Buck
* Eagle Dry Goods
Eagle Dry Goods
* Eddie Bauer
Eddie Bauer
* Italic
Italic
* IZOD
IZOD
* Joe Marlin
Joe Marlin
* Joe's Jeans
Joe's Jeans
* Kangol
Kangol
* Life is Good
Life is Good
* London Fog
London Fog
* Mountain and Isles
Mountain and Isles
* Nautica
Nautica
* Nike
Nike
* Oakley
Oakley
* Penguin
Penguin
* Phantom Marketplace
Phantom Marketplace
* Proozy
Proozy
* PUMA
PUMA
* Rainforest
Rainforest
* Realtree
Realtree
* Reebok
Reebok
* Reef
Reef
* Spyder
Spyder
* Super Triple Goose
Super Triple Goose
* SwingJuice
SwingJuice
* The North Face
The North Face
* Three Sixty Six
Three Sixty Six
* TravisMathew
TravisMathew
* Tri-Mountain
Tri-Mountain
* TROOP
TROOP
* Under Armour
Under Armour
* Xcelsius
Xcelsius
* Yeezy x Gap by Balenciaga
Yeezy x Gap by Balenciaga
Show Less Show 28 More
Gender
* Mens
Mens
* Unisex
Unisex
Category
* Crew Neck Tee
Crew Neck Tee
* Crewneck
Crewneck
* Footwear
Footwear
* Full Zip
Full Zip
* Half Zip & Quarter Zip
Half Zip & Quarter Zip
* Headwear
Headwear
* Hoodie
Hoodie
* Jackets
Jackets
* Jeans
Jeans
* Joggers
Joggers
* Long Sleeves
Long Sleeves
* Pants
Pants
* Parka
Parka
* Polos
Polos
* Puffer
Puffer
* Short Sleeves
Short Sleeves
* Shorts
Shorts
* Sleepwear
Sleepwear
* Slippers
Slippers
* Socks
Socks
* Sweatpants
Sweatpants
* Sweatshirts
Sweatshirts
* Swimsuits
Swimsuits
* Swimwear
Swimwear
* Underwear
Underwear
* Vests
Vests
Show Less Show 11 More
Price
From:
$
To:
$
Apply
364 products
Filters
Sort by:
Sort Featured Best selling Price: Low to High Price: High to Low
PRODUCTS
* EDDIE BAUER MEN'S 1/4 ZIP
Regular price $65 Sale price $19.99 69% OFF
109 reviews
* CANADA WEATHER GEAR MEN'S LONG SLEEVE TWO TONE SUPREME SOFT HENLEY
Regular price $65 Sale price $22.99 65% OFF
77 reviews
* SPYDER MEN'S POLO
Regular price $49.50 Sale price $19.99 60% OFF
98 reviews
* CANADA WEATHER GEAR MEN'S FLEECE-DYE SUPREME SOFT 1/4 ZIP
Regular price $65 Sale price $31.99 51% OFF
18 reviews
* ADIDAS MEN'S BASIC POLO
Regular price $50 Sale price $16.99 66% OFF
20 reviews
* CANADA WEATHER GEAR MEN'S UNLINED FLANNEL
Regular price $65 Sale price $19.99 69% OFF
100 reviews
* CHAPS MEN'S PERFORMANCE FLAT FRONT SHORTS
Regular price $55 Sale price $24.99 55% OFF
164 reviews
* CANADA WEATHER GEAR MEN'S XOVER LOGO HOODIE
Regular price $60 Sale price $19.99 67% OFF
45 reviews
* UNDER ARMOUR MEN'S SHORT SLEEVE 2.0 LOCKER TEE
Regular price $22.99 Sale price $16.99 26% OFF
0 reviews
* UNDER ARMOUR MEN'S HUSTLE FLEECE PULLOVER HOODIE
Regular price $55 Sale price $39.99 27% OFF
0 reviews
* EDDIE BAUER MEN'S SHORT SLEEVE T-SHIRT
Regular price $30 Sale price $11.99 60% OFF
31 reviews
* CANADA WEATHER GEAR MEN'S FLANNEL WITH CHAMBRAY LINED COLLAR
Regular price $65 Sale price $35.99 45% OFF
9 reviews
* IZOD MEN'S POPCORN JACQUARD LONG SLEEVE 1/4 ZIP
Regular price $70 Sale price $34.99 50% OFF
43 reviews
* LONDON FOG MEN'S POLY TEXTURED SPACE DYE POLO
Regular price $30 Sale price $22.99 23% OFF
67 reviews
* EDDIE BAUER MEN'S SUSTAINABLE HOODIE
Regular price $46 Sale price $27.99 39% OFF
57 reviews
* ADIDAS MEN'S BRUSHED TERRY HEATHERED QUARTER-ZIP PULLOVER
Regular price $65 Sale price $31.99 51% OFF
50 reviews
* SPYDER MEN'S PARKA
Regular price $299 Sale price $89.99 70% OFF
20 reviews
* UNDER ARMOUR MEN'S CHALLENGER TRACK JACKET
Regular price $65 Sale price $22.99 65% OFF
2 reviews
* SPYDER MEN'S CONSTANT FULL ZIP JACKET
Regular price $129 Sale price $74.99 42% OFF
29 reviews
* SPYDER MEN'S TRICOT PANT
Regular price $45 Sale price $34.99 22% OFF
7 reviews
* UNDER ARMOUR MEN'S LONG SLEEVE LOCKER TEE
Regular price $29.99 Sale price $24.99 17% OFF
0 reviews
* CANADA WEATHER GEAR MEN'S PIQUE POLO WITH RIBBED COLLAR AND CUFF
Regular price $40 Sale price $12.99 68% OFF
7 reviews
* SPYDER MEN'S EXPO FULL ZIP JACKET
Regular price $149 Sale price $39.99 73% OFF
1 reviews
* CANADA WEATHER GEAR MEN'S SUPREME SOFT TWO TONE CREW
Regular price $45 Sale price $14.99 67% OFF
24 reviews
* 1
* 2
* 3
* …
* 16
*
image/svg+xml
Located in St. Paul, Minnesota, USA
© 2024, Proozy.com
ABOUT US
* Our Story
* Proozy Guarantee
* Gives Back
* Proozy Rewards
* Referral Program
* California Consumer Privacy Act
* Terms of Service
* Privacy Policy
SUPPORT
* Help Center
* Shipping Policy
* Returns
* Buy Now Pay Later
* Accessibility Statement
* Do not sell my personal information
* Sitemap
WORK WITH US
* Affiliate Program
FOLLOW US
* Facebook
* Instagram
*
*
image/svg+xml
Located in St. Paul, Minnesota, USA
© 2024, PROOZY
LANGUAGE
English Français
Update language
LANGUAGE
English
* English
* Français
* Choosing a selection results in a full page refresh.
PROOZY: Top Brand Deals
Use Code: APP20 for 20% Off
GET
Close dialog
WELCOME!
JOIN TODAY & TAKE 15% OFF
YOUR FIRST ORDER.
By entering your email, you consent to receive our weekly emails. (You can
unsubscribe at any time) See our Terms of Service and Privacy Policy for
details.
CONTINUE