www.thesaltwatercollective.com Open in urlscan Pro
23.227.38.74  Public Scan

Submitted URL: http://www.thesaltwatercollective.com/
Effective URL: https://www.thesaltwatercollective.com/en-ca
Submission: On March 31 via api from CA — Scanned from CA

Form analysis 6 forms found in the DOM

GET /en-ca/search

<form class="mt-8" action="/en-ca/search" method="get" role="search">
  <div class="relative text-primary-meta">
    <label for="sidebar-search" class="visually-hidden">Search</label>
    <input class="w-full flex-auto text-primary-text bg-transparent placeholder-primary-meta pr-2 py-2 pl-8" id="sidebar-search" type="text" name="q" placeholder="Search">
    <button class="absolute top-1/2 h-5 transform -translate-y-1/2 left-0 px-1" type="submit">
      <span class="inline-block w-5 h-5"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24">
          <path fill-rule="evenodd"
            d="M10.548 17.187a6.647 6.647 0 01-6.64-6.64 6.647 6.647 0 016.64-6.639 6.647 6.647 0 016.64 6.64 6.647 6.647 0 01-6.64 6.64zm6.629-1.253a8.507 8.507 0 001.918-5.386C19.095 5.834 15.26 2 10.548 2 5.835 2 2 5.834 2 10.548c0 4.712 3.835 8.547 8.548 8.547a8.503 8.503 0 005.265-1.828L20.546 22l1.35-1.349-4.72-4.717z"
            clip-rule="evenodd"></path>
        </svg></span>
      <span class="visually-hidden">Search</span>
    </button>
  </div>
</form>

POST /en-ca/cart

<form action="/en-ca/cart" method="post" novalidate="">
  <div id="CartContainer" class="fixed top-0 right-0 bottom-0 w-11/12 max-w-md bg-primary-background text-primary-text transform transition-transform overflow-hidden flex flex-col px-5" x-show="$store.drawer.cartDrawerOpen"
    x-transition:enter="transition ease duration-300" x-transition:enter-start="opacity-0 translate-x-full" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-300" x-transition:leave-end="opacity-100 translate-x-full"
    @click.away.prevent="$store.drawer.cartDrawerOpen = false" role="dialog" aria-modal="true" data-cart-drawer="" aria-labelledby="CartTitle" style="display: none;">
    <div class="relative flex items-center justify-between py-4 border-b-theme-width border-primary-border">
      <h1 class="font-heading text-base" id="CartTitle" tabindex="-1"> Your cart - <span x-text="$store.cartCount.countWithText()">0 items</span>
      </h1>
      <button @click.prevent="$store.drawer.cartDrawerOpen = false" class="block top-0">
        <span class="visually-hidden">Close (esc)</span>
        <span class="inline-block w-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24">
            <path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path>
          </svg></span>
      </button>
    </div>
    <template x-if="state &amp;&amp; !state.item_count">
      <div class="py-4">
        <p class="supports-cookies text-align--center" x-text="theme.strings.cartEmpty"></p>
        <p class="supports-no-cookies cookie-message" x-text="theme.strings.cartCookies"></p>
      </div>
    </template>
    <div class="py-4">
      <p class="supports-cookies text-align--center" x-text="theme.strings.cartEmpty">Your cart is currently empty.</p>
      <p class="supports-no-cookies cookie-message" x-text="theme.strings.cartCookies">Enable cookies to use the shopping cart</p>
    </div>
    <template x-if="state &amp;&amp; state.item_count">
      <div class="flex-auto flex flex-col overflow-hidden">
        <div class="py-4 flex-auto overflow-hidden overflow-y-auto px-5 -mx-5">
          <div class="grid grid-cols-1 gap-gutter">
            <template x-for="(item, index) in state.items" :key="item.key">
              <div class="flex py-4 transition bg-primary-background" :class="{ 'opacity-50 cursor-wait': item.updating }" :data-cart-item-index="(index + 1)" :data-cart-item-key="item.key" data-cart-row="">
                <template x-if="!(item.featured_image.url === null)">
                  <div class="flex-shrink-0 w-20 md:w-28 mr-4">
                    <a :href="item.url" class="block" aria-hidden="true" tabindex="-1">
                        <img class="w-full text-transparent" :src="getSizedImageUrl(item.featured_image.url, '110x')" :srcset="getCartImgSrcset(item.featured_image.url)" :width="item.featured_image.width" :height="item.featured_image.height" :alt="item.product_title" sizes="(min-width: 48em) 5rem, 3.5rem">
                        <pre x-text="item.featured_image.src"></pre>
                      </a>
                  </div>
                </template>
                <div class="flex-auto pr-4">
                  <a class="f--heading font-size--m md--up--font-size--l color--active-text" :href="item.url" x-text="item.product_title"></a>
                  <template x-if="item.variant_title">
                    <p class="text-sm" x-text="item.variant_title"></p>
                  </template>
                  <p class="text-sm mt-1 text-primary-meta" x-text="item.vendor"></p>
                  <template x-if="item.selling_plan_allocation">
                    <p class="text-sm mt-1 text-primary-meta" x-text="item.selling_plan_allocation.selling_plan.name"></p>
                  </template>
                  <template x-for="property in flatProperties(item.properties)" :key="property.name">
                    <p class="text-sm">
                      <span x-text="property.name"></span>: <span x-text="property.value"></span>
                    </p>
                  </template>
                  <template x-if="item.line_level_discount_allocations.length">
                    <ul class="lg:hidden mt-1 text-sm text-primary-accent" aria-label="Discount">
                      <template x-for="allocation in item.line_level_discount_allocations">
                        <li class="">
                          <span x-text="allocation.discount_application.title"></span>
                          <span class="whitespace-nowrap">−<span x-html="formatMoney(allocation.amount)"></span></span>
                        </li>
                      </template>
                    </ul>
                  </template>
                  <div class="flex mt-1 items-center -mx-4">
                    <button class="p-4 flex items-center justify-center" data-qty-adjust="minus" @click.prevent="qtyAdjust($event, item)" :aria-label="'Remove one ' + item.title">
                      <span class="inline-block w-3 h-3"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 20 20">
                          <path d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"></path>
                        </svg>
                      </span>
                    </button>
                    <input type="text" name="updates[]" class="min-w-0 w-6 py-2 text-center text-base border-b-text border-current bg-transparent" min="1" aria-label="Quantity" data-qty-input="" pattern="[0-9]*" data-qty-adjust="set"
                      @keyup.debounce.1000ms="keyupOnInput($event)" @change="qtyAdjust($event, item)" x-model.number="item.quantity" autocomplete="off">
                    <button class="p-4 flex items-center justify-center" data-qty-adjust="plus" @click.prevent="qtyAdjust($event, item)" :aria-label="'Add one ' + item.title">
                      <span class="inline-block w-3 h-3"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-plus" viewBox="0 0 20 20">
                          <path
                            d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z">
                          </path>
                        </svg></span>
                    </button>
                  </div>
                  <button class="none lg:inline-block mt-2 text-sm" data-qty-adjust="remove" @click.prevent="qtyAdjust($event, item)">
                    <small>Remove </small>
                    <span class="visually-hidden" x-text="item.title"></span>
                  </button>
                </div>
                <div class="ml-1 text-right">
                  <template x-if="item.line_level_discount_allocations.length">
                    <div>
                      <span class="visually-hidden">Regular price</span>
                      <del class="line-through" x-html="formatMoney(item.original_price)"></del>
                      <span class="visually-hidden">Sale price</span>
                      <span class="" x-html="formatMoney(item.final_line_price)"></span>
                    </div>
                  </template>
                  <template x-if="!item.line_level_discount_allocations.length">
                    <span class="" x-html="formatMoney(item.final_line_price)"></span>
                  </template>
                  <template x-if="item.unit_price_measurement">
                    <div class="text-sm">
                      <span x-html="formatMoney(item.unit_price)"></span> / <span x-text="item.unit_price_measurement.reference_value"></span>
                      <span x-text="item.unit_price_measurement.reference_unit"></span>
                    </div>
                  </template>
                  <template x-if="item.line_level_discount_allocations.length">
                    <ul class="hidden lg:block mt-1 text-sm text-primary-accent" aria-label="Discount">
                      <template x-for="allocation in item.line_level_discount_allocations">
                        <li class="">
                          <span x-text="allocation.discount_application.title"></span>
                          <span class="whitespace-nowrap">−<span x-html="formatMoney(allocation.amount)"></span></span>
                        </li>
                      </template>
                    </ul>
                  </template>
                </div>
              </div>
            </template>
          </div>
          <div class="py-4">
            <label for="CartSpecialInstructions" class="text-sm"> Add a note to your order </label>
            <textarea name="note" id="CartSpecialInstructions" class="block mt-1 p-2 w-full border-theme-width border-primary-border text-sm bg-transparent" :class="{ 'opacity-50 cursor-wait' : noteUpdating }" x-text="state.note"
              @keyup.debounce.1000ms="keyupOnInput($event)" @change="updateNote($event)">              </textarea>
          </div>
        </div>
        <div class="pt-4 lg:pt-8 pb-safe-bottom border-primary-border border-t-theme-width">
          <div :class="{ 'opacity-50  cursor-wait': updating }">
            <template x-if="state.cart_level_discount_applications.length" x-for="application in state.cart_level_discount_applications">
              <p class="flex justify-between text-primary-accent pb-2">
                <span class="visually-hidden">Discount</span>
                <span x-text="application.title"></span>
                <span class="ml-2" x-html="formatMoney(application.total_allocated_amount)"></span>
              </p>
            </template>
            <p class="flex justify-between text-lg">
              <span>Subtotal</span>
              <span class="ml-2" x-html="formatMoney(state.total_price)"></span>
            </p>
            <p class="mt-4  text-sm accent-links-primary text-right"> Tax included and shipping calculated at checkout </p>
            <div class="text-right mt-4">
              <div>
                <input type="submit" name="checkout" class="cursor-pointer py-2 px-4 w-full w-full btn btn-solid-primary-text" :disabled="updating" value="Check Out">
              </div>
              <div class="w-full md:mt-2 additional-checkout-buttons Liquid error (snippets/cart-drawer line 237): Could not find asset snippets/button-style.liquid">
                <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
  </div>
</form>

GET /en-ca/search

<form x-ref="searchForm" action="/en-ca/search" method="get" role="search" @submit="onFormSubmit">
  <div class="relative">
    <input id="header-search" type="search" name="q" value="" class="header-search-input pl-9 py-2 placeholder-current font-secondary w-full" placeholder="Search" x-ref="input" 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-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-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24">
          <path fill-rule="evenodd"
            d="M10.548 17.187a6.647 6.647 0 01-6.64-6.64 6.647 6.647 0 016.64-6.639 6.647 6.647 0 016.64 6.64 6.647 6.647 0 01-6.64 6.64zm6.629-1.253a8.507 8.507 0 001.918-5.386C19.095 5.834 15.26 2 10.548 2 5.835 2 2 5.834 2 10.548c0 4.712 3.835 8.547 8.548 8.547a8.503 8.503 0 005.265-1.828L20.546 22l1.35-1.349-4.72-4.717z"
            clip-rule="evenodd"></path>
        </svg></span>
    </button>
    <button @click="close(true,true)" 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-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24">
          <path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path>
        </svg></span>
    </button>
  </div>
  <div id="predictiveSearchResults" :class="{'opacity-0': !isOpen }" tabindex="-1"
    class="bg-primary-background pb-4 lg:pb-8 section-x-padding absolute bottom-border-width left-0 right-0 transform translate-y-search-results z-50 overflow-hidden overflow-y-auto max-h-screen-header opacity-0">
    <template x-if="loading &amp;&amp; !results">
      <div class="w-7 h-7 mx-auto" data-predictive-loading="">
        <div class="loading"></div>
      </div>
    </template>
    <template x-if="isOpen">
      <div class="text-primary-text" x-ref="results">
      </div>
    </template>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

POST /en-ca/contact#FooterNewsletter

<form method="post" action="/en-ca/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="flex flex-row justify-center md:max-w-xs">
    <input type="hidden" name="contact[tags]" value="newsletter">
    <label class="visually-hidden" for="Email-footer"> Email Address </label>
    <input type="email" name="contact[email]" id="Email-footer" value="" placeholder="email@example.com" autocorrect="off" autocapitalize="off"
      class="newsletter__input text-primary-text bg-primary-background border-primary-border flex-1 max-w-xl min-w-0 border-b-text-width py-3 placeholder-secondary">
    <button class="inline-flex justify-center items-center text-sm font-secondary leading-none cursor-pointer text-primary-text border-transparent d:mw-auto ml-2" type="submit" name="commit" id="Subscribe">
      <span class="btn-text">Subscribe</span>
    </button>
  </div>
</form>

POST /en-ca/localization

<form method="post" action="/en-ca/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="/en-ca">
  <div class="inline-block">
    <h2 class="visually-hidden" id="country-heading"> Country/region </h2>
    <div class="relative text-primary-text" data-disclosure-country="">
      <button type="button" class="text-sm border-primary-text border-primary-meta p-2" aria-expanded="false" aria-controls="country-list" aria-describedby="country-heading" data-disclosure-toggle=""> Canada (CAD $) <span
          class="inline-block ml-1 w-3 fill-current">
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
          </svg>
        </span>
      </button>
      <ul id="country-list" class="disclosure-list absolute bg-primary-background opacity-0 top-0 left-0 lg:left-auto lg:right-0 transform transition-opacity border-primary-text border-primary-meta py-2" data-disclosure-list="" inert=""
        aria-hidden="true">
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AF" data-disclosure-option="" tabindex="-1">
                            <span class="">Afghanistan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AX" data-disclosure-option="" tabindex="-1">
                            <span class="">Åland Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AL" data-disclosure-option="" tabindex="-1">
                            <span class="">Albania (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Algeria (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AD" data-disclosure-option="" tabindex="-1">
                            <span class="">Andorra (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AO" data-disclosure-option="" tabindex="-1">
                            <span class="">Angola (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AI" data-disclosure-option="" tabindex="-1">
                            <span class="">Anguilla (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AG" data-disclosure-option="" tabindex="-1">
                            <span class="">Antigua &amp; Barbuda (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AR" data-disclosure-option="" tabindex="-1">
                            <span class="">Argentina (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AM" data-disclosure-option="" tabindex="-1">
                            <span class="">Armenia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AW" data-disclosure-option="" tabindex="-1">
                            <span class="">Aruba (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AU" data-disclosure-option="" tabindex="-1">
                            <span class="">Australia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AT" data-disclosure-option="" tabindex="-1">
                            <span class="">Austria (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Azerbaijan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BS" data-disclosure-option="" tabindex="-1">
                            <span class="">Bahamas (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BH" data-disclosure-option="" tabindex="-1">
                            <span class="">Bahrain (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BD" data-disclosure-option="" tabindex="-1">
                            <span class="">Bangladesh (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BB" data-disclosure-option="" tabindex="-1">
                            <span class="">Barbados (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BY" data-disclosure-option="" tabindex="-1">
                            <span class="">Belarus (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BE" data-disclosure-option="" tabindex="-1">
                            <span class="">Belgium (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Belize (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BJ" data-disclosure-option="" tabindex="-1">
                            <span class="">Benin (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BM" data-disclosure-option="" tabindex="-1">
                            <span class="">Bermuda (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BT" data-disclosure-option="" tabindex="-1">
                            <span class="">Bhutan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BO" data-disclosure-option="" tabindex="-1">
                            <span class="">Bolivia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BA" data-disclosure-option="" tabindex="-1">
                            <span class="">Bosnia &amp; Herzegovina (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BW" data-disclosure-option="" tabindex="-1">
                            <span class="">Botswana (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BV" data-disclosure-option="" tabindex="-1">
                            <span class="">Bouvet Island (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BR" data-disclosure-option="" tabindex="-1">
                            <span class="">Brazil (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IO" data-disclosure-option="" tabindex="-1">
                            <span class="">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="" tabindex="-1">
                            <span class="">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="" tabindex="-1">
                            <span class="">Brunei (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BG" data-disclosure-option="" tabindex="-1">
                            <span class="">Bulgaria (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BF" data-disclosure-option="" tabindex="-1">
                            <span class="">Burkina Faso (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BI" data-disclosure-option="" tabindex="-1">
                            <span class="">Burundi (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KH" data-disclosure-option="" tabindex="-1">
                            <span class="">Cambodia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CM" data-disclosure-option="" tabindex="-1">
                            <span class="">Cameroon (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" aria-current="true" data-value="CA" data-disclosure-option="" tabindex="-1">
                            <span class="text-primary-accent font-bold">Canada (CAD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CV" data-disclosure-option="" tabindex="-1">
                            <span class="">Cape Verde (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KY" data-disclosure-option="" tabindex="-1">
                            <span class="">Cayman Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CF" data-disclosure-option="" tabindex="-1">
                            <span class="">Central African Republic (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TD" data-disclosure-option="" tabindex="-1">
                            <span class="">Chad (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CL" data-disclosure-option="" tabindex="-1">
                            <span class="">Chile (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CN" data-disclosure-option="" tabindex="-1">
                            <span class="">China (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CX" data-disclosure-option="" tabindex="-1">
                            <span class="">Christmas Island (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CC" data-disclosure-option="" tabindex="-1">
                            <span class="">Cocos (Keeling) Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CO" data-disclosure-option="" tabindex="-1">
                            <span class="">Colombia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KM" data-disclosure-option="" tabindex="-1">
                            <span class="">Comoros (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CG" data-disclosure-option="" tabindex="-1">
                            <span class="">Congo - Brazzaville (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CD" data-disclosure-option="" tabindex="-1">
                            <span class="">Congo - Kinshasa (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CK" data-disclosure-option="" tabindex="-1">
                            <span class="">Cook Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CR" data-disclosure-option="" tabindex="-1">
                            <span class="">Costa Rica (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CI" data-disclosure-option="" tabindex="-1">
                            <span class="">Côte d’Ivoire (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HR" data-disclosure-option="" tabindex="-1">
                            <span class="">Croatia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CU" data-disclosure-option="" tabindex="-1">
                            <span class="">Cuba (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CW" data-disclosure-option="" tabindex="-1">
                            <span class="">Curaçao (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CY" data-disclosure-option="" tabindex="-1">
                            <span class="">Cyprus (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Czechia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DK" data-disclosure-option="" tabindex="-1">
                            <span class="">Denmark (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DJ" data-disclosure-option="" tabindex="-1">
                            <span class="">Djibouti (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DM" data-disclosure-option="" tabindex="-1">
                            <span class="">Dominica (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DO" data-disclosure-option="" tabindex="-1">
                            <span class="">Dominican Republic (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EC" data-disclosure-option="" tabindex="-1">
                            <span class="">Ecuador (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EG" data-disclosure-option="" tabindex="-1">
                            <span class="">Egypt (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SV" data-disclosure-option="" tabindex="-1">
                            <span class="">El Salvador (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GQ" data-disclosure-option="" tabindex="-1">
                            <span class="">Equatorial Guinea (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ER" data-disclosure-option="" tabindex="-1">
                            <span class="">Eritrea (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EE" data-disclosure-option="" tabindex="-1">
                            <span class="">Estonia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Eswatini (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ET" data-disclosure-option="" tabindex="-1">
                            <span class="">Ethiopia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FK" data-disclosure-option="" tabindex="-1">
                            <span class="">Falkland Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FO" data-disclosure-option="" tabindex="-1">
                            <span class="">Faroe Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FJ" data-disclosure-option="" tabindex="-1">
                            <span class="">Fiji (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FI" data-disclosure-option="" tabindex="-1">
                            <span class="">Finland (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="FR" data-disclosure-option="" tabindex="-1">
                            <span class="">France (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GF" data-disclosure-option="" tabindex="-1">
                            <span class="">French Guiana (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PF" data-disclosure-option="" tabindex="-1">
                            <span class="">French Polynesia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GA" data-disclosure-option="" tabindex="-1">
                            <span class="">Gabon (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GM" data-disclosure-option="" tabindex="-1">
                            <span class="">Gambia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GE" data-disclosure-option="" tabindex="-1">
                            <span class="">Georgia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="DE" data-disclosure-option="" tabindex="-1">
                            <span class="">Germany (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GH" data-disclosure-option="" tabindex="-1">
                            <span class="">Ghana (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GI" data-disclosure-option="" tabindex="-1">
                            <span class="">Gibraltar (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GR" data-disclosure-option="" tabindex="-1">
                            <span class="">Greece (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GL" data-disclosure-option="" tabindex="-1">
                            <span class="">Greenland (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GD" data-disclosure-option="" tabindex="-1">
                            <span class="">Grenada (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GP" data-disclosure-option="" tabindex="-1">
                            <span class="">Guadeloupe (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GT" data-disclosure-option="" tabindex="-1">
                            <span class="">Guatemala (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GG" data-disclosure-option="" tabindex="-1">
                            <span class="">Guernsey (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GN" data-disclosure-option="" tabindex="-1">
                            <span class="">Guinea (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GW" data-disclosure-option="" tabindex="-1">
                            <span class="">Guinea-Bissau (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GY" data-disclosure-option="" tabindex="-1">
                            <span class="">Guyana (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HT" data-disclosure-option="" tabindex="-1">
                            <span class="">Haiti (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HN" data-disclosure-option="" tabindex="-1">
                            <span class="">Honduras (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HK" data-disclosure-option="" tabindex="-1">
                            <span class="">Hong Kong SAR (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="HU" data-disclosure-option="" tabindex="-1">
                            <span class="">Hungary (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IS" data-disclosure-option="" tabindex="-1">
                            <span class="">Iceland (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IN" data-disclosure-option="" tabindex="-1">
                            <span class="">India (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ID" data-disclosure-option="" tabindex="-1">
                            <span class="">Indonesia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IR" data-disclosure-option="" tabindex="-1">
                            <span class="">Iran (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IQ" data-disclosure-option="" tabindex="-1">
                            <span class="">Iraq (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IE" data-disclosure-option="" tabindex="-1">
                            <span class="">Ireland (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IM" data-disclosure-option="" tabindex="-1">
                            <span class="">Isle of Man (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IL" data-disclosure-option="" tabindex="-1">
                            <span class="">Israel (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="IT" data-disclosure-option="" tabindex="-1">
                            <span class="">Italy (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JM" data-disclosure-option="" tabindex="-1">
                            <span class="">Jamaica (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JP" data-disclosure-option="" tabindex="-1">
                            <span class="">Japan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JE" data-disclosure-option="" tabindex="-1">
                            <span class="">Jersey (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="JO" data-disclosure-option="" tabindex="-1">
                            <span class="">Jordan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Kazakhstan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KE" data-disclosure-option="" tabindex="-1">
                            <span class="">Kenya (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KI" data-disclosure-option="" tabindex="-1">
                            <span class="">Kiribati (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="XK" data-disclosure-option="" tabindex="-1">
                            <span class="">Kosovo (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KW" data-disclosure-option="" tabindex="-1">
                            <span class="">Kuwait (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KG" data-disclosure-option="" tabindex="-1">
                            <span class="">Kyrgyzstan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LA" data-disclosure-option="" tabindex="-1">
                            <span class="">Laos (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LV" data-disclosure-option="" tabindex="-1">
                            <span class="">Latvia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LB" data-disclosure-option="" tabindex="-1">
                            <span class="">Lebanon (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LS" data-disclosure-option="" tabindex="-1">
                            <span class="">Lesotho (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LR" data-disclosure-option="" tabindex="-1">
                            <span class="">Liberia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LY" data-disclosure-option="" tabindex="-1">
                            <span class="">Libya (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LI" data-disclosure-option="" tabindex="-1">
                            <span class="">Liechtenstein (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LT" data-disclosure-option="" tabindex="-1">
                            <span class="">Lithuania (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LU" data-disclosure-option="" tabindex="-1">
                            <span class="">Luxembourg (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MO" data-disclosure-option="" tabindex="-1">
                            <span class="">Macao SAR (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MG" data-disclosure-option="" tabindex="-1">
                            <span class="">Madagascar (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MW" data-disclosure-option="" tabindex="-1">
                            <span class="">Malawi (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MY" data-disclosure-option="" tabindex="-1">
                            <span class="">Malaysia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MV" data-disclosure-option="" tabindex="-1">
                            <span class="">Maldives (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ML" data-disclosure-option="" tabindex="-1">
                            <span class="">Mali (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MT" data-disclosure-option="" tabindex="-1">
                            <span class="">Malta (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MQ" data-disclosure-option="" tabindex="-1">
                            <span class="">Martinique (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MR" data-disclosure-option="" tabindex="-1">
                            <span class="">Mauritania (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MU" data-disclosure-option="" tabindex="-1">
                            <span class="">Mauritius (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="YT" data-disclosure-option="" tabindex="-1">
                            <span class="">Mayotte (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MX" data-disclosure-option="" tabindex="-1">
                            <span class="">Mexico (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MD" data-disclosure-option="" tabindex="-1">
                            <span class="">Moldova (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MC" data-disclosure-option="" tabindex="-1">
                            <span class="">Monaco (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MN" data-disclosure-option="" tabindex="-1">
                            <span class="">Mongolia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ME" data-disclosure-option="" tabindex="-1">
                            <span class="">Montenegro (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MS" data-disclosure-option="" tabindex="-1">
                            <span class="">Montserrat (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MA" data-disclosure-option="" tabindex="-1">
                            <span class="">Morocco (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Mozambique (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MM" data-disclosure-option="" tabindex="-1">
                            <span class="">Myanmar (Burma) (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NA" data-disclosure-option="" tabindex="-1">
                            <span class="">Namibia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NR" data-disclosure-option="" tabindex="-1">
                            <span class="">Nauru (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NP" data-disclosure-option="" tabindex="-1">
                            <span class="">Nepal (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NL" data-disclosure-option="" tabindex="-1">
                            <span class="">Netherlands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AN" data-disclosure-option="" tabindex="-1">
                            <span class="">Netherlands Antilles (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NC" data-disclosure-option="" tabindex="-1">
                            <span class="">New Caledonia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NZ" data-disclosure-option="" tabindex="-1">
                            <span class="">New Zealand (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NI" data-disclosure-option="" tabindex="-1">
                            <span class="">Nicaragua (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NE" data-disclosure-option="" tabindex="-1">
                            <span class="">Niger (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NG" data-disclosure-option="" tabindex="-1">
                            <span class="">Nigeria (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NU" data-disclosure-option="" tabindex="-1">
                            <span class="">Niue (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NF" data-disclosure-option="" tabindex="-1">
                            <span class="">Norfolk Island (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KP" data-disclosure-option="" tabindex="-1">
                            <span class="">North Korea (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MK" data-disclosure-option="" tabindex="-1">
                            <span class="">North Macedonia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="NO" data-disclosure-option="" tabindex="-1">
                            <span class="">Norway (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="OM" data-disclosure-option="" tabindex="-1">
                            <span class="">Oman (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PK" data-disclosure-option="" tabindex="-1">
                            <span class="">Pakistan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PS" data-disclosure-option="" tabindex="-1">
                            <span class="">Palestinian Territories (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PA" data-disclosure-option="" tabindex="-1">
                            <span class="">Panama (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PG" data-disclosure-option="" tabindex="-1">
                            <span class="">Papua New Guinea (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PY" data-disclosure-option="" tabindex="-1">
                            <span class="">Paraguay (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PE" data-disclosure-option="" tabindex="-1">
                            <span class="">Peru (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PH" data-disclosure-option="" tabindex="-1">
                            <span class="">Philippines (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PN" data-disclosure-option="" tabindex="-1">
                            <span class="">Pitcairn Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PL" data-disclosure-option="" tabindex="-1">
                            <span class="">Poland (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PT" data-disclosure-option="" tabindex="-1">
                            <span class="">Portugal (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="QA" data-disclosure-option="" tabindex="-1">
                            <span class="">Qatar (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RE" data-disclosure-option="" tabindex="-1">
                            <span class="">Réunion (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RO" data-disclosure-option="" tabindex="-1">
                            <span class="">Romania (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RU" data-disclosure-option="" tabindex="-1">
                            <span class="">Russia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RW" data-disclosure-option="" tabindex="-1">
                            <span class="">Rwanda (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="WS" data-disclosure-option="" tabindex="-1">
                            <span class="">Samoa (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SM" data-disclosure-option="" tabindex="-1">
                            <span class="">San Marino (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ST" data-disclosure-option="" tabindex="-1">
                            <span class="">São Tomé &amp; Príncipe (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SA" data-disclosure-option="" tabindex="-1">
                            <span class="">Saudi Arabia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SN" data-disclosure-option="" tabindex="-1">
                            <span class="">Senegal (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="RS" data-disclosure-option="" tabindex="-1">
                            <span class="">Serbia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SC" data-disclosure-option="" tabindex="-1">
                            <span class="">Seychelles (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SL" data-disclosure-option="" tabindex="-1">
                            <span class="">Sierra Leone (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SG" data-disclosure-option="" tabindex="-1">
                            <span class="">Singapore (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SX" data-disclosure-option="" tabindex="-1">
                            <span class="">Sint Maarten (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SK" data-disclosure-option="" tabindex="-1">
                            <span class="">Slovakia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SI" data-disclosure-option="" tabindex="-1">
                            <span class="">Slovenia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SB" data-disclosure-option="" tabindex="-1">
                            <span class="">Solomon Islands (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SO" data-disclosure-option="" tabindex="-1">
                            <span class="">Somalia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ZA" data-disclosure-option="" tabindex="-1">
                            <span class="">South Africa (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KR" data-disclosure-option="" tabindex="-1">
                            <span class="">South Korea (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ES" data-disclosure-option="" tabindex="-1">
                            <span class="">Spain (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LK" data-disclosure-option="" tabindex="-1">
                            <span class="">Sri Lanka (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="BL" data-disclosure-option="" tabindex="-1">
                            <span class="">St. Barthélemy (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SH" data-disclosure-option="" tabindex="-1">
                            <span class="">St. Helena (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="KN" data-disclosure-option="" tabindex="-1">
                            <span class="">St. Kitts &amp; Nevis (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="LC" data-disclosure-option="" tabindex="-1">
                            <span class="">St. Lucia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="MF" data-disclosure-option="" tabindex="-1">
                            <span class="">St. Martin (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="PM" data-disclosure-option="" tabindex="-1">
                            <span class="">St. Pierre &amp; Miquelon (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VC" data-disclosure-option="" tabindex="-1">
                            <span class="">St. Vincent &amp; Grenadines (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SD" data-disclosure-option="" tabindex="-1">
                            <span class="">Sudan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SR" data-disclosure-option="" tabindex="-1">
                            <span class="">Suriname (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SJ" data-disclosure-option="" tabindex="-1">
                            <span class="">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="" tabindex="-1">
                            <span class="">Sweden (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="CH" data-disclosure-option="" tabindex="-1">
                            <span class="">Switzerland (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="SY" data-disclosure-option="" tabindex="-1">
                            <span class="">Syria (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TW" data-disclosure-option="" tabindex="-1">
                            <span class="">Taiwan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TJ" data-disclosure-option="" tabindex="-1">
                            <span class="">Tajikistan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Tanzania (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TH" data-disclosure-option="" tabindex="-1">
                            <span class="">Thailand (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TL" data-disclosure-option="" tabindex="-1">
                            <span class="">Timor-Leste (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TG" data-disclosure-option="" tabindex="-1">
                            <span class="">Togo (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TK" data-disclosure-option="" tabindex="-1">
                            <span class="">Tokelau (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TO" data-disclosure-option="" tabindex="-1">
                            <span class="">Tonga (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TT" data-disclosure-option="" tabindex="-1">
                            <span class="">Trinidad &amp; Tobago (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TN" data-disclosure-option="" tabindex="-1">
                            <span class="">Tunisia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TR" data-disclosure-option="" tabindex="-1">
                            <span class="">Turkey (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TM" data-disclosure-option="" tabindex="-1">
                            <span class="">Turkmenistan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="TC" data-disclosure-option="" tabindex="-1">
                            <span class="">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="" tabindex="-1">
                            <span class="">Tuvalu (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UM" data-disclosure-option="" tabindex="-1">
                            <span class="">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="" tabindex="-1">
                            <span class="">Uganda (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UA" data-disclosure-option="" tabindex="-1">
                            <span class="">Ukraine (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="AE" data-disclosure-option="" tabindex="-1">
                            <span class="">United Arab Emirates (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="GB" data-disclosure-option="" tabindex="-1">
                            <span class="">United Kingdom (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="US" data-disclosure-option="" tabindex="-1">
                            <span class="">United States (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UY" data-disclosure-option="" tabindex="-1">
                            <span class="">Uruguay (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="UZ" data-disclosure-option="" tabindex="-1">
                            <span class="">Uzbekistan (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VU" data-disclosure-option="" tabindex="-1">
                            <span class="">Vanuatu (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VA" data-disclosure-option="" tabindex="-1">
                            <span class="">Vatican City (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VE" data-disclosure-option="" tabindex="-1">
                            <span class="">Venezuela (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="VN" data-disclosure-option="" tabindex="-1">
                            <span class="">Vietnam (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="WF" data-disclosure-option="" tabindex="-1">
                            <span class="">Wallis &amp; Futuna (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="EH" data-disclosure-option="" tabindex="-1">
                            <span class="">Western Sahara (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="YE" data-disclosure-option="" tabindex="-1">
                            <span class="">Yemen (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ZM" data-disclosure-option="" tabindex="-1">
                            <span class="">Zambia (USD $)</span>
                          </a>
        </li>
        <li class="text-sm w-40">
          <a class="block p-2" href="#" data-value="ZW" data-disclosure-option="" tabindex="-1">
                            <span class="">Zimbabwe (USD $)</span>
                          </a>
        </li>
      </ul>
      <input type="hidden" name="country_code" id="CountrySelector" value="CA" data-disclosure-input="">
    </div>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1 focus-visible" data-testid="klaviyo-form-WssEF6" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 6px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(250, 250, 250); background-repeat: no-repeat; background-position-y: 50%; padding: 20px; flex: 1 1 0%;"
  data-focus-visible-added="">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 20px 0px 0px; min-height: 350px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 0px 0px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-century-gothic"
              style="font-size:60px;font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;font-weight:400;">15% OFF</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 30px 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-verdana"
              style="color: #292929; font-size: 14px; font-family: Verdana, Geneva, sans-serif; font-weight: 400;">Join the collective for the latest product drops, promotions, and more!</span><span class="ql-font-verdana"
              style="color: #292929; font-size: 14px; font-family: Verdana, Geneva, sans-serif; font-weight: 400;">&nbsp;</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 10px 4px; position: relative; background-color: rgb(255, 255, 255); flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_62438475" class="needsclick go2937017265 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="EMAIL" aria-label="EMAIL" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 5px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: 200; letter-spacing: 2px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;">
          <div class="needsclick go2049707483 kl-private-reset-css-Xuajs1"
            style="display: flex; flex-direction: row; align-items: center; box-sizing: border-box; border-radius: 5px; padding: 0px; height: 50px; text-align: left; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: 200; letter-spacing: 2px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0);">
            <button class="needsclick go1025117908 kl-private-reset-css-Xuajs1" aria-label="Search Countries" type="button" role="combobox" aria-haspopup="listbox" aria-expanded="false"
              style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); width: 72px; height: 50px; cursor: pointer; padding-left: 10px; margin-right: 5px;"><img
                aria-label="United States" title="United States" src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.4/flags/4x3/us.svg"
                style="display: inline-block; width: 1em; height: 1em; vertical-align: middle; border-radius: 3px;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="" transform=""
                style="fill: rgb(0, 0, 0);">
                <path
                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
                </path>
              </svg></button><input type="tel" data-testid="phoneNumberInput" id="phone_number_62438476" autocomplete="tel" name="phone-number" tabindex="0" placeholder="Phone Number" aria-label="Phone Number" aria-invalid="false"
              class="needsclick undefined kl-private-reset-css-Xuajs1"
              style="border: none; text-align: left; color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: 200; letter-spacing: 2px; background-color: rgba(0, 0, 0, 0); flex-grow: 1;"></div>
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="go1191458902" style="width: 100%;">
          <p style="text-align: center;">By submitting this form and signing up for texts and emails, you consent to receive marketing text messages, and emails (e.g. promos, cart reminders) from
            <a href="https://www.thesaltwatercollective.com/en-ca">The Saltwater Collective</a> at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg &amp; data rates may apply. Msg frequency
            varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available).</p>
          <p style="text-align: center;"><a href="https://www.thesaltwatercollective.com/en-ca/policies/privacy-policy">Privacy Policy</a> &amp; <a href="https://www.thesaltwatercollective.com/en-ca/policies/terms-of-service">Terms.</a></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 4px 10px; position: relative; flex: 0 1 auto; margin: 0px auto;">
        <button class="needsclick go279450927 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(0, 0, 0); border-radius: 0px; border-style: none; border-color: rgb(55, 63, 71); border-width: 2px; color: rgb(255, 255, 255); font-family: Poppins, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 200; letter-spacing: 2px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 40px;">SUBSCRIBE</button>
      </div>
    </div>
  </div>
  <div class="needsclick  kl-private-reset-css-Xuajs1"
    style="display: flex; flex-direction: column; width: 390px; margin: -20px -20px -20px 0px; padding: 0px; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; overflow: hidden; min-width: 390px; min-height: 350px;">
    <div class="needsclick  kl-private-reset-css-Xuajs1"
      style="background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/RK6wU2/images/1ad26b1f-24a0-4d6a-93a6-92a821f41f3f.jpeg&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 0%; width: 100%; height: 100%; display: block;">
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to content


Close (esc)
Menu
Close menu

 * Shop All
   * New Arrivals
   * Swim
   * Apparel
   * Gift Card
   * Sale
 * Swim
   * All
   * New Arrivals
   * Tops
   * Bottoms
   * One Pieces
   * Size Guide
 * Apparel
   * Intimates
   * Lounge
   * Size Guide
 * Collection

 * ABOUT US
 * FAQ
 * SIZE GUIDE
 * SUSTAINABILITY
 * CONTACT
 * STOCKISTS
 * PRIVACY POLICY
 * TERMS OF SERVICE

 * Log in
 * Create account

Search Search
 * Instagram


YOUR CART - 0 ITEMS

Close (esc)



Your cart is currently empty.

Enable cookies to use the shopping cart

:

−


Remove
Regular price Sale price
/
−

Add a note to your order

Discount

Subtotal

Tax included and shipping calculated at checkout




 * Shop All
    * New Arrivals
    * Swim
    * Apparel
    * Gift Card
    * Sale

 * Swim
    * All
    * New Arrivals
    * Tops
    * Bottoms
    * One Pieces
    * Size Guide

 * Apparel
    * Intimates
    * Lounge
    * Size Guide

 * Collection

Menu
Log in
Search our site
Search Close (esc)

0 0 items





WARMER DAYS AHEAD

SHOP NOW


IN OUR LOOK GOOD, FEEL GOOD ERA


 * Triangle Top / Black & Ivory
   
   Triangle Top / Black & Ivory
   
   $104.00

 * Triangle Bottom / Black & Ivory
   
   Triangle Bottom / Black & Ivory
   
   $104.00

 * Layla Top / Lavender
   
   Layla Top / Lavender
   
   $104.00

 * Lucy Bottom / Lavender
   
   Lucy Bottom / Lavender
   
   $104.00


SUSTAINABILITY IS SEXY


CONSCIOUS CLOTHING

We value conscious purchasing decisions just as much as you do. We keep our
standards high to ensure that every Saltwater Collective garment is made with
great care and intention, always with our Earth in mind.


BEST SELLERS


CUSTOMER TESTIMONIAL

" I can’t wait to get more of your pieces, most flattering bathing suits ever " 


INTIMATES

 * Bamboo Scrunchie
   
   Bamboo Scrunchie
   
   $17.00

 * Bamboo Cami / Sky
   
   Bamboo Cami / Sky
   
   $42.00


CUSTOMER TESTIMONIAL

" The cut, fit, material and look of this bather is the best I have ever put on
my body "

 * Triangle Top / Black & Ivory
   
   Triangle Top / Black & Ivory
   
   $104.00

 * Heidi Bottom / Black & Ivory
   
   Heidi Bottom / Black & Ivory
   
   $104.00

 * Triangle Top / Seafoam & Ivory
   
   Triangle Top / Seafoam & Ivory
   
   $104.00

 * Triangle Bottom / Seafoam & Ivory
   
   Triangle Bottom / Seafoam & Ivory
   
   $104.00


AS SEEN IN




FOLLOW ALONG @THESALTWATERCOLLECTIVE




NAVIGATION

 * ABOUT US
 * FAQ
 * SIZE GUIDE
 * SUSTAINABILITY
 * CONTACT
 * STOCKISTS
 * PRIVACY POLICY
 * TERMS OF SERVICE


NEWSLETTER

Email Address Subscribe

© 2023, The Saltwater Collective.

Powered by Shopify


COUNTRY/REGION

Canada (CAD $)
 * Afghanistan (USD $)
 * Åland Islands (USD $)
 * Albania (USD $)
 * Algeria (USD $)
 * Andorra (USD $)
 * Angola (USD $)
 * Anguilla (USD $)
 * Antigua & Barbuda (USD $)
 * Argentina (USD $)
 * Armenia (USD $)
 * Aruba (USD $)
 * Australia (USD $)
 * Austria (USD $)
 * Azerbaijan (USD $)
 * Bahamas (USD $)
 * Bahrain (USD $)
 * Bangladesh (USD $)
 * Barbados (USD $)
 * Belarus (USD $)
 * Belgium (USD $)
 * Belize (USD $)
 * Benin (USD $)
 * Bermuda (USD $)
 * Bhutan (USD $)
 * Bolivia (USD $)
 * Bosnia & Herzegovina (USD $)
 * Botswana (USD $)
 * Bouvet Island (USD $)
 * Brazil (USD $)
 * British Indian Ocean Territory (USD $)
 * British Virgin Islands (USD $)
 * Brunei (USD $)
 * Bulgaria (USD $)
 * Burkina Faso (USD $)
 * Burundi (USD $)
 * Cambodia (USD $)
 * Cameroon (USD $)
 * Canada (CAD $)
 * Cape Verde (USD $)
 * Cayman Islands (USD $)
 * Central African Republic (USD $)
 * Chad (USD $)
 * Chile (USD $)
 * China (USD $)
 * Christmas Island (USD $)
 * Cocos (Keeling) Islands (USD $)
 * Colombia (USD $)
 * Comoros (USD $)
 * Congo - Brazzaville (USD $)
 * Congo - Kinshasa (USD $)
 * Cook Islands (USD $)
 * Costa Rica (USD $)
 * Côte d’Ivoire (USD $)
 * Croatia (USD $)
 * Cuba (USD $)
 * Curaçao (USD $)
 * Cyprus (USD $)
 * Czechia (USD $)
 * Denmark (USD $)
 * Djibouti (USD $)
 * Dominica (USD $)
 * Dominican Republic (USD $)
 * Ecuador (USD $)
 * Egypt (USD $)
 * El Salvador (USD $)
 * Equatorial Guinea (USD $)
 * Eritrea (USD $)
 * Estonia (USD $)
 * Eswatini (USD $)
 * Ethiopia (USD $)
 * Falkland Islands (USD $)
 * Faroe Islands (USD $)
 * Fiji (USD $)
 * Finland (USD $)
 * France (USD $)
 * French Guiana (USD $)
 * French Polynesia (USD $)
 * Gabon (USD $)
 * Gambia (USD $)
 * Georgia (USD $)
 * Germany (USD $)
 * Ghana (USD $)
 * Gibraltar (USD $)
 * Greece (USD $)
 * Greenland (USD $)
 * Grenada (USD $)
 * Guadeloupe (USD $)
 * Guatemala (USD $)
 * Guernsey (USD $)
 * Guinea (USD $)
 * Guinea-Bissau (USD $)
 * Guyana (USD $)
 * Haiti (USD $)
 * Honduras (USD $)
 * Hong Kong SAR (USD $)
 * Hungary (USD $)
 * Iceland (USD $)
 * India (USD $)
 * Indonesia (USD $)
 * Iran (USD $)
 * Iraq (USD $)
 * Ireland (USD $)
 * Isle of Man (USD $)
 * Israel (USD $)
 * Italy (USD $)
 * Jamaica (USD $)
 * Japan (USD $)
 * Jersey (USD $)
 * Jordan (USD $)
 * Kazakhstan (USD $)
 * Kenya (USD $)
 * Kiribati (USD $)
 * Kosovo (USD $)
 * Kuwait (USD $)
 * Kyrgyzstan (USD $)
 * Laos (USD $)
 * Latvia (USD $)
 * Lebanon (USD $)
 * Lesotho (USD $)
 * Liberia (USD $)
 * Libya (USD $)
 * Liechtenstein (USD $)
 * Lithuania (USD $)
 * Luxembourg (USD $)
 * Macao SAR (USD $)
 * Madagascar (USD $)
 * Malawi (USD $)
 * Malaysia (USD $)
 * Maldives (USD $)
 * Mali (USD $)
 * Malta (USD $)
 * Martinique (USD $)
 * Mauritania (USD $)
 * Mauritius (USD $)
 * Mayotte (USD $)
 * Mexico (USD $)
 * Moldova (USD $)
 * Monaco (USD $)
 * Mongolia (USD $)
 * Montenegro (USD $)
 * Montserrat (USD $)
 * Morocco (USD $)
 * Mozambique (USD $)
 * Myanmar (Burma) (USD $)
 * Namibia (USD $)
 * Nauru (USD $)
 * Nepal (USD $)
 * Netherlands (USD $)
 * Netherlands Antilles (USD $)
 * New Caledonia (USD $)
 * New Zealand (USD $)
 * Nicaragua (USD $)
 * Niger (USD $)
 * Nigeria (USD $)
 * Niue (USD $)
 * Norfolk Island (USD $)
 * North Korea (USD $)
 * North Macedonia (USD $)
 * Norway (USD $)
 * Oman (USD $)
 * Pakistan (USD $)
 * Palestinian Territories (USD $)
 * Panama (USD $)
 * Papua New Guinea (USD $)
 * Paraguay (USD $)
 * Peru (USD $)
 * Philippines (USD $)
 * Pitcairn Islands (USD $)
 * Poland (USD $)
 * Portugal (USD $)
 * Qatar (USD $)
 * Réunion (USD $)
 * Romania (USD $)
 * Russia (USD $)
 * Rwanda (USD $)
 * Samoa (USD $)
 * San Marino (USD $)
 * São Tomé & Príncipe (USD $)
 * Saudi Arabia (USD $)
 * Senegal (USD $)
 * Serbia (USD $)
 * Seychelles (USD $)
 * Sierra Leone (USD $)
 * Singapore (USD $)
 * Sint Maarten (USD $)
 * Slovakia (USD $)
 * Slovenia (USD $)
 * Solomon Islands (USD $)
 * Somalia (USD $)
 * South Africa (USD $)
 * South Korea (USD $)
 * Spain (USD $)
 * Sri Lanka (USD $)
 * St. Barthélemy (USD $)
 * St. Helena (USD $)
 * St. Kitts & Nevis (USD $)
 * St. Lucia (USD $)
 * St. Martin (USD $)
 * St. Pierre & Miquelon (USD $)
 * St. Vincent & Grenadines (USD $)
 * Sudan (USD $)
 * Suriname (USD $)
 * Svalbard & Jan Mayen (USD $)
 * Sweden (USD $)
 * Switzerland (USD $)
 * Syria (USD $)
 * Taiwan (USD $)
 * Tajikistan (USD $)
 * Tanzania (USD $)
 * Thailand (USD $)
 * Timor-Leste (USD $)
 * Togo (USD $)
 * Tokelau (USD $)
 * Tonga (USD $)
 * Trinidad & Tobago (USD $)
 * Tunisia (USD $)
 * Turkey (USD $)
 * Turkmenistan (USD $)
 * Turks & Caicos Islands (USD $)
 * Tuvalu (USD $)
 * U.S. Outlying Islands (USD $)
 * Uganda (USD $)
 * Ukraine (USD $)
 * United Arab Emirates (USD $)
 * United Kingdom (USD $)
 * United States (USD $)
 * Uruguay (USD $)
 * Uzbekistan (USD $)
 * Vanuatu (USD $)
 * Vatican City (USD $)
 * Venezuela (USD $)
 * Vietnam (USD $)
 * Wallis & Futuna (USD $)
 * Western Sahara (USD $)
 * Yemen (USD $)
 * Zambia (USD $)
 * Zimbabwe (USD $)


Close (esc)




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


x




 * Product Reviews
 * Site Reviews

03/31/2023
Brittany W.
United States
Gorgeous and cheeky!
SUPER well cut bottoms. These are my second Saltwater bottoms, and I'm really
impressed with the cut of this pair. They are *very* cheeky, but so comfortable
and I don't have to adjust at all while wearing them. Love the high waist.
Thick, high quality fabric. Love them. I ordered a size Medium...SUPER well cut
bottoms. These are my second Saltwater bottoms, and I'm really impressed with
the cut of this pair. They are *very* cheeky, but so comfortable and I don't
have to adjust at all while wearing them. Love the high waist. Thick, high
quality fabric. Love them. I ordered a size Medium and have 28" waist and 37"
hips.
Lindsay Bottom / Red
11/23/2022
Aislinn J.
United States
Best surprise
Loved the colors and styles.
BIKINI SURPRISE BAG
09/07/2022
Shayla F.
Canada
Beautiful product
Quality is incredible, and I am so pleased with the customer service. There was
a delay by about a week and a customer service rep reached out to me and let me
know! She also helped me all the way though exchanging the size in the bottoms
and was so kind and friendly! Amazing work Kayla!
Leo Bottom / Azul
06/21/2022
Mariah M.
United States
Just perfect!
It’s so hard for me to find swim suits. I’m 5’4 and 100lbs, shorter torso. These
fit like a glove and they are so comfy! Not too tight, no baggy loose fabric. I
love them!

Ava Bottom / Lavender
06/08/2022
Diana M.
Canada
love it
this top feels really comfortable to wear, the material is great. I ordered a
Medium size since i usually wear M, but it was too tight. Thank you so much for
a quick help and exchange for a Large size, which fits perfectly (a little to
loose on top, but still everything is protected) I am sorry...this top feels
really comfortable to wear, the material is great. I ordered a Medium size since
i usually wear M, but it was too tight. Thank you so much for a quick help and
exchange for a Large size, which fits perfectly (a little to loose on top, but
still everything is protected) I am sorry guys I don't have a measuring tape to
be more clear. I really appreciate your help and incredible eco-conscious
products💜🦕
Julia Top / Black
05/18/2022
Linda Y.
United States
Love but skews smaller
I love the plastic-free packaging. It's clear this swimsuit is high quality and
doesn't pill easily. The only downside is that the swimsuit's torso length is
short. I'm 5'6"/150 lbs and got a L and I think an XL would have been more
comfortable, which seems insane.
Kylah One - Piece / Black & Ivory
05/17/2022
Bronwen P.
Canada
Big bust ladies, this bikini top is for you!
Adjustable, side boob coverage, but still sexy! I have the worst time trying to
find well fitting bikini tops for my larger bust but smaller shoulders and
ribcage. But this top is perfect and isn't frumpy like some bikinis for larger
busts!
Alice Top / Citrus
04/21/2022
Aislinn J.
United States
Feels like butter
This bottom is EVERYTHING! Fits amazingly and so soft. Super cute.
Lucy Bottom / Blossom
04/11/2022
Michelle C.
Canada
Cute and Comfortable
The fabric is so soft and the cut super flattering, it's a perfect mid-rise
bottom.
Lindsay Bottom / Ivory
03/11/2022
Alyssa V.
Canada
Soft AF
Love it, sizing was perfect and I never want to take it off. Thank you for
making something so soft and comfortable
Bamboo Cami / Rose
02/26/2022
Kallee B.
United States
Buttery soft and flattering
Looks so good! Felt so good!

Paulina One - Piece / Black & Ivory
02/18/2022
Kayla F.
Canada
LOVE
Perfect fit. Hugs in all the right places. I paired the bottoms with the Amanda
Top. For someone how likes more coverage, I feel so confident in my new suit.
Thanks Saltwater!
Bettina Bottom / Black
02/09/2022
Camilla J.
United States
SO SOFT!
I love this sweater! It is so incredibly soft and comfy and the slim fit is
perfect :)
Bamboo Crew
10/06/2021
Mandeep J.
Canada
Great colour and Comfortable
Fits great and the colour is gorgeous. Had to order a Medium. I'm 5'2" with 37"
hips and 27" waist.
Celine Bottom / Orchid
09/17/2021
Linda B.
Canada
Too small
I really like the quality of these items, but find that they fit small. I
ordered a large top and bottom, based on the visual of the model in the picture.
I might be deluding myself, but I do not present as heavy as the model, but both
pieces were too small and I will need an XL. I am hoping the...I really like the
quality of these items, but find that they fit small. I ordered a large top and
bottom, based on the visual of the model in the picture. I might be deluding
myself, but I do not present as heavy as the model, but both pieces were too
small and I will need an XL. I am hoping the return process goes smoothly.
Amanda Top / Lavender
08/30/2021
Casey A.
Spain
Worth the wait!
I was on the waiting list for this item for months and purchased it as soon as
it became available. I'm 5´7 small chest and bought a size L. It fits great and
is the perfect red suit. Delivery was quick too!
Kylah One - Piece / Red
08/27/2021
sara
Sweden
great bikini
love the color and fit of this bikini, the fabric is a bit thicker than my other
bikinis I think the top runs big but the model photos are very helpful and
accurate, after looking through the lookbook I decided to size down by one size
and it fits perfect
Allana Triangle Top / Neon Green
08/27/2021
Sara B.
Sweden
great bikini
a thicker bikini fabric that has a high quality feeling to it and the fit is
really nice if you like lower coverage, this specific green color is super
bright irl which I love fits true to size
Allana Triangle Bottom / Neon Green
08/27/2021
leanne
Canada
Love it! needs longer straps for the neck though
Just like another top I have, these suits look deceiving in the packaging! Don't
fret! For reference, I am a chubby 53 year old woman who is a 40 DD, most of my
bust is in my side it seems. When I opened my package, I was sad. I tried it
anyways and it fit wonderfully! I stay in place even when I...Just like another
top I have, these suits look deceiving in the packaging! Don't fret! For
reference, I am a chubby 53 year old woman who is a 40 DD, most of my bust is in
my side it seems. When I opened my package, I was sad. I tried it anyways and it
fit wonderfully! I stay in place even when I roughhouse with family in the pool,
and its coverage is awesome on the sides for me! Colour is amazing and I get
lots of compliments. Only issue....Saltwater......you've got to lengthen those
neck ties! they are a little short. Give those rides another 6 inches of length
so that those of us to sometimes loosen straps as they lounge or, tie on the
side of the neck to avoid pain, can do so so! love your stuff.....
Alice Top / Aubergine
08/27/2021
Leanne R.
Canada
The look in the package is deceiving….LOVE IT
At first glance,I thought…it’ll never fit! I am a chubby 40 DD. It did! I don’t
think I’ll get great support for running and playing on the beach but for
relaxing and a little swimming - perfect! Love the colour. Only thought is that
the straps are too loose but that is an easy fix.
Julia Top / Seafoam
08/27/2021
Chris S.
Canada
Incredible company
Amazing company, SWC stands behind their values of integrity and community.
Purchased for my wife for her birthday, and came with a defect - they made it
right immediately. Fan and supporter for life right here! - Chris
Bamboo Crew
08/06/2021
Michelle A.
Canada
LOVE THE SUIT!
In love with this bathing suit! The fit is wonderful and the material is great!
10/10 would recommend
Paulina One - Piece / Aubergine
08/05/2021
Marie-Claude L.
Canada
In love with this bathing suit!
Such a beautiful soft material and the fit is perfect :)
Lindsay Bottom / Crepe
08/04/2021
Marcia S.
United States
Great swimsuit!
This is a beautiful suit. The fabric is really nice and feels wonderful next to
my skin. It is also super comfortable. I am 5’6” 123 lbs and because of my long
torso I tried three different sizes. I ended up with the medium which fits
great. I purchased the ivory with crepe straps ( love that...This is a beautiful
suit. The fabric is really nice and feels wonderful next to my skin. It is also
super comfortable. I am 5’6” 123 lbs and because of my long torso I tried three
different sizes. I ended up with the medium which fits great. I purchased the
ivory with crepe straps ( love that contrast detail!) and am considering
purchasing it in black with ivory. The Salt Collective team were very supportive
throughout.
Paulina One - Piece / Ivory & Crepe
08/04/2021
Allison F.
United States
Love it!
I love this bikini. It’s perfect for tanning. I’m not confident in my body at
all but these bathing suits make me feel good and customer service here is
always great. 10/10
Allana Triangle Bottom / Neon Green
07/20/2021
Cristina R.
Canada
Must buy
Excellent quality, beautiful, vibrant colour, well worth the money! These
bottoms are the perfect cut, they can be worn high on the leg to give you that
long leg look. I sized up for more coverage on the bum but because of the side
ties I think you can get away with it! May just be my new favourite...Excellent
quality, beautiful, vibrant colour, well worth the money! These bottoms are the
perfect cut, they can be worn high on the leg to give you that long leg look. I
sized up for more coverage on the bum but because of the side ties I think you
can get away with it! May just be my new favourite swim bottom.
Allana Triangle Bottom / Neon Green
07/02/2021
Maria B.
United States
the best bottoms
such a cute fit
Bettina Bottom / Chartreuse
07/02/2021
Michelle A.
Canada
amazing
love it so much! Fits perfectly and great quality! Will definitely be buying
from here again
Kylah One - Piece / Caicos
06/17/2021
Deanna S.
Canada
Beautiful
What an amazing suit! Love it!!
Claire Bandeau / Lavender
06/13/2021
Jessica B.
Canada
Yellow is the new style
100% love everything about this swimsuit. Not only that it is eco friendly, it's
made in Canada. The fit it lovely and shapes me in a lovely, sexy and beautiful
way.
Paulina One - Piece / Citrus


REVIEWS




Close form 1

15% OFF

Join the collective for the latest product drops, promotions, and more! 




By submitting this form and signing up for texts and emails, you consent to
receive marketing text messages, and emails (e.g. promos, cart reminders) from
The Saltwater Collective at the number provided, including messages sent by
autodialer. Consent is not a condition of purchase. Msg & data rates may apply.
Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the
unsubscribe link (where available).

Privacy Policy & Terms.

SUBSCRIBE