kindcotton.com Open in urlscan Pro
23.227.38.32  Public Scan

Submitted URL: http://0snd.com/a/GM1tIT
Effective URL: https://kindcotton.com/collections/all-products-fg?aca=619d239ee9f1cb00171dad2b&flowID=66d4b485582766bb27c79f68&omnisen...
Submission: On October 21 via manual from US — Scanned from US

Form analysis 9 forms found in the DOM

GET /search

<form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search">
  <label for="Search" class="visually-hidden"> Search </label>
  <input type="search" name="q" id="Search" class="pr-12 placeholder-current input w-full" value="" placeholder="Search">
  <button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit">
    <span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M2 21.1304C2 26.2041 4.01552 31.07 7.60317 34.6577C11.1908 38.2453 16.0567 40.2609 21.1304 40.2609C26.2041 40.2609 31.07 38.2453 34.6577 34.6577C38.2453 31.07 40.2609 26.2041 40.2609 21.1304C40.2609 16.0567 38.2453 11.1908 34.6577 7.60317C31.07 4.01552 26.2041 2 21.1304 2C16.0567 2 11.1908 4.01552 7.60317 7.60317C4.01552 11.1908 2 16.0567 2 21.1304V21.1304Z"
          stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M46 46L34.6576 34.6576" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </span>
    <span class="visually-hidden">Search</span>
  </button>
</form>

GET /search

<form x-ref="searchForm" action="/search" method="get" role="search" @submit="onFormSubmit" @click.away.prevent="searchOpen = false">
  <div x-ref="searchFieldComponent" class="relative py-2">
    <input id="header-search" type="search" name="q" value="" class="header-search-input pl-9 py-2 placeholder:text-scheme-text font-secondary w-full border-0 shadow-none bg-transparent" placeholder="Search" aria-expanded="false"
      aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="input" x-model="rawQuery"
      @input.debounce.300="onChange" @focus="onFocus">
    <label class="visually-hidden" for="header-search">Search</label>
    <input type="hidden" name="options[prefix]" value="last"><button class="absolute left-0 top-1/2 transform -translate-y-1/2 p-1" aria-label="Search">
      <span class="inline-block w-6 h-6"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M2 21.1304C2 26.2041 4.01552 31.07 7.60317 34.6577C11.1908 38.2453 16.0567 40.2609 21.1304 40.2609C26.2041 40.2609 31.07 38.2453 34.6577 34.6577C38.2453 31.07 40.2609 26.2041 40.2609 21.1304C40.2609 16.0567 38.2453 11.1908 34.6577 7.60317C31.07 4.01552 26.2041 2 21.1304 2C16.0567 2 11.1908 4.01552 7.60317 7.60317C4.01552 11.1908 2 16.0567 2 21.1304V21.1304Z"
            stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M46 46L34.6576 34.6576" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </span>
    </button>
    <button @click="close()" class="block p-1 absolute right-0 top-1/2 transform -translate-y-1/2" type="button">
      <span class="visually-hidden">Close (esc)</span>
      <span class="inline-block w-6 h-6"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></span>
    </button>
  </div>
  <div id="predictiveSearchResults" :class="{ 'opacity-0 bg-scheme-text/0': ! resultsOpen, 'bg-scheme-text/75' : resultsOpen }" tabindex="-1"
    class="text-scheme-text absolute left-0 right-0 h-screen transition-colors ease-out duration-300 z-50 opacity-0 bg-scheme-text/0">
    <template x-if="loading &amp;&amp; !results">
      <div class="bg-scheme-background">
        <div class="w-6 h-6 pt-12 pb-12 mx-auto" data-predictive-loading="">
          <div class="loading"></div>
        </div>
      </div>
    </template>
    <template x-if="resultsOpen">
      <div x-show="resultsOpen" class="max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-background pb-5 lg:pb-10 px-section scroll-pb-5 lg:scroll-pb-10" x-ref="results" @click.away.prevent="searchOpen = false">
      </div>
    </template>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

<form class="flex-auto flex flex-col" id="Facet-Filters-Form" @submit.prevent="filterFormSubmit">
  <div class="py-5 flex-auto overflow-y-auto px-5 -mx-5">
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion0"> Product Type <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion0" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Short Sleeves" id="Filter-Product Type-0-mobile">
              <label for="Filter-Product Type-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Short Sleeves <span class="inline-block ml-1">(101)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Long Sleeves &amp; Hoodies" id="Filter-Product Type-1-mobile">
              <label for="Filter-Product Type-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Long Sleeves &amp; Hoodies <span class="inline-block ml-1">(46)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Tanks" id="Filter-Product Type-2-mobile">
              <label for="Filter-Product Type-2-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Tanks <span class="inline-block ml-1">(5)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Bottoms" id="Filter-Product Type-3-mobile">
              <label for="Filter-Product Type-3-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Bottoms <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Kids" id="Filter-Product Type-4-mobile">
              <label for="Filter-Product Type-4-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Kids <span class="inline-block ml-1">(12)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Accessories" id="Filter-Product Type-5-mobile">
              <label for="Filter-Product Type-5-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Accessories <span class="inline-block ml-1">(61)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion1"> Size <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion1" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="XS" id="Filter-Size-0-mobile">
              <label for="Filter-Size-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> XS <span class="inline-block ml-1">(174)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="S" id="Filter-Size-1-mobile">
              <label for="Filter-Size-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> S <span class="inline-block ml-1">(187)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="M" id="Filter-Size-2-mobile">
              <label for="Filter-Size-2-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> M <span class="inline-block ml-1">(186)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="L" id="Filter-Size-3-mobile">
              <label for="Filter-Size-3-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> L <span class="inline-block ml-1">(187)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="XL" id="Filter-Size-4-mobile">
              <label for="Filter-Size-4-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> XL <span class="inline-block ml-1">(185)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YXS" id="Filter-Size-5-mobile">
              <label for="Filter-Size-5-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YXS <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YS" id="Filter-Size-6-mobile">
              <label for="Filter-Size-6-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YS <span class="inline-block ml-1">(11)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YM" id="Filter-Size-7-mobile">
              <label for="Filter-Size-7-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YM <span class="inline-block ml-1">(11)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YL" id="Filter-Size-8-mobile">
              <label for="Filter-Size-8-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YL <span class="inline-block ml-1">(11)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YXL" id="Filter-Size-9-mobile">
              <label for="Filter-Size-9-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YXL <span class="inline-block ml-1">(9)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="3-6m" id="Filter-Size-10-mobile">
              <label for="Filter-Size-10-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 3-6m <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="6M" id="Filter-Size-11-mobile">
              <label for="Filter-Size-11-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 6M <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="12M" id="Filter-Size-12-mobile">
              <label for="Filter-Size-12-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 12M <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="18M" id="Filter-Size-13-mobile">
              <label for="Filter-Size-13-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 18M <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="11 oz." id="Filter-Size-14-mobile">
              <label for="Filter-Size-14-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 11 oz. <span class="inline-block ml-1">(10)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="15 oz." id="Filter-Size-15-mobile">
              <label for="Filter-Size-15-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 15 oz. <span class="inline-block ml-1">(10)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="16 oz." id="Filter-Size-16-mobile">
              <label for="Filter-Size-16-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 16 oz. <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="20 oz." id="Filter-Size-17-mobile">
              <label for="Filter-Size-17-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 20 oz. <span class="inline-block ml-1">(6)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="24 oz." id="Filter-Size-18-mobile">
              <label for="Filter-Size-18-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 24 oz. <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="32 oz." id="Filter-Size-19-mobile">
              <label for="Filter-Size-19-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 32 oz. <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="2T" id="Filter-Size-20-mobile">
              <label for="Filter-Size-20-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 2T <span class="inline-block ml-1">(2)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="3T" id="Filter-Size-21-mobile">
              <label for="Filter-Size-21-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 3T <span class="inline-block ml-1">(2)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="4T" id="Filter-Size-22-mobile">
              <label for="Filter-Size-22-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 4T <span class="inline-block ml-1">(2)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="5T" id="Filter-Size-23-mobile">
              <label for="Filter-Size-23-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 5T <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="2X" id="Filter-Size-24-mobile">
              <label for="Filter-Size-24-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 2X <span class="inline-block ml-1">(184)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="3X" id="Filter-Size-25-mobile">
              <label for="Filter-Size-25-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 3X <span class="inline-block ml-1">(183)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="4X" id="Filter-Size-26-mobile">
              <label for="Filter-Size-26-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 4X <span class="inline-block ml-1">(180)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="5X" id="Filter-Size-27-mobile">
              <label for="Filter-Size-27-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 5X <span class="inline-block ml-1">(118)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 7/8" id="Filter-Size-28-mobile">
              <label for="Filter-Size-28-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 7/8 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 7 Plus/8 Plus" id="Filter-Size-29-mobile">
              <label for="Filter-Size-29-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 7 Plus/8 Plus <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 11" id="Filter-Size-30-mobile">
              <label for="Filter-Size-30-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 11 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 11 Pro" id="Filter-Size-31-mobile">
              <label for="Filter-Size-31-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 11 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 11 Pro Max" id="Filter-Size-32-mobile">
              <label for="Filter-Size-32-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 11 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12" id="Filter-Size-33-mobile">
              <label for="Filter-Size-33-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12 mini" id="Filter-Size-34-mobile">
              <label for="Filter-Size-34-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 mini <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12 Pro" id="Filter-Size-35-mobile">
              <label for="Filter-Size-35-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12 Pro Max" id="Filter-Size-36-mobile">
              <label for="Filter-Size-36-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13" id="Filter-Size-37-mobile">
              <label for="Filter-Size-37-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13 mini" id="Filter-Size-38-mobile">
              <label for="Filter-Size-38-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 mini <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13 Pro" id="Filter-Size-39-mobile">
              <label for="Filter-Size-39-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13 Pro Max" id="Filter-Size-40-mobile">
              <label for="Filter-Size-40-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14" id="Filter-Size-41-mobile">
              <label for="Filter-Size-41-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14 Plus" id="Filter-Size-42-mobile">
              <label for="Filter-Size-42-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 Plus <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14 Pro" id="Filter-Size-43-mobile">
              <label for="Filter-Size-43-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14 Pro Max" id="Filter-Size-44-mobile">
              <label for="Filter-Size-44-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15" id="Filter-Size-45-mobile">
              <label for="Filter-Size-45-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15 Plus" id="Filter-Size-46-mobile">
              <label for="Filter-Size-46-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 Plus <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15 Pro" id="Filter-Size-47-mobile">
              <label for="Filter-Size-47-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15 Pro Max" id="Filter-Size-48-mobile">
              <label for="Filter-Size-48-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone SE" id="Filter-Size-49-mobile">
              <label for="Filter-Size-49-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone SE <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone X/XS" id="Filter-Size-50-mobile">
              <label for="Filter-Size-50-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone X/XS <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone XR" id="Filter-Size-51-mobile">
              <label for="Filter-Size-51-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone XR <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone XS Max" id="Filter-Size-52-mobile">
              <label for="Filter-Size-52-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone XS Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion2"> Price <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion2" x-show="expanded" x-collapse="">
        <div class="">
          <div class="mt-2.5 flex items-center justify-start max-w-[20rem]">
            <div class="filter-group-display__price-range-from flex items-center justify-center grow">
              <span class="pr-1">$</span>
              <div class="relative w-full">
                <input name="filter.v.price.gte" class="w-full input placeholder:text-scheme-text" id="Filter-Price-GTE-mobile" type="number" placeholder="From" min="0" max="60">
                <label class="sr-only field__label" for="Filter-Price-GTE-mobile">From</label>
              </div>
            </div>
            <div class="px-2">–</div>
            <div class="filter-group-display__price-range-to  flex items-center justify-center grow">
              <span class="pr-1">$</span>
              <div class="relative w-full">
                <input name="filter.v.price.lte" class="w-full input placeholder:text-scheme-text" id="Filter-Price-LTE-mobile" type="number" placeholder="To" min="0" max="60">
                <label class="sr-only field__label" for="Filter-Price-LTE-mobile">To</label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion3"> Color <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion3" x-show="expanded" x-collapse="">
        <div class="">
          <div class="grid grid-cols-5 gap-1 -ml-0.5 mt-2.5">
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Beige" id="Filter-Color-0-mobile">
              <label for="Filter-Color-0-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/beige_120x.png?16302);
                                    background-color: beige;">
                  </span>
                </span>
                <span class="sr-only">Beige</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Black" id="Filter-Color-1-mobile">
              <label for="Filter-Color-1-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/black_120x.png?16302);
                                    background-color: black;">
                  </span>
                </span>
                <span class="sr-only">Black</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Blue" id="Filter-Color-2-mobile">
              <label for="Filter-Color-2-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/blue_120x.png?16302);
                                    background-color: blue;">
                  </span>
                </span>
                <span class="sr-only">Blue</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Brown" id="Filter-Color-3-mobile">
              <label for="Filter-Color-3-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/brown_120x.png?16302);
                                    background-color: brown;">
                  </span>
                </span>
                <span class="sr-only">Brown</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Dusty Rose" id="Filter-Color-4-mobile">
              <label for="Filter-Color-4-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/dusty-rose_120x.png?16302);
                                    background-color: rose;">
                  </span>
                </span>
                <span class="sr-only">Dusty Rose</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Gold" id="Filter-Color-5-mobile">
              <label for="Filter-Color-5-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/gold_120x.png?16302);
                                    background-color: gold;">
                  </span>
                </span>
                <span class="sr-only">Gold</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Gray" id="Filter-Color-6-mobile">
              <label for="Filter-Color-6-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/gray_120x.png?16302);
                                    background-color: gray;">
                  </span>
                </span>
                <span class="sr-only">Gray</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Green" id="Filter-Color-7-mobile">
              <label for="Filter-Color-7-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/green_120x.png?16302);
                                    background-color: green;">
                  </span>
                </span>
                <span class="sr-only">Green</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Grey" id="Filter-Color-8-mobile">
              <label for="Filter-Color-8-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/grey_120x.png?16302);
                                    background-color: grey;">
                  </span>
                </span>
                <span class="sr-only">Grey</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Mauve" id="Filter-Color-9-mobile">
              <label for="Filter-Color-9-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/mauve_120x.png?v=7494896313992779642);
                                    background-color: mauve;">
                  </span>
                </span>
                <span class="sr-only">Mauve</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Natural" id="Filter-Color-10-mobile">
              <label for="Filter-Color-10-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/natural_120x.png?v=12040497439669899552);
                                    background-color: natural;">
                  </span>
                </span>
                <span class="sr-only">Natural</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Orange" id="Filter-Color-11-mobile">
              <label for="Filter-Color-11-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/orange_120x.png?16302);
                                    background-color: orange;">
                  </span>
                </span>
                <span class="sr-only">Orange</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Pink" id="Filter-Color-12-mobile">
              <label for="Filter-Color-12-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/pink_120x.png?16302);
                                    background-color: pink;">
                  </span>
                </span>
                <span class="sr-only">Pink</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Poppy" id="Filter-Color-13-mobile">
              <label for="Filter-Color-13-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/poppy_120x.png?16302);
                                    background-color: poppy;">
                  </span>
                </span>
                <span class="sr-only">Poppy</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Purple" id="Filter-Color-14-mobile">
              <label for="Filter-Color-14-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/purple_120x.png?16302);
                                    background-color: purple;">
                  </span>
                </span>
                <span class="sr-only">Purple</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Red" id="Filter-Color-15-mobile">
              <label for="Filter-Color-15-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/red_120x.png?16302);
                                    background-color: red;">
                  </span>
                </span>
                <span class="sr-only">Red</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Silver" id="Filter-Color-16-mobile">
              <label for="Filter-Color-16-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/silver_120x.png?16302);
                                    background-color: silver;">
                  </span>
                </span>
                <span class="sr-only">Silver</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Steel Blue" id="Filter-Color-17-mobile">
              <label for="Filter-Color-17-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/steel-blue_120x.png?16302);
                                    background-color: blue;">
                  </span>
                </span>
                <span class="sr-only">Steel Blue</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Tie Dye" id="Filter-Color-18-mobile">
              <label for="Filter-Color-18-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/tie-dye_120x.png?16302);
                                    background-color: dye;">
                  </span>
                </span>
                <span class="sr-only">Tie Dye</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Yellow" id="Filter-Color-19-mobile">
              <label for="Filter-Color-19-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/yellow_120x.png?16302);
                                    background-color: yellow;">
                  </span>
                </span>
                <span class="sr-only">Yellow</span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion4"> Material <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion4" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.material" value="100% Cotton" id="Filter-Material-0-mobile">
              <label for="Filter-Material-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 100% Cotton <span class="inline-block ml-1">(146)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.material" value="Triblend (cotton/poly/spandex)" id="Filter-Material-1-mobile">
              <label for="Filter-Material-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Triblend (cotton/poly/spandex) <span class="inline-block ml-1">(42)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.material" value="Eco Triblend" id="Filter-Material-2-mobile">
              <label for="Filter-Material-2-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Eco Triblend <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion5"> Neckline <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion5" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.neckline" value="Crew" id="Filter-Neckline-0-mobile">
              <label for="Filter-Neckline-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Crew <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.neckline" value="V-neck" id="Filter-Neckline-1-mobile">
              <label for="Filter-Neckline-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> V-neck <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="my-5 ">
    <button class="push-btn w-full z-0" type="submit" @click.prevent="filterFormSubmit($event, 'filters')">
      <span class="push-btn-surface w-full"> Apply </span>
    </button>
  </div>
</form>

POST /contact#FooterNewsletter

<form method="post" action="/contact#FooterNewsletter" id="FooterNewsletter" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
  <div class="lg:flex items-center justify-center">
    <input type="hidden" name="contact[tags]" value="newsletter">
    <label for="NewsletterForm-sections--17090740551914__footer" class="sr-only"> Email Address </label>
    <div class=" w-full lg:mr-2 flex-grow">
      <input id="NewsletterForm-sections--17090740551914__footer" type="email" name="contact[email]" class="input--background input-group-field w-full placeholder:text-scheme-text text-scheme-text border-scheme-text" value="" autocorrect="off"
        autocapitalize="off" autocomplete="email" placeholder="email@example.com" required="">
    </div>
    <button type="submit" class="push-btn push-btn--pop w-full lg:w-auto mt-2.5 lg:mt-0" name="commit" id="Subscribe-sections--17090740551914__footer">
      <span class="push-btn-surface w-full">Subscribe</span>
    </button>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" data-disclosure-form=""><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/all-products-fg?aca=619d239ee9f1cb00171dad2b&amp;flowID=66d4b485582766bb27c79f68&amp;omnisendContactID=66cdb30fe1dade93bbb7af05&amp;utm_campaign=automation%3A+Welcome+Series+%2867151577a8fb0f7502c28202%29&amp;utm_content=67151577a8fb0f7502c28202_y6KT3Jdt&amp;utm_medium=sms&amp;utm_source=omnisend">
  <div class="inline-block ">
    <h2 class="visually-hidden" id="country-heading"> Country/region </h2>
    <div class="relative" data-disclosure-country="">
      <button type="button" class="disclosure-btn text-sm border-b-text border-scheme-text py-1 flex items-center" aria-expanded="false" aria-controls="country-list" aria-describedby="country-heading" data-disclosure-toggle="">
        <span>United States (USD $)</span>
        <span class="chevron-down inline-block ml-2 w-3 fill-current">
          <svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <span class="chevron-up inline-block ml-2 w-3 fill-current transform rotate-180">
          <svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <ul id="country-list" class="disclosure-list absolute bg-scheme-card top-0 left-0 lg:left-auto lg:right-0 transform transition-opacity py-2" data-disclosure-list="" inert="">
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Afghanistan (AFN ؋)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AX" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Åland Islands (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Albania (ALL L)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Algeria (DZD د.ج)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AD" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Andorra (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Angola (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Anguilla (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Antigua &amp; Barbuda (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Argentina (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Armenia (AMD դր.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Aruba (AWG ƒ)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Ascension Island (SHP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AU" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Australia (AUD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Austria (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Azerbaijan (AZN ₼)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bahamas (BSD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bahrain (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BD" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bangladesh (BDT ৳)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BB" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Barbados (BBD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Belarus (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Belgium (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Belize (BZD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BJ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Benin (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bermuda (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bhutan (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bolivia (BOB Bs.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bosnia &amp; Herzegovina (BAM КМ)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Botswana (BWP P)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Brazil (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">British Indian Ocean Territory (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">British Virgin Islands (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Brunei (BND $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Bulgaria (BGN лв.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Burkina Faso (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Burundi (BIF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Cambodia (KHR ៛)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Cameroon (XAF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Canada (CAD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CV" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Cape Verde (CVE $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BQ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Caribbean Netherlands (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Cayman Islands (KYD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Central African Republic (XAF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TD" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Chad (XAF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Chile (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">China (CNY ¥)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CX" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Christmas Island (AUD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Cocos (Keeling) Islands (AUD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Colombia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Comoros (KMF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Congo - Brazzaville (XAF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CD" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Congo - Kinshasa (CDF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Cook Islands (NZD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Costa Rica (CRC ₡)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Côte d’Ivoire (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Croatia (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Curaçao (ANG ƒ)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Cyprus (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Czechia (CZK Kč)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Denmark (DKK kr.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DJ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Djibouti (DJF Fdj)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Dominica (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Dominican Republic (DOP $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Ecuador (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Egypt (EGP ج.م)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SV" data-disclosure-option="">
                          <span class="border-transparent border-b-text">El Salvador (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GQ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Equatorial Guinea (XAF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ER" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Eritrea (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Estonia (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Eswatini (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ET" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Ethiopia (ETB Br)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Falkland Islands (FKP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Faroe Islands (DKK kr.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FJ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Fiji (FJD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Finland (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">France (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">French Guiana (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">French Polynesia (XPF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">French Southern Territories (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Gabon (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Gambia (GMD D)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Georgia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Germany (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Ghana (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Gibraltar (GBP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Greece (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Greenland (DKK kr.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GD" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Grenada (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GP" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Guadeloupe (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Guatemala (GTQ Q)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Guernsey (GBP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Guinea (GNF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Guinea-Bissau (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Guyana (GYD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Haiti (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Honduras (HNL L)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Hong Kong SAR (HKD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HU" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Hungary (HUF Ft)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Iceland (ISK kr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">India (INR ₹)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ID" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Indonesia (IDR Rp)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IQ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Iraq (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Ireland (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Isle of Man (GBP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Israel (ILS ₪)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Italy (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Jamaica (JMD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JP" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Japan (JPY ¥)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Jersey (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Jordan (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Kazakhstan (KZT 〒)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Kenya (KES KSh)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Kiribati (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="XK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Kosovo (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Kuwait (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Kyrgyzstan (KGS som)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Laos (LAK ₭)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LV" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Latvia (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LB" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Lebanon (LBP ل.ل)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Lesotho (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Liberia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Libya (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Liechtenstein (CHF CHF)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Lithuania (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LU" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Luxembourg (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Macao SAR (MOP P)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Madagascar (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Malawi (MWK MK)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Malaysia (MYR RM)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MV" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Maldives (MVR MVR)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ML" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Mali (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Malta (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MQ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Martinique (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Mauritania (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MU" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Mauritius (MUR ₨)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="YT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Mayotte (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MX" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Mexico (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MD" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Moldova (MDL L)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Monaco (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Mongolia (MNT ₮)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ME" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Montenegro (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Montserrat (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Morocco (MAD د.م.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Mozambique (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Myanmar (Burma) (MMK K)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Namibia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Nauru (AUD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NP" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Nepal (NPR ₨)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Netherlands (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">New Caledonia (XPF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">New Zealand (NZD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Nicaragua (NIO C$)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Niger (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Nigeria (NGN ₦)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NU" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Niue (NZD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Norfolk Island (AUD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">North Macedonia (MKD ден)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Norway (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="OM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Oman (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Pakistan (PKR ₨)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Palestinian Territories (ILS ₪)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Panama (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Papua New Guinea (PGK K)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Paraguay (PYG ₲)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Peru (PEN S/.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Philippines (PHP ₱)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Pitcairn Islands (NZD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Poland (PLN zł)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Portugal (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="QA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Qatar (QAR ر.ق)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Réunion (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Romania (RON Lei)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RU" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Russia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Rwanda (RWF FRw)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="WS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Samoa (WST T)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">San Marino (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ST" data-disclosure-option="">
                          <span class="border-transparent border-b-text">São Tomé &amp; Príncipe (STD Db)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Saudi Arabia (SAR ر.س)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Senegal (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Serbia (RSD РСД)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Seychelles (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Sierra Leone (SLL Le)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Singapore (SGD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SX" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Sint Maarten (ANG ƒ)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Slovakia (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SI" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Slovenia (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SB" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Solomon Islands (SBD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Somalia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ZA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">South Africa (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">South Georgia &amp; South Sandwich Islands (GBP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">South Korea (KRW ₩)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SS" data-disclosure-option="">
                          <span class="border-transparent border-b-text">South Sudan (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ES" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Spain (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Sri Lanka (LKR ₨)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">St. Barthélemy (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">St. Helena (SHP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">St. Kitts &amp; Nevis (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">St. Lucia (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">St. Martin (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">St. Pierre &amp; Miquelon (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">St. Vincent &amp; Grenadines (XCD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SD" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Sudan (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Suriname (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SJ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Svalbard &amp; Jan Mayen (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Sweden (SEK kr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Switzerland (CHF CHF)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Taiwan (TWD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TJ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Tajikistan (TJS ЅМ)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Tanzania (TZS Sh)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Thailand (THB ฿)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TL" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Timor-Leste (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Togo (XOF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TK" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Tokelau (NZD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TO" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Tonga (TOP T$)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TT" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Trinidad &amp; Tobago (TTD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Tristan da Cunha (GBP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Tunisia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TR" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Türkiye (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Turkmenistan (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TC" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Turks &amp; Caicos Islands (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TV" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Tuvalu (AUD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">U.S. Outlying Islands (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UG" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Uganda (UGX USh)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Ukraine (UAH ₴)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">United Arab Emirates (AED د.إ)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GB" data-disclosure-option="">
                          <span class="border-transparent border-b-text">United Kingdom (GBP £)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" aria-current="true" data-value="US" data-disclosure-option="">
                          <span class="border-scheme-text border-b-text">United States (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UY" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Uruguay (UYU $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UZ" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Uzbekistan (UZS )</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VU" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Vanuatu (VUV Vt)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VA" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Vatican City (EUR €)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Venezuela (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VN" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Vietnam (VND ₫)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="WF" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Wallis &amp; Futuna (XPF Fr)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EH" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Western Sahara (MAD د.م.)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="YE" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Yemen (YER ﷼)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ZM" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Zambia (USD $)</span>
                        </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ZW" data-disclosure-option="">
                          <span class="border-transparent border-b-text">Zimbabwe (USD $)</span>
                        </a>
        </li>
      </ul>
      <input type="hidden" name="country_code" id="CountrySelector" value="US" data-disclosure-input="">
    </div>
  </div>
</form>

POST /cart

<form action="/cart" method="post" style="display:none;" class="pf-form-processed"><label for="hs-checkout-bold">Checkout:</label><input type="submit" name="checkout" id="hs-checkout-bold" value="Check Out"><label for="agree">Agree:</label><input
    type="checkbox" id="agree" checked="checked"></form>

GET /search

<form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search">
  <label for="Search" class="visually-hidden"> Search </label>
  <input type="search" name="q" id="Search" class="pr-12 placeholder-current input w-full" value="" placeholder="Search">
  <button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit">
    <span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M2 21.1304C2 26.2041 4.01552 31.07 7.60317 34.6577C11.1908 38.2453 16.0567 40.2609 21.1304 40.2609C26.2041 40.2609 31.07 38.2453 34.6577 34.6577C38.2453 31.07 40.2609 26.2041 40.2609 21.1304C40.2609 16.0567 38.2453 11.1908 34.6577 7.60317C31.07 4.01552 26.2041 2 21.1304 2C16.0567 2 11.1908 4.01552 7.60317 7.60317C4.01552 11.1908 2 16.0567 2 21.1304V21.1304Z"
          stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M46 46L34.6576 34.6576" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </span>
    <span class="visually-hidden">Search</span>
  </button>
</form>

<form class="flex-auto flex flex-col" id="Facet-Filters-Form" @submit.prevent="filterFormSubmit">
  <div class="py-5 flex-auto overflow-y-auto px-5 -mx-5">
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion0" aria-expanded="true"> Product Type <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition rotate-180" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion0" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Short Sleeves" id="Filter-Product Type-0-mobile">
              <label for="Filter-Product Type-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Short Sleeves <span class="inline-block ml-1">(101)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Long Sleeves &amp; Hoodies" id="Filter-Product Type-1-mobile">
              <label for="Filter-Product Type-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Long Sleeves &amp; Hoodies <span class="inline-block ml-1">(46)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Tanks" id="Filter-Product Type-2-mobile">
              <label for="Filter-Product Type-2-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Tanks <span class="inline-block ml-1">(5)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Bottoms" id="Filter-Product Type-3-mobile">
              <label for="Filter-Product Type-3-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Bottoms <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Kids" id="Filter-Product Type-4-mobile">
              <label for="Filter-Product Type-4-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Kids <span class="inline-block ml-1">(12)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.product_type" value="Accessories" id="Filter-Product Type-5-mobile">
              <label for="Filter-Product Type-5-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Accessories <span class="inline-block ml-1">(61)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion1" aria-expanded="true"> Size <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition rotate-180" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion1" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="XS" id="Filter-Size-0-mobile">
              <label for="Filter-Size-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> XS <span class="inline-block ml-1">(174)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="S" id="Filter-Size-1-mobile">
              <label for="Filter-Size-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> S <span class="inline-block ml-1">(187)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="M" id="Filter-Size-2-mobile">
              <label for="Filter-Size-2-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> M <span class="inline-block ml-1">(186)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="L" id="Filter-Size-3-mobile">
              <label for="Filter-Size-3-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> L <span class="inline-block ml-1">(187)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="XL" id="Filter-Size-4-mobile">
              <label for="Filter-Size-4-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> XL <span class="inline-block ml-1">(185)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YXS" id="Filter-Size-5-mobile">
              <label for="Filter-Size-5-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YXS <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YS" id="Filter-Size-6-mobile">
              <label for="Filter-Size-6-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YS <span class="inline-block ml-1">(11)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YM" id="Filter-Size-7-mobile">
              <label for="Filter-Size-7-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YM <span class="inline-block ml-1">(11)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YL" id="Filter-Size-8-mobile">
              <label for="Filter-Size-8-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YL <span class="inline-block ml-1">(11)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="YXL" id="Filter-Size-9-mobile">
              <label for="Filter-Size-9-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> YXL <span class="inline-block ml-1">(9)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="3-6m" id="Filter-Size-10-mobile">
              <label for="Filter-Size-10-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 3-6m <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="6M" id="Filter-Size-11-mobile">
              <label for="Filter-Size-11-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 6M <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="12M" id="Filter-Size-12-mobile">
              <label for="Filter-Size-12-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 12M <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="18M" id="Filter-Size-13-mobile">
              <label for="Filter-Size-13-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 18M <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="11 oz." id="Filter-Size-14-mobile">
              <label for="Filter-Size-14-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 11 oz. <span class="inline-block ml-1">(10)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="15 oz." id="Filter-Size-15-mobile">
              <label for="Filter-Size-15-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 15 oz. <span class="inline-block ml-1">(10)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="16 oz." id="Filter-Size-16-mobile">
              <label for="Filter-Size-16-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 16 oz. <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="20 oz." id="Filter-Size-17-mobile">
              <label for="Filter-Size-17-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 20 oz. <span class="inline-block ml-1">(6)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="24 oz." id="Filter-Size-18-mobile">
              <label for="Filter-Size-18-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 24 oz. <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="32 oz." id="Filter-Size-19-mobile">
              <label for="Filter-Size-19-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 32 oz. <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="2T" id="Filter-Size-20-mobile">
              <label for="Filter-Size-20-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 2T <span class="inline-block ml-1">(2)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="3T" id="Filter-Size-21-mobile">
              <label for="Filter-Size-21-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 3T <span class="inline-block ml-1">(2)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="4T" id="Filter-Size-22-mobile">
              <label for="Filter-Size-22-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 4T <span class="inline-block ml-1">(2)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="5T" id="Filter-Size-23-mobile">
              <label for="Filter-Size-23-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 5T <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="2X" id="Filter-Size-24-mobile">
              <label for="Filter-Size-24-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 2X <span class="inline-block ml-1">(184)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="3X" id="Filter-Size-25-mobile">
              <label for="Filter-Size-25-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 3X <span class="inline-block ml-1">(183)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="4X" id="Filter-Size-26-mobile">
              <label for="Filter-Size-26-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 4X <span class="inline-block ml-1">(180)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="5X" id="Filter-Size-27-mobile">
              <label for="Filter-Size-27-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 5X <span class="inline-block ml-1">(118)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 7/8" id="Filter-Size-28-mobile">
              <label for="Filter-Size-28-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 7/8 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 7 Plus/8 Plus" id="Filter-Size-29-mobile">
              <label for="Filter-Size-29-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 7 Plus/8 Plus <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 11" id="Filter-Size-30-mobile">
              <label for="Filter-Size-30-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 11 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 11 Pro" id="Filter-Size-31-mobile">
              <label for="Filter-Size-31-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 11 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 11 Pro Max" id="Filter-Size-32-mobile">
              <label for="Filter-Size-32-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 11 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12" id="Filter-Size-33-mobile">
              <label for="Filter-Size-33-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12 mini" id="Filter-Size-34-mobile">
              <label for="Filter-Size-34-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 mini <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12 Pro" id="Filter-Size-35-mobile">
              <label for="Filter-Size-35-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 12 Pro Max" id="Filter-Size-36-mobile">
              <label for="Filter-Size-36-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 12 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13" id="Filter-Size-37-mobile">
              <label for="Filter-Size-37-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13 mini" id="Filter-Size-38-mobile">
              <label for="Filter-Size-38-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 mini <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13 Pro" id="Filter-Size-39-mobile">
              <label for="Filter-Size-39-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 13 Pro Max" id="Filter-Size-40-mobile">
              <label for="Filter-Size-40-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 13 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14" id="Filter-Size-41-mobile">
              <label for="Filter-Size-41-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14 Plus" id="Filter-Size-42-mobile">
              <label for="Filter-Size-42-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 Plus <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14 Pro" id="Filter-Size-43-mobile">
              <label for="Filter-Size-43-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 14 Pro Max" id="Filter-Size-44-mobile">
              <label for="Filter-Size-44-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 14 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15" id="Filter-Size-45-mobile">
              <label for="Filter-Size-45-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15 Plus" id="Filter-Size-46-mobile">
              <label for="Filter-Size-46-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 Plus <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15 Pro" id="Filter-Size-47-mobile">
              <label for="Filter-Size-47-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 Pro <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone 15 Pro Max" id="Filter-Size-48-mobile">
              <label for="Filter-Size-48-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone 15 Pro Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone SE" id="Filter-Size-49-mobile">
              <label for="Filter-Size-49-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone SE <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone X/XS" id="Filter-Size-50-mobile">
              <label for="Filter-Size-50-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone X/XS <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone XR" id="Filter-Size-51-mobile">
              <label for="Filter-Size-51-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone XR <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.size" value="iPhone XS Max" id="Filter-Size-52-mobile">
              <label for="Filter-Size-52-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> iPhone XS Max <span class="inline-block ml-1">(1)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion2" aria-expanded="true"> Price <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition rotate-180" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion2" x-show="expanded" x-collapse="">
        <div class="">
          <div class="mt-2.5 flex items-center justify-start max-w-[20rem]">
            <div class="filter-group-display__price-range-from flex items-center justify-center grow">
              <span class="pr-1">$</span>
              <div class="relative w-full">
                <input name="filter.v.price.gte" class="w-full input placeholder:text-scheme-text" id="Filter-Price-GTE-mobile" type="number" placeholder="From" min="0" max="60">
                <label class="sr-only field__label" for="Filter-Price-GTE-mobile">From</label>
              </div>
            </div>
            <div class="px-2">–</div>
            <div class="filter-group-display__price-range-to  flex items-center justify-center grow">
              <span class="pr-1">$</span>
              <div class="relative w-full">
                <input name="filter.v.price.lte" class="w-full input placeholder:text-scheme-text" id="Filter-Price-LTE-mobile" type="number" placeholder="To" min="0" max="60">
                <label class="sr-only field__label" for="Filter-Price-LTE-mobile">To</label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion3" aria-expanded="true"> Color <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition rotate-180" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion3" x-show="expanded" x-collapse="">
        <div class="">
          <div class="grid grid-cols-5 gap-1 -ml-0.5 mt-2.5">
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Beige" id="Filter-Color-0-mobile">
              <label for="Filter-Color-0-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/beige_120x.png?16302);
                                    background-color: beige;">
                  </span>
                </span>
                <span class="sr-only">Beige</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Black" id="Filter-Color-1-mobile">
              <label for="Filter-Color-1-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/black_120x.png?16302);
                                    background-color: black;">
                  </span>
                </span>
                <span class="sr-only">Black</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Blue" id="Filter-Color-2-mobile">
              <label for="Filter-Color-2-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/blue_120x.png?16302);
                                    background-color: blue;">
                  </span>
                </span>
                <span class="sr-only">Blue</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Brown" id="Filter-Color-3-mobile">
              <label for="Filter-Color-3-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/brown_120x.png?16302);
                                    background-color: brown;">
                  </span>
                </span>
                <span class="sr-only">Brown</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Dusty Rose" id="Filter-Color-4-mobile">
              <label for="Filter-Color-4-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/dusty-rose_120x.png?16302);
                                    background-color: rose;">
                  </span>
                </span>
                <span class="sr-only">Dusty Rose</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Gold" id="Filter-Color-5-mobile">
              <label for="Filter-Color-5-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/gold_120x.png?16302);
                                    background-color: gold;">
                  </span>
                </span>
                <span class="sr-only">Gold</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Gray" id="Filter-Color-6-mobile">
              <label for="Filter-Color-6-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/gray_120x.png?16302);
                                    background-color: gray;">
                  </span>
                </span>
                <span class="sr-only">Gray</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Green" id="Filter-Color-7-mobile">
              <label for="Filter-Color-7-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/green_120x.png?16302);
                                    background-color: green;">
                  </span>
                </span>
                <span class="sr-only">Green</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Grey" id="Filter-Color-8-mobile">
              <label for="Filter-Color-8-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/grey_120x.png?16302);
                                    background-color: grey;">
                  </span>
                </span>
                <span class="sr-only">Grey</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Mauve" id="Filter-Color-9-mobile">
              <label for="Filter-Color-9-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/mauve_120x.png?v=7494896313992779642);
                                    background-color: mauve;">
                  </span>
                </span>
                <span class="sr-only">Mauve</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Natural" id="Filter-Color-10-mobile">
              <label for="Filter-Color-10-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/natural_120x.png?v=12040497439669899552);
                                    background-color: natural;">
                  </span>
                </span>
                <span class="sr-only">Natural</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Orange" id="Filter-Color-11-mobile">
              <label for="Filter-Color-11-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/orange_120x.png?16302);
                                    background-color: orange;">
                  </span>
                </span>
                <span class="sr-only">Orange</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Pink" id="Filter-Color-12-mobile">
              <label for="Filter-Color-12-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/pink_120x.png?16302);
                                    background-color: pink;">
                  </span>
                </span>
                <span class="sr-only">Pink</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Poppy" id="Filter-Color-13-mobile">
              <label for="Filter-Color-13-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/poppy_120x.png?16302);
                                    background-color: poppy;">
                  </span>
                </span>
                <span class="sr-only">Poppy</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Purple" id="Filter-Color-14-mobile">
              <label for="Filter-Color-14-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/purple_120x.png?16302);
                                    background-color: purple;">
                  </span>
                </span>
                <span class="sr-only">Purple</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Red" id="Filter-Color-15-mobile">
              <label for="Filter-Color-15-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/red_120x.png?16302);
                                    background-color: red;">
                  </span>
                </span>
                <span class="sr-only">Red</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Silver" id="Filter-Color-16-mobile">
              <label for="Filter-Color-16-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/silver_120x.png?16302);
                                    background-color: silver;">
                  </span>
                </span>
                <span class="sr-only">Silver</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Steel Blue" id="Filter-Color-17-mobile">
              <label for="Filter-Color-17-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/steel-blue_120x.png?16302);
                                    background-color: blue;">
                  </span>
                </span>
                <span class="sr-only">Steel Blue</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Tie Dye" id="Filter-Color-18-mobile">
              <label for="Filter-Color-18-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/tie-dye_120x.png?16302);
                                    background-color: dye;">
                  </span>
                </span>
                <span class="sr-only">Tie Dye</span>
              </label>
            </div>
            <div class="inline-block relative variant-input">
              <input type="checkbox" class="color-swatch cursor-pointer absolute top-0 left-0 w-full h-full opacity-0" name="filter.v.option.color" value="Yellow" id="Filter-Color-19-mobile">
              <label for="Filter-Color-19-mobile" class="relative block p-0.5 min-w-4 cursor-pointer  flex items-center hover:text--accent-1"><span class="block w-full border-scheme-text border-input color-swatch-input">
                  <span class="block w-full bg-cover" style="
                                    padding-top: 100%;
                                    background-image: url(https://kindcotton.com/cdn/shop/files/yellow_120x.png?16302);
                                    background-color: yellow;">
                  </span>
                </span>
                <span class="sr-only">Yellow</span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion4" aria-expanded="true"> Material <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition rotate-180" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion4" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.material" value="100% Cotton" id="Filter-Material-0-mobile">
              <label for="Filter-Material-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> 100% Cotton <span class="inline-block ml-1">(146)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.material" value="Triblend (cotton/poly/spandex)" id="Filter-Material-1-mobile">
              <label for="Filter-Material-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Triblend (cotton/poly/spandex) <span class="inline-block ml-1">(42)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.p.m.custom.material" value="Eco Triblend" id="Filter-Material-2-mobile">
              <label for="Filter-Material-2-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Eco Triblend <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="mb-4" x-data="{ expanded: true }">
      <button type="button" class="w-full flex items-center py-2 font-main text-left text-base" :aria-expanded="expanded" @click="expanded = ! expanded" aria-controls="accordion5" aria-expanded="true"> Neckline <span
          class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition rotate-180" :class="{'rotate-180': expanded }"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12"
              stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
      </button>
      <div id="accordion5" x-show="expanded" x-collapse="">
        <div class="">
          <ul class="mt-2.5">
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.neckline" value="Crew" id="Filter-Neckline-0-mobile">
              <label for="Filter-Neckline-0-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> Crew <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
            <li class="custom-checkbox flex justify-start items-center mt-2">
              <input type="checkbox" class="sr-only absolute" name="filter.v.option.neckline" value="V-neck" id="Filter-Neckline-1-mobile">
              <label for="Filter-Neckline-1-mobile" class="cursor-pointer  flex items-center hover:text--accent-1">
                <span class="custom-checkbox__input"></span> V-neck <span class="inline-block ml-1">(4)</span>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="my-5 ">
    <button class="push-btn w-full z-0" type="submit" @click.prevent="filterFormSubmit($event, 'filters')">
      <span class="push-btn-surface w-full"> Apply </span>
    </button>
  </div>
</form>

POST /cart

<form action="/cart" method="post" novalidate="" class="pf-form-processed">
  <div class="hs-finalize-purchase">
    <div class="hs-content-buttons">
      <div class="hs-content-checkout-button hs-button-100-w"><button data-ocu-checkout="true" name="checkout" type="submit" class="hs-checkout-purchase checkout-x-buy-now-btn hs-button-100-w btn hs-event-static"><span class="hs-add--to--cart">
            <div class="hs-checkout-text">Checkout</div>
          </span><span class="hs--loading">
            <div class="hs-spinner"></div>
          </span></button></div>
    </div>
    <div class="hs-content-additional-buttons">
      <div id="hs-additional-buttons" style="display:none;">
        <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"></div>
      </div>
    </div>
    <div class="si-widget">
    </div>
    <div class="giraffly-trust-badge"></div>
  </div>
</form>

Text Content

Skip to content
New additions to our VOTE collection are here!
Menu
Menu


MAIN MENU

 * Shop by Style
   
    * Best Sellers
   
    * New Arrivals 🎉
    * Tees & Tanks
    * Long Sleeves
    * Bottoms
    * Kids
    * Accessories
    * Sale

 * Shop by Cause
   
    * VOTE
    * Gun Reform
    * Social Justice
    * PRIDE
    * Educators
    * Climate Conscious
    * Self Love & Self Care
    * Mental Health
    * Be Kind
    * Book Related
    * Women's Rights
    * Bright Littles
    * Deonna Smith

 * Goodies
   
    * Hats
    * Bags
    * Mugs & Cups
    * Stickers & Buttons
    * Notebooks & Writing
    * For the Home
    * Books & Reading
    * Kind Cotton Gift Card

 * Tee of the Month
 * Rewards
 * Books & Giving
 * Story

 * Log in
 * Create account

 * Facebook
 * Instagram
 * TikTok
 * YouTube


MAIN MENU

Close (esc)
 * Shop by Style
   
    * New Arrivals
    * Best Sellers
    * Tees & Tanks
    * Long Sleeves & Hoodies
    * Bottoms
    * Kids
    * Accessories
    * Sale

 * Shop by Cause
   
    * VOTE 🗳️
    * Gun Reform 🚫
    * Social Justice ✌️
    * Pride 🏳️‍🌈
    * Education ✏️
    * Climate Action 🌎
    * Self Love & Self Care ❤️
    * Mental Health 🧠
    * Be Kind 💕
    * Book-Related 📚
    * Women's Rights 👩
    * Bright Littles ⭐️
    * Deonna Smith 🌼

 * Goodies
   
    * Hats & Headbands
    * Totes & Bags
    * Cups & Mugs
    * Stickers & Pins
    * Notebooks & Writing
    * Home Decor
    * Books & Reading
    * Gift Cards

 * Tee of the Month
 * Rewards
 * Books & Giving
 * Story

 * Log in
 * Create account

Search Search
 * Facebook
 * Instagram
 * TikTok
 * YouTube


Log in
Search our site
Search Close (esc)

Cart 0
Cart items


*SUCCESS*

FREE GIFT UNLOCKED!

SHOP NOW & ADD $15+ TO YOUR CART TO CHOOSE YOUR GIFT :)



If you are not prompted to choose a free gift, email us your order# ,
info@kindcotton.com




ALL PRODUCTS


Filter
268 products
Sort
 * 'Kindness is' Pride Classic Tee
   238 reviews
   
   
   'KINDNESS IS' PRIDE CLASSIC TEE
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 
 * 'Kindness is' Classic Tee
   238 reviews
   
   
   'KINDNESS IS' CLASSIC TEE
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 
 * 'Kindness Is' Pride Pullover Fleece
   209 reviews
   
   
   'KINDNESS IS' PRIDE PULLOVER FLEECE
   
   Regular price $50.00
   Regular price Sale price $50.00
   Unit price /  per 
 * Reproductive Rights Classic Tee
   87 reviews
   
   
   REPRODUCTIVE RIGHTS CLASSIC TEE
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 
 * Be Kind Mask
   158 reviews
   
   
   BE KIND MASK
   
   Regular price $5.00
   Regular price $12.00 Sale price $5.00
   Unit price /  per 
   On Sale
 * 'Kindness Is' Pride Magnet
   23 reviews
   
   
   'KINDNESS IS' PRIDE MAGNET
   
   Regular price $8.00
   Regular price $12.00 Sale price $8.00
   Unit price /  per 
   On Sale
   Sold Out
 * 'Kindness is' Pride Classic V
   77 reviews
   
   
   'KINDNESS IS' PRIDE CLASSIC V
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 
 * 'Kindness Is' Pride Classic Long Sleeve
   87 reviews
   
   
   'KINDNESS IS' PRIDE CLASSIC LONG SLEEVE
   
   Regular price $34.00
   Regular price Sale price $34.00
   Unit price /  per 
 * 'Mental Health Is' Classic Tee
   44 reviews
   
   
   'MENTAL HEALTH IS' CLASSIC TEE
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 
 * 'Kindness Is' Pride Kids Tee
   17 reviews
   
   
   'KINDNESS IS' PRIDE KIDS TEE
   
   Regular price $20.00
   Regular price $0.00 Sale price $20.00
   Unit price /  per 
 * 'Kindness is' Pride Classic Tank
   30 reviews
   
   
   'KINDNESS IS' PRIDE CLASSIC TANK
   
   Regular price $25.00
   Regular price $27.00 Sale price $25.00
   Unit price /  per 
   On Sale
 * 'Kindness is' Pride Racerback
   19 reviews
   
   
   'KINDNESS IS' PRIDE RACERBACK
   
   Regular price $25.00
   Regular price $27.00 Sale price $25.00
   Unit price /  per 
   On Sale
 * 'Kindness Is' Pride Tumbler
   23 reviews
   
   
   'KINDNESS IS' PRIDE TUMBLER
   
   Regular price $24.00
   Regular price Sale price $24.00
   Unit price /  per 
 * Teachers for Change Classic Tee
   27 reviews
   
   
   TEACHERS FOR CHANGE CLASSIC TEE
   
   Regular price $20.00
   Regular price $30.00 Sale price $20.00
   Unit price /  per 
   On Sale
 * Protect Public Education Classic Tee
   13 reviews
   
   
   PROTECT PUBLIC EDUCATION CLASSIC TEE
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 
 * 'Kindness Is' Pullover Fleece
   42 reviews
   
   
   'KINDNESS IS' PULLOVER FLEECE
   
   Regular price $50.00
   Regular price Sale price $50.00
   Unit price /  per 
 * Be Kind Baseball Hat
   32 reviews
   
   
   BE KIND BASEBALL HAT
   
   Regular price $25.00
   Regular price Sale price $25.00
   Unit price /  per 
 * All Are Welcome Here Classic Tee
   27 reviews
   
   
   ALL ARE WELCOME HERE CLASSIC TEE
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 
 * Empathy Over Everything Long Sleeve
   24 reviews
   
   
   EMPATHY OVER EVERYTHING LONG SLEEVE
   
   Regular price $34.00
   Regular price Sale price $34.00
   Unit price /  per 
 * Teach Children Social Justice Classic Tee
   22 reviews
   
   
   TEACH CHILDREN SOCIAL JUSTICE CLASSIC TEE
   
   Regular price $30.00
   Regular price Sale price $30.00
   Unit price /  per 

 * 1
 * 2
 * 3
 * …
 * 14




FILTER

Close (esc)
Product Type
 * Short Sleeves (101)
 * Long Sleeves & Hoodies (46)
 * Tanks (5)
 * Bottoms (1)
 * Kids (12)
 * Accessories (61)

Size
 * XS (174)
 * S (187)
 * M (186)
 * L (187)
 * XL (185)
 * YXS (4)
 * YS (11)
 * YM (11)
 * YL (11)
 * YXL (9)
 * 3-6m (1)
 * 6M (1)
 * 12M (1)
 * 18M (1)
 * 11 oz. (10)
 * 15 oz. (10)
 * 16 oz. (1)
 * 20 oz. (6)
 * 24 oz. (1)
 * 32 oz. (1)
 * 2T (2)
 * 3T (2)
 * 4T (2)
 * 5T (1)
 * 2X (184)
 * 3X (183)
 * 4X (180)
 * 5X (118)
 * iPhone 7/8 (1)
 * iPhone 7 Plus/8 Plus (1)
 * iPhone 11 (1)
 * iPhone 11 Pro (1)
 * iPhone 11 Pro Max (1)
 * iPhone 12 (1)
 * iPhone 12 mini (1)
 * iPhone 12 Pro (1)
 * iPhone 12 Pro Max (1)
 * iPhone 13 (1)
 * iPhone 13 mini (1)
 * iPhone 13 Pro (1)
 * iPhone 13 Pro Max (1)
 * iPhone 14 (1)
 * iPhone 14 Plus (1)
 * iPhone 14 Pro (1)
 * iPhone 14 Pro Max (1)
 * iPhone 15 (1)
 * iPhone 15 Plus (1)
 * iPhone 15 Pro (1)
 * iPhone 15 Pro Max (1)
 * iPhone SE (1)
 * iPhone X/XS (1)
 * iPhone XR (1)
 * iPhone XS Max (1)

Price
$
From
–
$
To
Color
Beige
Black
Blue
Brown
Dusty Rose
Gold
Gray
Green
Grey
Mauve
Natural
Orange
Pink
Poppy
Purple
Red
Silver
Steel Blue
Tie Dye
Yellow
Material
 * 100% Cotton (146)
 * Triblend (cotton/poly/spandex) (42)
 * Eco Triblend (4)

Neckline
 * Crew (4)
 * V-neck (4)

Apply


SORT

Close (esc)
Featured
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old
Apply



EVERY PURCHASE PROVIDES A BOOK TO A CHILD ❤

164,003 books & counting

 * All Products
 * Returns & Exchanges
 * Shipping Policy
 * Accessibility
 * Privacy Policy
 * Terms
 * Contact Us

 * Our Clothing
 * Give a Tee, Get a Tee
 * Ambassadors & Affiliates
 * Wholesale
 * Fundraising
 * Authors & Publishing
 * Speaking Engagements
 * Book Recommendations


JOIN OUR KINDNESS CREW

Email Address

Subscribe

© 2024, Kind Cotton. Powered by Shopify


ACCEPTED PAYMENTS

 * American Express
 * Apple Pay
 * Diners Club
 * Discover
 * Meta Pay
 * Google Pay
 * Mastercard
 * PayPal
 * Shop Pay
 * Venmo
 * Visa


COUNTRY/REGION

United States (USD $)
 * Afghanistan (AFN ؋)
 * Åland Islands (EUR €)
 * Albania (ALL L)
 * Algeria (DZD د.ج)
 * Andorra (EUR €)
 * Angola (USD $)
 * Anguilla (XCD $)
 * Antigua & Barbuda (XCD $)
 * Argentina (USD $)
 * Armenia (AMD դր.)
 * Aruba (AWG ƒ)
 * Ascension Island (SHP £)
 * Australia (AUD $)
 * Austria (EUR €)
 * Azerbaijan (AZN ₼)
 * Bahamas (BSD $)
 * Bahrain (USD $)
 * Bangladesh (BDT ৳)
 * Barbados (BBD $)
 * Belarus (USD $)
 * Belgium (EUR €)
 * Belize (BZD $)
 * Benin (XOF Fr)
 * Bermuda (USD $)
 * Bhutan (USD $)
 * Bolivia (BOB Bs.)
 * Bosnia & Herzegovina (BAM КМ)
 * Botswana (BWP P)
 * Brazil (USD $)
 * British Indian Ocean Territory (USD $)
 * British Virgin Islands (USD $)
 * Brunei (BND $)
 * Bulgaria (BGN лв.)
 * Burkina Faso (XOF Fr)
 * Burundi (BIF Fr)
 * Cambodia (KHR ៛)
 * Cameroon (XAF Fr)
 * Canada (CAD $)
 * Cape Verde (CVE $)
 * Caribbean Netherlands (USD $)
 * Cayman Islands (KYD $)
 * Central African Republic (XAF Fr)
 * Chad (XAF Fr)
 * Chile (USD $)
 * China (CNY ¥)
 * Christmas Island (AUD $)
 * Cocos (Keeling) Islands (AUD $)
 * Colombia (USD $)
 * Comoros (KMF Fr)
 * Congo - Brazzaville (XAF Fr)
 * Congo - Kinshasa (CDF Fr)
 * Cook Islands (NZD $)
 * Costa Rica (CRC ₡)
 * Côte d’Ivoire (XOF Fr)
 * Croatia (EUR €)
 * Curaçao (ANG ƒ)
 * Cyprus (EUR €)
 * Czechia (CZK Kč)
 * Denmark (DKK kr.)
 * Djibouti (DJF Fdj)
 * Dominica (XCD $)
 * Dominican Republic (DOP $)
 * Ecuador (USD $)
 * Egypt (EGP ج.م)
 * El Salvador (USD $)
 * Equatorial Guinea (XAF Fr)
 * Eritrea (USD $)
 * Estonia (EUR €)
 * Eswatini (USD $)
 * Ethiopia (ETB Br)
 * Falkland Islands (FKP £)
 * Faroe Islands (DKK kr.)
 * Fiji (FJD $)
 * Finland (EUR €)
 * France (EUR €)
 * French Guiana (EUR €)
 * French Polynesia (XPF Fr)
 * French Southern Territories (EUR €)
 * Gabon (XOF Fr)
 * Gambia (GMD D)
 * Georgia (USD $)
 * Germany (EUR €)
 * Ghana (USD $)
 * Gibraltar (GBP £)
 * Greece (EUR €)
 * Greenland (DKK kr.)
 * Grenada (XCD $)
 * Guadeloupe (EUR €)
 * Guatemala (GTQ Q)
 * Guernsey (GBP £)
 * Guinea (GNF Fr)
 * Guinea-Bissau (XOF Fr)
 * Guyana (GYD $)
 * Haiti (USD $)
 * Honduras (HNL L)
 * Hong Kong SAR (HKD $)
 * Hungary (HUF Ft)
 * Iceland (ISK kr)
 * India (INR ₹)
 * Indonesia (IDR Rp)
 * Iraq (USD $)
 * Ireland (EUR €)
 * Isle of Man (GBP £)
 * Israel (ILS ₪)
 * Italy (EUR €)
 * Jamaica (JMD $)
 * Japan (JPY ¥)
 * Jersey (USD $)
 * Jordan (USD $)
 * Kazakhstan (KZT 〒)
 * Kenya (KES KSh)
 * Kiribati (USD $)
 * Kosovo (EUR €)
 * Kuwait (USD $)
 * Kyrgyzstan (KGS som)
 * Laos (LAK ₭)
 * Latvia (EUR €)
 * Lebanon (LBP ل.ل)
 * Lesotho (USD $)
 * Liberia (USD $)
 * Libya (USD $)
 * Liechtenstein (CHF CHF)
 * Lithuania (EUR €)
 * Luxembourg (EUR €)
 * Macao SAR (MOP P)
 * Madagascar (USD $)
 * Malawi (MWK MK)
 * Malaysia (MYR RM)
 * Maldives (MVR MVR)
 * Mali (XOF Fr)
 * Malta (EUR €)
 * Martinique (EUR €)
 * Mauritania (USD $)
 * Mauritius (MUR ₨)
 * Mayotte (EUR €)
 * Mexico (USD $)
 * Moldova (MDL L)
 * Monaco (EUR €)
 * Mongolia (MNT ₮)
 * Montenegro (EUR €)
 * Montserrat (XCD $)
 * Morocco (MAD د.م.)
 * Mozambique (USD $)
 * Myanmar (Burma) (MMK K)
 * Namibia (USD $)
 * Nauru (AUD $)
 * Nepal (NPR ₨)
 * Netherlands (EUR €)
 * New Caledonia (XPF Fr)
 * New Zealand (NZD $)
 * Nicaragua (NIO C$)
 * Niger (XOF Fr)
 * Nigeria (NGN ₦)
 * Niue (NZD $)
 * Norfolk Island (AUD $)
 * North Macedonia (MKD ден)
 * Norway (USD $)
 * Oman (USD $)
 * Pakistan (PKR ₨)
 * Palestinian Territories (ILS ₪)
 * Panama (USD $)
 * Papua New Guinea (PGK K)
 * Paraguay (PYG ₲)
 * Peru (PEN S/.)
 * Philippines (PHP ₱)
 * Pitcairn Islands (NZD $)
 * Poland (PLN zł)
 * Portugal (EUR €)
 * Qatar (QAR ر.ق)
 * Réunion (EUR €)
 * Romania (RON Lei)
 * Russia (USD $)
 * Rwanda (RWF FRw)
 * Samoa (WST T)
 * San Marino (EUR €)
 * São Tomé & Príncipe (STD Db)
 * Saudi Arabia (SAR ر.س)
 * Senegal (XOF Fr)
 * Serbia (RSD РСД)
 * Seychelles (USD $)
 * Sierra Leone (SLL Le)
 * Singapore (SGD $)
 * Sint Maarten (ANG ƒ)
 * Slovakia (EUR €)
 * Slovenia (EUR €)
 * Solomon Islands (SBD $)
 * Somalia (USD $)
 * South Africa (USD $)
 * South Georgia & South Sandwich Islands (GBP £)
 * South Korea (KRW ₩)
 * South Sudan (USD $)
 * Spain (EUR €)
 * Sri Lanka (LKR ₨)
 * St. Barthélemy (EUR €)
 * St. Helena (SHP £)
 * St. Kitts & Nevis (XCD $)
 * St. Lucia (XCD $)
 * St. Martin (EUR €)
 * St. Pierre & Miquelon (EUR €)
 * St. Vincent & Grenadines (XCD $)
 * Sudan (USD $)
 * Suriname (USD $)
 * Svalbard & Jan Mayen (USD $)
 * Sweden (SEK kr)
 * Switzerland (CHF CHF)
 * Taiwan (TWD $)
 * Tajikistan (TJS ЅМ)
 * Tanzania (TZS Sh)
 * Thailand (THB ฿)
 * Timor-Leste (USD $)
 * Togo (XOF Fr)
 * Tokelau (NZD $)
 * Tonga (TOP T$)
 * Trinidad & Tobago (TTD $)
 * Tristan da Cunha (GBP £)
 * Tunisia (USD $)
 * Türkiye (USD $)
 * Turkmenistan (USD $)
 * Turks & Caicos Islands (USD $)
 * Tuvalu (AUD $)
 * U.S. Outlying Islands (USD $)
 * Uganda (UGX USh)
 * Ukraine (UAH ₴)
 * United Arab Emirates (AED د.إ)
 * United Kingdom (GBP £)
 * United States (USD $)
 * Uruguay (UYU $)
 * Uzbekistan (UZS )
 * Vanuatu (VUV Vt)
 * Vatican City (EUR €)
 * Venezuela (USD $)
 * Vietnam (VND ₫)
 * Wallis & Futuna (XPF Fr)
 * Western Sahara (MAD د.م.)
 * Yemen (YER ﷼)
 * Zambia (USD $)
 * Zimbabwe (USD $)


 * Choosing a selection results in a full page refresh.
 * Press the space key then arrow keys to make a selection.






YOUR CART -

Close (esc)

Your cart is currently empty.

TODO: $0.00 USD


Checkout:Agree:















MAIN MENU

Close (esc)
 * Shop by Style
   
    * New Arrivals
    * Best Sellers
    * Tees & Tanks
    * Long Sleeves & Hoodies
    * Bottoms
    * Kids
    * Accessories
    * Sale

 * Shop by Cause
   
    * VOTE 🗳️
    * Gun Reform 🚫
    * Social Justice ✌️
    * Pride 🏳️‍🌈
    * Education ✏️
    * Climate Action 🌎
    * Self Love & Self Care ❤️
    * Mental Health 🧠
    * Be Kind 💕
    * Book-Related 📚
    * Women's Rights 👩
    * Bright Littles ⭐️
    * Deonna Smith 🌼

 * Goodies
   
    * Hats & Headbands
    * Totes & Bags
    * Cups & Mugs
    * Stickers & Pins
    * Notebooks & Writing
    * Home Decor
    * Books & Reading
    * Gift Cards

 * Tee of the Month
 * Rewards
 * Books & Giving
 * Story

 * Log in
 * Create account

Search Search
 * Facebook
 * Instagram
 * TikTok
 * YouTube


FILTER

Close (esc)
Product Type
 * Short Sleeves (101)
 * Long Sleeves & Hoodies (46)
 * Tanks (5)
 * Bottoms (1)
 * Kids (12)
 * Accessories (61)

Size
 * XS (174)
 * S (187)
 * M (186)
 * L (187)
 * XL (185)
 * YXS (4)
 * YS (11)
 * YM (11)
 * YL (11)
 * YXL (9)
 * 3-6m (1)
 * 6M (1)
 * 12M (1)
 * 18M (1)
 * 11 oz. (10)
 * 15 oz. (10)
 * 16 oz. (1)
 * 20 oz. (6)
 * 24 oz. (1)
 * 32 oz. (1)
 * 2T (2)
 * 3T (2)
 * 4T (2)
 * 5T (1)
 * 2X (184)
 * 3X (183)
 * 4X (180)
 * 5X (118)
 * iPhone 7/8 (1)
 * iPhone 7 Plus/8 Plus (1)
 * iPhone 11 (1)
 * iPhone 11 Pro (1)
 * iPhone 11 Pro Max (1)
 * iPhone 12 (1)
 * iPhone 12 mini (1)
 * iPhone 12 Pro (1)
 * iPhone 12 Pro Max (1)
 * iPhone 13 (1)
 * iPhone 13 mini (1)
 * iPhone 13 Pro (1)
 * iPhone 13 Pro Max (1)
 * iPhone 14 (1)
 * iPhone 14 Plus (1)
 * iPhone 14 Pro (1)
 * iPhone 14 Pro Max (1)
 * iPhone 15 (1)
 * iPhone 15 Plus (1)
 * iPhone 15 Pro (1)
 * iPhone 15 Pro Max (1)
 * iPhone SE (1)
 * iPhone X/XS (1)
 * iPhone XR (1)
 * iPhone XS Max (1)

Price
$
From
–
$
To
Color
Beige
Black
Blue
Brown
Dusty Rose
Gold
Gray
Green
Grey
Mauve
Natural
Orange
Pink
Poppy
Purple
Red
Silver
Steel Blue
Tie Dye
Yellow
Material
 * 100% Cotton (146)
 * Triblend (cotton/poly/spandex) (42)
 * Eco Triblend (4)

Neckline
 * Crew (4)
 * V-neck (4)

Apply


YOUR CART - 0 ITEMS

Close (esc)

Your cart is currently empty.

TODO: $0.00 USD




SORT

Close (esc)
Featured
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old
Apply


Your Cart (0)

You are $75.00 away from free shipping!

$0.00$18.75$37.50$56.25$75.00

YOUR CART IS EMPTY!

Add your favorite items to your cart.

Shop Now

YOU MAY ALSO LIKE
'Kindness Is' Bi Pride Classic Tee

$30.00
Black / XSBlack / SBlack / MBlack / LBlack / XLBlack / 2XBlack / 3XBlack /
4XBlack / 5XLilac / SLilac / MLilac / LLilac / XLLilac / 2XLight Blue / XSLight
Blue / SLight Blue / MLight Blue / LLight Blue / XLLight Blue / 2X
ADD

Subtotal
$0.00
Discount



Checkout






Judge.me