www.proozy.com
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
URL:
https://www.proozy.com/collections/home
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">Single</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="Single" id="Filter-filter.v.m.custom.primary_size-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Single</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Twin</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="Twin" id="Filter-filter.v.m.custom.primary_size-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Twin</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Full</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="Full" id="Filter-filter.v.m.custom.primary_size-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Full</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Queen</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="Queen" id="Filter-filter.v.m.custom.primary_size-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Queen</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">King</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="King" id="Filter-filter.v.m.custom.primary_size-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">King</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">20x39</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="20x39" id="Filter-filter.v.m.custom.primary_size-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">20x39</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">20x55</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="20x55" id="Filter-filter.v.m.custom.primary_size-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">20x55</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">24x16</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="24x16" id="Filter-filter.v.m.custom.primary_size-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24x16</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">36x24</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="36x24" id="Filter-filter.v.m.custom.primary_size-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x24</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">40x70</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="40x70" id="Filter-filter.v.m.custom.primary_size-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40x70</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">47x31</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="47x31" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">47x31</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">52x63</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="52x63" id="Filter-filter.v.m.custom.primary_size-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x63</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">52x72</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="52x72" id="Filter-filter.v.m.custom.primary_size-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x72</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">52x84</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="52x84" id="Filter-filter.v.m.custom.primary_size-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x84</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x95</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="52x95" id="Filter-filter.v.m.custom.primary_size-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x95</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x108</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="52x108" id="Filter-filter.v.m.custom.primary_size-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x108</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x120</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="52x120" id="Filter-filter.v.m.custom.primary_size-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x120</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x132</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="52x132" id="Filter-filter.v.m.custom.primary_size-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x132</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x144</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="52x144" id="Filter-filter.v.m.custom.primary_size-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x144</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x156</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="52x156" id="Filter-filter.v.m.custom.primary_size-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x156</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x168</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="52x168" id="Filter-filter.v.m.custom.primary_size-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x168</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12"x12"</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="12"x12"" id="Filter-filter.v.m.custom.primary_size-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12"x12"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16"x28"</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="16"x28"" id="Filter-filter.v.m.custom.primary_size-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">16"x28"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">18"x30"</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="18"x30"" id="Filter-filter.v.m.custom.primary_size-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">18"x30"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24"x36"</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="24"x36"" id="Filter-filter.v.m.custom.primary_size-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24"x36"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">27"x54"</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="27"x54"" id="Filter-filter.v.m.custom.primary_size-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">27"x54"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">27"x55"</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="27"x55"" id="Filter-filter.v.m.custom.primary_size-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">27"x55"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30"x56"</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="30"x56"" id="Filter-filter.v.m.custom.primary_size-28">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30"x56"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30"x60"</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="30"x60"" id="Filter-filter.v.m.custom.primary_size-29">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30"x60"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40"x65"</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="40"x65"" id="Filter-filter.v.m.custom.primary_size-30">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40"x65"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40"x80"</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="40"x80"" id="Filter-filter.v.m.custom.primary_size-31">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40"x80"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">6 Feet</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="6 Feet" id="Filter-filter.v.m.custom.primary_size-32">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">6 Feet</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">9oz</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="9oz" id="Filter-filter.v.m.custom.primary_size-33">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12oz</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="12oz" id="Filter-filter.v.m.custom.primary_size-34">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16oz</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="16oz" id="Filter-filter.v.m.custom.primary_size-35">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">16oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16 oz</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 oz" 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 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">20oz</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="20oz" id="Filter-filter.v.m.custom.primary_size-37">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">20oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">21 oz</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="21 oz" id="Filter-filter.v.m.custom.primary_size-38">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">21 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24 oz</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="24 oz" id="Filter-filter.v.m.custom.primary_size-39">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24oz</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="24oz" id="Filter-filter.v.m.custom.primary_size-40">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">25oz</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="25oz" id="Filter-filter.v.m.custom.primary_size-41">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">25oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40 oz</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="40 oz" id="Filter-filter.v.m.custom.primary_size-42">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40oz</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="40oz" id="Filter-filter.v.m.custom.primary_size-43">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">60oz</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="60oz" id="Filter-filter.v.m.custom.primary_size-44">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">60oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24 oz.</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="24 oz." id="Filter-filter.v.m.custom.primary_size-45">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24 oz.</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-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="One Size" id="Filter-filter.v.m.custom.primary_size-46">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">One Size</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 31 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">AMPD</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="AMPD" id="Filter-filter.p.vendor-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">AMPD</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Anker</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="Anker" id="Filter-filter.p.vendor-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Anker</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">BlendJet</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="BlendJet" id="Filter-filter.p.vendor-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">BlendJet</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cavalier Pets</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="Cavalier Pets" id="Filter-filter.p.vendor-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cavalier Pets</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Classic Turkish Towels</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="Classic Turkish Towels" id="Filter-filter.p.vendor-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Classic Turkish Towels</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">CORKCICLE.</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="CORKCICLE." id="Filter-filter.p.vendor-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">CORKCICLE.</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Einova</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="Einova" id="Filter-filter.p.vendor-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Einova</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Hydro Flask</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="Hydro Flask" id="Filter-filter.p.vendor-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Hydro Flask</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Instep</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="Instep" id="Filter-filter.p.vendor-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Instep</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">J&V Textiles</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="J&V Textiles" id="Filter-filter.p.vendor-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">J&V Textiles</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Mongoose</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="Mongoose" id="Filter-filter.p.vendor-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Mongoose</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">OrnamentallyYou</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="OrnamentallyYou" id="Filter-filter.p.vendor-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">OrnamentallyYou</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">POPFLEX®</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="POPFLEX®" id="Filter-filter.p.vendor-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">POPFLEX®</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Proozy</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="Proozy" id="Filter-filter.p.vendor-14">
</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">Skullcandy</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="Skullcandy" id="Filter-filter.p.vendor-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Skullcandy</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Soundcore</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="Soundcore" id="Filter-filter.p.vendor-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Soundcore</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Ventev</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="Ventev" id="Filter-filter.p.vendor-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Ventev</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 2 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">Womens</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="Womens" id="Filter-filter.p.m.my_fields.gender-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Womens</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>
<li class="py-2">
<legend class="sr-only">Unisex Kids</legend>
<label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-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.m.my_fields.gender" value="Unisex Kids" id="Filter-filter.p.m.my_fields.gender-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Unisex Kids</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">Accessories</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="Accessories" id="Filter-filter.p.product_type-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Accessories</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Barware</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="Barware" id="Filter-filter.p.product_type-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Barware</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Bath Towel</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="Bath Towel" id="Filter-filter.p.product_type-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Bath Towel</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Bedding</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="Bedding" id="Filter-filter.p.product_type-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Bedding</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Blenders</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="Blenders" id="Filter-filter.p.product_type-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Blenders</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Bluetooth Speaker</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="Bluetooth Speaker" id="Filter-filter.p.product_type-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Bluetooth Speaker</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Canteen</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="Canteen" id="Filter-filter.p.product_type-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Canteen</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Charging Pad</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="Charging Pad" id="Filter-filter.p.product_type-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Charging Pad</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Coffee Mug</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="Coffee Mug" id="Filter-filter.p.product_type-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Coffee Mug</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Coozies</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="Coozies" id="Filter-filter.p.product_type-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Coozies</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cruiser</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="Cruiser" id="Filter-filter.p.product_type-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cruiser</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Electronics</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="Electronics" id="Filter-filter.p.product_type-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Electronics</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Headphones</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="Headphones" id="Filter-filter.p.product_type-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Headphones</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Home</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="Home" id="Filter-filter.p.product_type-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Home</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Kids Cup</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="Kids Cup" id="Filter-filter.p.product_type-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Kids Cup</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Ornaments</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="Ornaments" id="Filter-filter.p.product_type-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Ornaments</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Outdoor Equipment</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="Outdoor Equipment" id="Filter-filter.p.product_type-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Outdoor Equipment</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Pet</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="Pet" id="Filter-filter.p.product_type-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pet</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Power Banks</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="Power Banks" id="Filter-filter.p.product_type-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Power Banks</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Stemless</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="Stemless" id="Filter-filter.p.product_type-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Stemless</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Tumbler</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="Tumbler" id="Filter-filter.p.product_type-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Tumbler</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Tumblers</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="Tumblers" id="Filter-filter.p.product_type-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Tumblers</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Water Bottles</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="Water Bottles" id="Filter-filter.p.product_type-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Water Bottles</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 8 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="129.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="129.99" min="0" max="129.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">Single</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="Single" id="Filter-filter.v.m.custom.primary_size-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Single</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Twin</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="Twin" id="Filter-filter.v.m.custom.primary_size-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Twin</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Full</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="Full" id="Filter-filter.v.m.custom.primary_size-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Full</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Queen</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="Queen" id="Filter-filter.v.m.custom.primary_size-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Queen</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">King</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="King" id="Filter-filter.v.m.custom.primary_size-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">King</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">20x39</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="20x39" id="Filter-filter.v.m.custom.primary_size-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">20x39</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">20x55</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="20x55" id="Filter-filter.v.m.custom.primary_size-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">20x55</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">24x16</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="24x16" id="Filter-filter.v.m.custom.primary_size-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24x16</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">36x24</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="36x24" id="Filter-filter.v.m.custom.primary_size-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36x24</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">40x70</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="40x70" id="Filter-filter.v.m.custom.primary_size-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40x70</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">47x31</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="47x31" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">47x31</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">52x63</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="52x63" id="Filter-filter.v.m.custom.primary_size-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x63</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">52x72</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="52x72" id="Filter-filter.v.m.custom.primary_size-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x72</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">52x84</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="52x84" id="Filter-filter.v.m.custom.primary_size-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x84</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x95</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="52x95" id="Filter-filter.v.m.custom.primary_size-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x95</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x108</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="52x108" id="Filter-filter.v.m.custom.primary_size-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x108</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x120</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="52x120" id="Filter-filter.v.m.custom.primary_size-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x120</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x132</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="52x132" id="Filter-filter.v.m.custom.primary_size-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x132</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x144</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="52x144" id="Filter-filter.v.m.custom.primary_size-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x144</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x156</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="52x156" id="Filter-filter.v.m.custom.primary_size-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x156</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">52x168</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="52x168" id="Filter-filter.v.m.custom.primary_size-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">52x168</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12"x12"</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="12"x12"" id="Filter-filter.v.m.custom.primary_size-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12"x12"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16"x28"</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="16"x28"" id="Filter-filter.v.m.custom.primary_size-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">16"x28"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">18"x30"</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="18"x30"" id="Filter-filter.v.m.custom.primary_size-24">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">18"x30"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24"x36"</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="24"x36"" id="Filter-filter.v.m.custom.primary_size-25">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24"x36"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">27"x54"</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="27"x54"" id="Filter-filter.v.m.custom.primary_size-26">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">27"x54"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">27"x55"</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="27"x55"" id="Filter-filter.v.m.custom.primary_size-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">27"x55"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30"x56"</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="30"x56"" id="Filter-filter.v.m.custom.primary_size-28">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30"x56"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">30"x60"</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="30"x60"" id="Filter-filter.v.m.custom.primary_size-29">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30"x60"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40"x65"</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="40"x65"" id="Filter-filter.v.m.custom.primary_size-30">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40"x65"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40"x80"</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="40"x80"" id="Filter-filter.v.m.custom.primary_size-31">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40"x80"</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">6 Feet</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="6 Feet" id="Filter-filter.v.m.custom.primary_size-32">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">6 Feet</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">9oz</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="9oz" id="Filter-filter.v.m.custom.primary_size-33">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">12oz</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="12oz" id="Filter-filter.v.m.custom.primary_size-34">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">12oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16oz</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="16oz" id="Filter-filter.v.m.custom.primary_size-35">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">16oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">16 oz</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 oz" 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 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">20oz</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="20oz" id="Filter-filter.v.m.custom.primary_size-37">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">20oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">21 oz</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="21 oz" id="Filter-filter.v.m.custom.primary_size-38">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">21 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24 oz</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="24 oz" id="Filter-filter.v.m.custom.primary_size-39">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24oz</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="24oz" id="Filter-filter.v.m.custom.primary_size-40">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">25oz</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="25oz" id="Filter-filter.v.m.custom.primary_size-41">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">25oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40 oz</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="40 oz" id="Filter-filter.v.m.custom.primary_size-42">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40 oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">40oz</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="40oz" id="Filter-filter.v.m.custom.primary_size-43">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">60oz</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="60oz" id="Filter-filter.v.m.custom.primary_size-44">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">60oz</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">24 oz.</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="24 oz." id="Filter-filter.v.m.custom.primary_size-45">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">24 oz.</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-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="One Size" id="Filter-filter.v.m.custom.primary_size-46">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">One Size</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 31 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">AMPD</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="AMPD" id="Filter-filter.p.vendor-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">AMPD</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Anker</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="Anker" id="Filter-filter.p.vendor-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Anker</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">BlendJet</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="BlendJet" id="Filter-filter.p.vendor-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">BlendJet</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cavalier Pets</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="Cavalier Pets" id="Filter-filter.p.vendor-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cavalier Pets</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Classic Turkish Towels</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="Classic Turkish Towels" id="Filter-filter.p.vendor-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Classic Turkish Towels</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">CORKCICLE.</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="CORKCICLE." id="Filter-filter.p.vendor-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">CORKCICLE.</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Einova</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="Einova" id="Filter-filter.p.vendor-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Einova</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Hydro Flask</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="Hydro Flask" id="Filter-filter.p.vendor-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Hydro Flask</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Instep</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="Instep" id="Filter-filter.p.vendor-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Instep</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">J&V Textiles</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="J&V Textiles" id="Filter-filter.p.vendor-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">J&V Textiles</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Mongoose</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="Mongoose" id="Filter-filter.p.vendor-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Mongoose</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">OrnamentallyYou</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="OrnamentallyYou" id="Filter-filter.p.vendor-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">OrnamentallyYou</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">POPFLEX®</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="POPFLEX®" id="Filter-filter.p.vendor-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">POPFLEX®</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Proozy</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="Proozy" id="Filter-filter.p.vendor-14">
</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">Skullcandy</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="Skullcandy" id="Filter-filter.p.vendor-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Skullcandy</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Soundcore</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="Soundcore" id="Filter-filter.p.vendor-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Soundcore</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Ventev</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="Ventev" id="Filter-filter.p.vendor-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Ventev</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 2 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">Womens</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="Womens" id="Filter-filter.p.m.my_fields.gender-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Womens</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>
<li class="py-2">
<legend class="sr-only">Unisex Kids</legend>
<label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-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.m.my_fields.gender" value="Unisex Kids" id="Filter-filter.p.m.my_fields.gender-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Unisex Kids</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">Accessories</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="Accessories" id="Filter-filter.p.product_type-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Accessories</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Barware</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="Barware" id="Filter-filter.p.product_type-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Barware</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Bath Towel</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="Bath Towel" id="Filter-filter.p.product_type-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Bath Towel</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Bedding</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="Bedding" id="Filter-filter.p.product_type-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Bedding</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Blenders</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="Blenders" id="Filter-filter.p.product_type-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Blenders</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Bluetooth Speaker</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="Bluetooth Speaker" id="Filter-filter.p.product_type-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Bluetooth Speaker</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Canteen</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="Canteen" id="Filter-filter.p.product_type-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Canteen</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Charging Pad</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="Charging Pad" id="Filter-filter.p.product_type-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Charging Pad</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Coffee Mug</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="Coffee Mug" id="Filter-filter.p.product_type-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Coffee Mug</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Coozies</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="Coozies" id="Filter-filter.p.product_type-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Coozies</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Cruiser</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="Cruiser" id="Filter-filter.p.product_type-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Cruiser</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Electronics</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="Electronics" id="Filter-filter.p.product_type-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Electronics</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Headphones</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="Headphones" id="Filter-filter.p.product_type-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Headphones</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Home</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="Home" id="Filter-filter.p.product_type-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Home</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Kids Cup</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="Kids Cup" id="Filter-filter.p.product_type-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Kids Cup</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Ornaments</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="Ornaments" id="Filter-filter.p.product_type-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Ornaments</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Outdoor Equipment</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="Outdoor Equipment" id="Filter-filter.p.product_type-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Outdoor Equipment</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Pet</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="Pet" id="Filter-filter.p.product_type-18">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pet</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Power Banks</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="Power Banks" id="Filter-filter.p.product_type-19">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Power Banks</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Stemless</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="Stemless" id="Filter-filter.p.product_type-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Stemless</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Tumbler</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="Tumbler" id="Filter-filter.p.product_type-21">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Tumbler</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Tumblers</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="Tumblers" id="Filter-filter.p.product_type-22">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Tumblers</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">Water Bottles</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="Water Bottles" id="Filter-filter.p.product_type-23">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Water Bottles</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 8 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="129.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="129.99" min="0" max="129.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/home">
<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/home">
<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 › Home & Electronics › Home
Size
* Single
Single
* Twin
Twin
* Full
Full
* Queen
Queen
* King
King
* 20x39
20x39
* 20x55
20x55
* 24x16
24x16
* 36x24
36x24
* 40x70
40x70
* 47x31
47x31
* 52x63
52x63
* 52x72
52x72
* 52x84
52x84
* 52x95
52x95
* 52x108
52x108
* 52x120
52x120
* 52x132
52x132
* 52x144
52x144
* 52x156
52x156
* 52x168
52x168
* 12"x12"
12"x12"
* 16"x28"
16"x28"
* 18"x30"
18"x30"
* 24"x36"
24"x36"
* 27"x54"
27"x54"
* 27"x55"
27"x55"
* 30"x56"
30"x56"
* 30"x60"
30"x60"
* 40"x65"
40"x65"
* 40"x80"
40"x80"
* 6 Feet
6 Feet
* 9oz
9oz
* 12oz
12oz
* 16oz
16oz
* 16 oz
16 oz
* 20oz
20oz
* 21 oz
21 oz
* 24 oz
24 oz
* 24oz
24oz
* 25oz
25oz
* 40 oz
40 oz
* 40oz
40oz
* 60oz
60oz
* 24 oz.
24 oz.
* One Size
One Size
Show Less Show 31 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
* AMPD
AMPD
* Anker
Anker
* BlendJet
BlendJet
* Cavalier Pets
Cavalier Pets
* Classic Turkish Towels
Classic Turkish Towels
* CORKCICLE.
CORKCICLE.
* Einova
Einova
* Hydro Flask
Hydro Flask
* Instep
Instep
* J&V Textiles
J&V Textiles
* Mongoose
Mongoose
* OrnamentallyYou
OrnamentallyYou
* POPFLEX®
POPFLEX®
* Proozy
Proozy
* Skullcandy
Skullcandy
* Soundcore
Soundcore
* Ventev
Ventev
Show Less Show 2 More
Gender
* Womens
Womens
* Unisex
Unisex
* Unisex Kids
Unisex Kids
Category
* Accessories
Accessories
* Barware
Barware
* Bath Towel
Bath Towel
* Bedding
Bedding
* Blenders
Blenders
* Bluetooth Speaker
Bluetooth Speaker
* Canteen
Canteen
* Charging Pad
Charging Pad
* Coffee Mug
Coffee Mug
* Coozies
Coozies
* Cruiser
Cruiser
* Electronics
Electronics
* Headphones
Headphones
* Home
Home
* Kids Cup
Kids Cup
* Ornaments
Ornaments
* Outdoor Equipment
Outdoor Equipment
* Pet
Pet
* Power Banks
Power Banks
* Stemless
Stemless
* Tumbler
Tumbler
* Tumblers
Tumblers
* Water Bottles
Water Bottles
Show Less Show 8 More
Price
From:
$
To:
$
Apply
Hide Filters
Size
* Single
Single
* Twin
Twin
* Full
Full
* Queen
Queen
* King
King
* 20x39
20x39
* 20x55
20x55
* 24x16
24x16
* 36x24
36x24
* 40x70
40x70
* 47x31
47x31
* 52x63
52x63
* 52x72
52x72
* 52x84
52x84
* 52x95
52x95
* 52x108
52x108
* 52x120
52x120
* 52x132
52x132
* 52x144
52x144
* 52x156
52x156
* 52x168
52x168
* 12"x12"
12"x12"
* 16"x28"
16"x28"
* 18"x30"
18"x30"
* 24"x36"
24"x36"
* 27"x54"
27"x54"
* 27"x55"
27"x55"
* 30"x56"
30"x56"
* 30"x60"
30"x60"
* 40"x65"
40"x65"
* 40"x80"
40"x80"
* 6 Feet
6 Feet
* 9oz
9oz
* 12oz
12oz
* 16oz
16oz
* 16 oz
16 oz
* 20oz
20oz
* 21 oz
21 oz
* 24 oz
24 oz
* 24oz
24oz
* 25oz
25oz
* 40 oz
40 oz
* 40oz
40oz
* 60oz
60oz
* 24 oz.
24 oz.
* One Size
One Size
Show Less Show 31 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
* AMPD
AMPD
* Anker
Anker
* BlendJet
BlendJet
* Cavalier Pets
Cavalier Pets
* Classic Turkish Towels
Classic Turkish Towels
* CORKCICLE.
CORKCICLE.
* Einova
Einova
* Hydro Flask
Hydro Flask
* Instep
Instep
* J&V Textiles
J&V Textiles
* Mongoose
Mongoose
* OrnamentallyYou
OrnamentallyYou
* POPFLEX®
POPFLEX®
* Proozy
Proozy
* Skullcandy
Skullcandy
* Soundcore
Soundcore
* Ventev
Ventev
Show Less Show 2 More
Gender
* Womens
Womens
* Unisex
Unisex
* Unisex Kids
Unisex Kids
Category
* Accessories
Accessories
* Barware
Barware
* Bath Towel
Bath Towel
* Bedding
Bedding
* Blenders
Blenders
* Bluetooth Speaker
Bluetooth Speaker
* Canteen
Canteen
* Charging Pad
Charging Pad
* Coffee Mug
Coffee Mug
* Coozies
Coozies
* Cruiser
Cruiser
* Electronics
Electronics
* Headphones
Headphones
* Home
Home
* Kids Cup
Kids Cup
* Ornaments
Ornaments
* Outdoor Equipment
Outdoor Equipment
* Pet
Pet
* Power Banks
Power Banks
* Stemless
Stemless
* Tumbler
Tumbler
* Tumblers
Tumblers
* Water Bottles
Water Bottles
Show Less Show 8 More
Price
From:
$
To:
$
Apply
77 products
Filters
Sort by:
Sort Featured Best selling Price: Low to High Price: High to Low
PRODUCTS
* HYDRO FLASK 21 OZ STANDARD MOUTH WATER BOTTLE
Regular price $34.95 Sale price $25.99 26% OFF
46 reviews
* CAVALIER PETS DOG BOWL MAT FOR CAT AND DOG BOWLS
Regular price $29.99 Sale price $15.99 47% OFF
19 reviews
* HYDRO FLASK STANDARD FLEX STRAW CAP STANDARD MOUTH 24 OZ WATER BOTTLE
Regular price $39.95 Sale price $36.99 7% OFF
0 reviews
* HYDRO FLASK "PROOZY" ENGRAVED 40 OZ WIDE MOUTH WATER BOTTLE
Regular price $49.95 Sale price $18.99 62% OFF
14 reviews
* CORKCICLE SLIM ARCTICAN
Regular price $27.95 Sale price $10.99 61% OFF
1 reviews
* CORKCICLE CANTEEN 16 OZ
Regular price $34.95 Sale price $11.99 66% OFF
3 reviews
* MONGOOSE TRACE 180 FOLDING SCOOTER
Regular price $79.99 Sale price $69.99 13% OFF
1 reviews
* MYSTERY WATER BOTTLES
Regular price $38.99 Sale price $29.99 23% OFF
1 reviews
* HYDRO FLASK STANDARD MOUTH 24 OZ WATER BOTTLE
Regular price $39.95 Sale price $32.99 17% OFF
1 reviews
* CORKCICLE STEMLESS INSULATED WINE TUMBLER
Regular price $32.95 Sale price $24.71 25% OFF
0 reviews
* INSTEP BIKE DOUBLE TRAILER
Regular price $181.66 Sale price $110.00 39% OFF
2 reviews
* HYDRO FLASK 40 OZ WIDE MOUTH FLEX STRAW LID BOTTLE
Regular price $54.95 Sale price $44.99 18% OFF
0 reviews
* HYDRO FLASK 24 OZ WIDE MOUTH FLEX STRAW LID BOTTLE
Regular price $39.95 Sale price $32.99 17% OFF
1 reviews
* CORKCICLE CANTEEN 25 OZ
Regular price $39.95 Sale price $29.96 25% OFF
0 reviews
* CORKCICLE ARCTICAN
Regular price $27.95 Sale price $20.96 25% OFF
0 reviews
* HYDRO FLASK 24 OZ. STANDARD FLEX CAP
Regular price $34.95 Sale price $32.99 6% OFF
0 reviews
* CORKCICLE TUMBLER 24 OZ
Regular price $37.95 Sale price $28.46 25% OFF
0 reviews
* CORKCICLE 16 OZ TUMBLER
Regular price $32.95 Sale price $20.00 39% OFF
1 reviews
* CORKCICLE. WHISKEY WEDGE
Sale price $24.95
1 reviews
* CORKCICLE AIR WINE CHILLER BY CORKCICLE.
Sale price $24.95
0 reviews
* CIGAR GLASS BY CORKCICLE.
Sale price $24.95
1 reviews
* SIERRA MUG BY CORKCICLE.
Regular price $39.95 Sale price $34.95 13% OFF
0 reviews
* POPFLEX® SECRET SCRUNCHIE WITH BOW
Regular price $15 Sale price $10.00 33% OFF
0 reviews
* 4-PIECE SET: 100% EGYPTIAN COTTON 1000 THREAD COUNT DEEP POCKET LUXURY
COMFORT SHEETS, TWIN-KING
Regular price $99.99 Sale price $49.99 50% OFF
0 reviews
* 1
* 2
* 3
* 4
*
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