hbx.com Open in urlscan Pro
18.66.192.9  Public Scan

Submitted URL: https://trk.hbx.com/ls/click?upn=g-2FUSQZhCAQEGJOA2XFBln4XOz53XXTLbr2kJQn4TubLUwR2NYN93JQVfaXWZCUur4pKaU7G3OZVjUwl7z...
Effective URL: https://hbx.com/?utm_source=Klaviyo&utm_medium=email&utm_campaign=2023-1-23327-Laceless-Sneakers-Trend-Spotlight...
Submission: On January 03 via api from BE — Scanned from DE

Form analysis 6 forms found in the DOM

/search

<form action="/search" class="form-search flex items-center border pr-xs h-full border-input" data-v-11aa7e34="">
  <div class="relative w-full" data-v-11aa7e34=""><input type="text" name="q" autocomplete="off" placeholder="Search" class="relative z-10 border-0 h-full w-full pl-md" data-v-11aa7e34="" style="flex-grow: 5;"><input type="text" disabled=""
      class="absolute -z-10 top-0 left-0 pointer-events-none border-0 h-full w-full pl-md hidden" data-v-11aa7e34=""></div><span class="uppercase underline text-muted px-sm cursor-pointer text-xs m-0" data-v-11aa7e34=""
    style="display: none;">Clear</span>
  <div class="cursor-pointer" data-v-11aa7e34=""><svg class="icon" data-v-11aa7e34="">
      <use xlink:href="/icomoon/hbx/symbol-defs.svg#icon-ic_nav-search" data-v-11aa7e34=""></use>
    </svg></div>
</form>

/search

<form action="/search" class="formSearch flex items-center" itemprop="potentialAction" itemscope="" itemtype="https://schema.org/SearchAction" data-v-241f4938="">
  <meta itemprop="target" content="https://hbx.com/cn/search?q={q}" data-v-241f4938=""><span class="hbx:hidden md:back w-md h-md bg-contain bg-center" data-v-241f4938=""></span>
  <div class="relative flex-1" data-v-241f4938=""><input itemprop="query-input" type="text" name="q" autocomplete="off" placeholder="Search" class="relative z-10 w-full py-xs px-sm border-0 hover:border-0 focus:ring-0" data-v-241f4938=""><input
      type="text" disabled="" class="absolute -z-10 top-0 left-0 w-full pointer-events-none py-xs px-sm border-0 hover:border-0 focus:ring-0" data-v-241f4938=""></div>
  <div data-v-241f4938=""><span class="uppercase underline hypebae:capitalize md:text-muted px-sm cursor-pointer text-xs" data-v-241f4938="" style="display: none;">Clear</span></div>
</form>

POST /settings

<form method="post" action="/settings" class="flex flex-col overflow-hidden leading-dense locale-setting-list">
  <div class="section-item cursor-pointer hover:opacity-70">English <!--v-if--></div>
  <div class="section-item cursor-pointer hover:opacity-70">简体中文 <!--v-if--></div>
  <div class="section-item cursor-pointer hover:opacity-70">繁體中文 <!--v-if--></div>
  <div class="section-item cursor-pointer hover:opacity-70">日本語 <!--v-if--></div>
  <div class="section-item cursor-pointer hover:opacity-70">한국어 <!--v-if--></div><input name="locale" type="hidden" value="en_US"><input name="redirect" type="hidden" value="hbx_shop_homepage"><input name="redirect_params" type="hidden"
    value="{&quot;template&quot;:&quot;@SyliusShop\/Catalog\/homepage.html.twig&quot;,&quot;homepage&quot;:&quot;gender&quot;,&quot;_locale&quot;:&quot;en_US&quot;,&quot;_channel&quot;:&quot;hbx&quot;,&quot;_supported_genders&quot;:&quot;men|women|life|archives&quot;}">
</form>

POST /settings

<form method="post" action="/settings" class="flex flex-col overflow-hidden leading-dense locale-setting-list">
  <div class="section-item cursor-pointer hover:opacity-70 flex justify-between">English <svg class="icon ml-xs text-black" style="height: 15px;">
      <use xlink:href="/icomoon/hbx/symbol-defs.svg#icon-option-selected"></use>
    </svg></div>
  <div class="section-item cursor-pointer hover:opacity-70 flex justify-between">简体中文 <!--v-if--></div>
  <div class="section-item cursor-pointer hover:opacity-70 flex justify-between">繁體中文 <!--v-if--></div>
  <div class="section-item cursor-pointer hover:opacity-70 flex justify-between">日本語 <!--v-if--></div>
  <div class="section-item cursor-pointer hover:opacity-70 flex justify-between">한국어 <!--v-if--></div><input name="locale" type="hidden" value="en_US"><input name="redirect" type="hidden" value="hbx_shop_homepage"><input name="redirect_params"
    type="hidden"
    value="{&quot;template&quot;:&quot;@SyliusShop\/Catalog\/homepage.html.twig&quot;,&quot;homepage&quot;:&quot;gender&quot;,&quot;_locale&quot;:&quot;en_US&quot;,&quot;_channel&quot;:&quot;hbx&quot;,&quot;_supported_genders&quot;:&quot;men|women|life|archives&quot;}">
</form>

POST /settings

<form method="post" action="/settings" class="flex flex-col overflow-hidden"><label class="form-label leading-dense">Delivery Destination Or Region</label>
  <div class="w-full border-input border flex items-center"><input name="keyword" type="text" autocomplete="off" class="border-0 flex-grow px-md" placeholder="Search for a destination or region"><!--v-if--></div>
  <div class="flex flex-col overflow-y-scroll leading-dense mt-lg pb-xs country-setting-list thin-scrollbar" style="display: none;"><!-- Show searching results -->
    <div class="flex flex-col gap-y-lg" style="display: none;">
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Algeria (DZ)" class="border fflag fflag-DZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Algeria (DZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Andorra (AD)" class="border fflag fflag-AD" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Andorra (AD)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Angola (AO)" class="border fflag fflag-AO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Angola (AO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Argentina (AR)" class="border fflag fflag-AR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Argentina (AR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Armenia (AM)" class="border fflag fflag-AM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Armenia (AM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Aruba (AW)" class="border fflag fflag-AW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Aruba (AW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Australia (AU)" class="border fflag fflag-AU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Australia (AU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">AUD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Austria (AT)" class="border fflag fflag-AT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Austria (AT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Azerbaijan (AZ)" class="border fflag fflag-AZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Azerbaijan (AZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bahamas (BS)" class="border fflag fflag-BS" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bahamas (BS)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bahrain (BH)" class="border fflag fflag-BH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bahrain (BH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bangladesh (BD)" class="border fflag fflag-BD" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bangladesh (BD)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Belgium (BE)" class="border fflag fflag-BE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Belgium (BE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Belize (BZ)" class="border fflag fflag-BZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Belize (BZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bermuda (BM)" class="border fflag fflag-BM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bermuda (BM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bhutan (BT)" class="border fflag fflag-BT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bhutan (BT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Botswana (BW)" class="border fflag fflag-BW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Botswana (BW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Brunei (BN)" class="border fflag fflag-BN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Brunei (BN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cambodia (KH)" class="border fflag fflag-KH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cambodia (KH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cameroon (CM)" class="border fflag fflag-CM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cameroon (CM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Canada (CA)" class="border fflag fflag-CA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Canada (CA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">CAD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cayman Islands (KY)" class="border fflag fflag-KY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cayman Islands (KY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Chile (CL)" class="border fflag fflag-CL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Chile (CL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="China (CN)" class="border fflag fflag-CN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">China (CN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">CNY</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Colombia (CO)" class="border fflag fflag-CO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Colombia (CO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Costa Rica (CR)" class="border fflag fflag-CR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Costa Rica (CR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cyprus (CY)" class="border fflag fflag-CY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cyprus (CY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Czechia (CZ)" class="border fflag fflag-CZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Czechia (CZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Denmark (DK)" class="border fflag fflag-DK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Denmark (DK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Dominican Republic (DO)" class="border fflag fflag-DO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Dominican Republic (DO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Ecuador (EC)" class="border fflag fflag-EC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Ecuador (EC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="El Salvador (SV)" class="border fflag fflag-SV" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">El Salvador (SV)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Estonia (EE)" class="border fflag fflag-EE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Estonia (EE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Eswatini (SZ)" class="border fflag fflag-SZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Eswatini (SZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Faroe Islands (FO)" class="border fflag fflag-FO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Faroe Islands (FO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Finland (FI)" class="border fflag fflag-FI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Finland (FI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="France (FR)" class="border fflag fflag-FR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">France (FR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="French Polynesia (PF)" class="border fflag fflag-PF" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">French Polynesia (PF)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Gabon (GA)" class="border fflag fflag-GA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Gabon (GA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Gambia (GM)" class="border fflag fflag-GM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Gambia (GM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Georgia (GE)" class="border fflag fflag-GE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Georgia (GE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Germany (DE)" class="border fflag fflag-DE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Germany (DE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Ghana (GH)" class="border fflag fflag-GH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Ghana (GH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Gibraltar (GI)" class="border fflag fflag-GI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Gibraltar (GI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Greenland (GL)" class="border fflag fflag-GL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Greenland (GL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Guadeloupe (GP)" class="border fflag fflag-GP" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Guadeloupe (GP)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Guam (GU)" class="border fflag fflag-GU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Guam (GU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Guatemala (GT)" class="border fflag fflag-GT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Guatemala (GT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Honduras (HN)" class="border fflag fflag-HN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Honduras (HN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Hong Kong SAR (HK)" class="border fflag fflag-HK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Hong Kong SAR (HK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">HKD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Hungary (HU)" class="border fflag fflag-HU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Hungary (HU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Iceland (IS)" class="border fflag fflag-IS" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Iceland (IS)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="India (IN)" class="border fflag fflag-IN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">India (IN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">INR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Indonesia (ID)" class="border fflag fflag-ID" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Indonesia (ID)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Ireland (IE)" class="border fflag fflag-IE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Ireland (IE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Israel (IL)" class="border fflag fflag-IL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Israel (IL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Italy (IT)" class="border fflag fflag-IT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Italy (IT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Japan (JP)" class="border fflag fflag-JP" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Japan (JP)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">JPY</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Jordan (JO)" class="border fflag fflag-JO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Jordan (JO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Kenya (KE)" class="border fflag fflag-KE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Kenya (KE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Kuwait (KW)" class="border fflag fflag-KW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Kuwait (KW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Laos (LA)" class="border fflag fflag-LA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Laos (LA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Latvia (LV)" class="border fflag fflag-LV" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Latvia (LV)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Liechtenstein (LI)" class="border fflag fflag-LI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Liechtenstein (LI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Lithuania (LT)" class="border fflag fflag-LT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Lithuania (LT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Luxembourg (LU)" class="border fflag fflag-LU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Luxembourg (LU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Macau SAR (MO)" class="border fflag fflag-MO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Macau SAR (MO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">HKD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Malaysia (MY)" class="border fflag fflag-MY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Malaysia (MY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Malta (MT)" class="border fflag fflag-MT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Malta (MT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Martinique (MQ)" class="border fflag fflag-MQ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Martinique (MQ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Mexico (MX)" class="border fflag fflag-MX" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Mexico (MX)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Moldova (MD)" class="border fflag fflag-MD" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Moldova (MD)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Monaco (MC)" class="border fflag fflag-MC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Monaco (MC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Mongolia (MN)" class="border fflag fflag-MN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Mongolia (MN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Morocco (MA)" class="border fflag fflag-MA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Morocco (MA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Mozambique (MZ)" class="border fflag fflag-MZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Mozambique (MZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Namibia (NA)" class="border fflag fflag-NA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Namibia (NA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Netherlands (NL)" class="border fflag fflag-NL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Netherlands (NL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="New Caledonia (NC)" class="border fflag fflag-NC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">New Caledonia (NC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="New Zealand (NZ)" class="border fflag fflag-NZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">New Zealand (NZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">NZD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Northern Mariana Islands (MP)" class="border fflag fflag-MP" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Northern Mariana Islands (MP)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Norway (NO)" class="border fflag fflag-NO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Norway (NO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Oman (OM)" class="border fflag fflag-OM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Oman (OM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Pakistan (PK)" class="border fflag fflag-PK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Pakistan (PK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Palau (PW)" class="border fflag fflag-PW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Palau (PW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Panama (PA)" class="border fflag fflag-PA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Panama (PA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Paraguay (PY)" class="border fflag fflag-PY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Paraguay (PY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Peru (PE)" class="border fflag fflag-PE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Peru (PE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Philippines (PH)" class="border fflag fflag-PH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Philippines (PH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">PHP</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Poland (PL)" class="border fflag fflag-PL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Poland (PL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Portugal (PT)" class="border fflag fflag-PT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Portugal (PT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Qatar (QA)" class="border fflag fflag-QA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Qatar (QA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Réunion (RE)" class="border fflag fflag-RE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Réunion (RE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="San Marino (SM)" class="border fflag fflag-SM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">San Marino (SM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Saudi Arabia (SA)" class="border fflag fflag-SA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Saudi Arabia (SA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">SAR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Senegal (SN)" class="border fflag fflag-SN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Senegal (SN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Seychelles (SC)" class="border fflag fflag-SC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Seychelles (SC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Singapore (SG)" class="border fflag fflag-SG" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Singapore (SG)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">SGD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Slovakia (SK)" class="border fflag fflag-SK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Slovakia (SK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="South Korea (KR)" class="border fflag fflag-KR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">South Korea (KR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">KRW</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Spain (ES)" class="border fflag fflag-ES" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Spain (ES)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Sweden (SE)" class="border fflag fflag-SE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Sweden (SE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Switzerland (CH)" class="border fflag fflag-CH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Switzerland (CH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">CHF</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Taiwan Region (TW)" class="border fflag fflag-TW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Taiwan Region (TW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">TWD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Thailand (TH)" class="border fflag fflag-TH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Thailand (TH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">THB</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Trinidad &amp; Tobago (TT)" class="border fflag fflag-TT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Trinidad &amp; Tobago (TT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="U.S. Virgin Islands (VI)" class="border fflag fflag-VI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">U.S. Virgin Islands (VI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United Arab Emirates (AE)" class="border fflag fflag-AE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United Arab Emirates (AE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">AED</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United Kingdom (GB)" class="border fflag fflag-GB" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United Kingdom (GB)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">GBP</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United States (US)" class="border fflag fflag-US" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United States (US)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Uruguay (UY)" class="border fflag fflag-UY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Uruguay (UY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Vietnam (VN)" class="border fflag fflag-VN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Vietnam (VN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">VND</span><!--v-if--></div>
      </div>
    </div>
    <div class="text-center normal-case">No results found.</div>
  </div>
  <div class="flex flex-col overflow-y-scroll leading-dense mt-lg pb-xs country-setting-list thin-scrollbar"><!-- Show the selected country -->
    <div class="flex justify-between">
      <div class="flex items-center">
        <div class="border fflag fflag-DE" alt="Germany (DE)" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
        <div class="text-base ml-sm capitalize">Germany (DE)</div>
      </div>
      <div class="flex items-end text-muted"><span class="text-sm">USD</span><svg class="icon ml-xs text-black" style="height: 15px;">
          <use xlink:href="/icomoon/hbx/symbol-defs.svg#icon-option-selected"></use>
        </svg></div>
    </div><!-- Show top locations -->
    <div class="my-lg">
      <hr class="hr-separator full-separator w-full">
    </div>
    <div class="flex flex-col gap-y-lg">
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="China (CN)" class="border fflag fflag-CN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">China (CN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">CNY</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Hong Kong SAR (HK)" class="border fflag fflag-HK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Hong Kong SAR (HK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">HKD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Japan (JP)" class="border fflag fflag-JP" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Japan (JP)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">JPY</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="South Korea (KR)" class="border fflag fflag-KR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">South Korea (KR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">KRW</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Taiwan Region (TW)" class="border fflag fflag-TW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Taiwan Region (TW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">TWD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United Kingdom (GB)" class="border fflag fflag-GB" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United Kingdom (GB)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">GBP</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United States (US)" class="border fflag fflag-US" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United States (US)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
    </div><!-- Show all locations -->
    <div class="my-lg">
      <hr class="hr-separator" style="width: 25px;">
    </div>
    <div class="flex flex-col gap-y-lg">
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Algeria (DZ)" class="border fflag fflag-DZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Algeria (DZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Andorra (AD)" class="border fflag fflag-AD" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Andorra (AD)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Angola (AO)" class="border fflag fflag-AO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Angola (AO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Argentina (AR)" class="border fflag fflag-AR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Argentina (AR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Armenia (AM)" class="border fflag fflag-AM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Armenia (AM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Aruba (AW)" class="border fflag fflag-AW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Aruba (AW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Australia (AU)" class="border fflag fflag-AU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Australia (AU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">AUD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Austria (AT)" class="border fflag fflag-AT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Austria (AT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Azerbaijan (AZ)" class="border fflag fflag-AZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Azerbaijan (AZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bahamas (BS)" class="border fflag fflag-BS" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bahamas (BS)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bahrain (BH)" class="border fflag fflag-BH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bahrain (BH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bangladesh (BD)" class="border fflag fflag-BD" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bangladesh (BD)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Belgium (BE)" class="border fflag fflag-BE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Belgium (BE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Belize (BZ)" class="border fflag fflag-BZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Belize (BZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bermuda (BM)" class="border fflag fflag-BM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bermuda (BM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Bhutan (BT)" class="border fflag fflag-BT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Bhutan (BT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Botswana (BW)" class="border fflag fflag-BW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Botswana (BW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Brunei (BN)" class="border fflag fflag-BN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Brunei (BN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cambodia (KH)" class="border fflag fflag-KH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cambodia (KH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cameroon (CM)" class="border fflag fflag-CM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cameroon (CM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Canada (CA)" class="border fflag fflag-CA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Canada (CA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">CAD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cayman Islands (KY)" class="border fflag fflag-KY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cayman Islands (KY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Chile (CL)" class="border fflag fflag-CL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Chile (CL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="China (CN)" class="border fflag fflag-CN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">China (CN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">CNY</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Colombia (CO)" class="border fflag fflag-CO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Colombia (CO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Costa Rica (CR)" class="border fflag fflag-CR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Costa Rica (CR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Cyprus (CY)" class="border fflag fflag-CY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Cyprus (CY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Czechia (CZ)" class="border fflag fflag-CZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Czechia (CZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Denmark (DK)" class="border fflag fflag-DK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Denmark (DK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Dominican Republic (DO)" class="border fflag fflag-DO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Dominican Republic (DO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Ecuador (EC)" class="border fflag fflag-EC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Ecuador (EC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="El Salvador (SV)" class="border fflag fflag-SV" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">El Salvador (SV)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Estonia (EE)" class="border fflag fflag-EE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Estonia (EE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Eswatini (SZ)" class="border fflag fflag-SZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Eswatini (SZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Faroe Islands (FO)" class="border fflag fflag-FO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Faroe Islands (FO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Finland (FI)" class="border fflag fflag-FI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Finland (FI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="France (FR)" class="border fflag fflag-FR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">France (FR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="French Polynesia (PF)" class="border fflag fflag-PF" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">French Polynesia (PF)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Gabon (GA)" class="border fflag fflag-GA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Gabon (GA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Gambia (GM)" class="border fflag fflag-GM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Gambia (GM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Georgia (GE)" class="border fflag fflag-GE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Georgia (GE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Germany (DE)" class="border fflag fflag-DE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Germany (DE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Ghana (GH)" class="border fflag fflag-GH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Ghana (GH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Gibraltar (GI)" class="border fflag fflag-GI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Gibraltar (GI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Greenland (GL)" class="border fflag fflag-GL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Greenland (GL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Guadeloupe (GP)" class="border fflag fflag-GP" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Guadeloupe (GP)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Guam (GU)" class="border fflag fflag-GU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Guam (GU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Guatemala (GT)" class="border fflag fflag-GT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Guatemala (GT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Honduras (HN)" class="border fflag fflag-HN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Honduras (HN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Hong Kong SAR (HK)" class="border fflag fflag-HK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Hong Kong SAR (HK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">HKD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Hungary (HU)" class="border fflag fflag-HU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Hungary (HU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Iceland (IS)" class="border fflag fflag-IS" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Iceland (IS)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="India (IN)" class="border fflag fflag-IN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">India (IN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">INR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Indonesia (ID)" class="border fflag fflag-ID" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Indonesia (ID)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Ireland (IE)" class="border fflag fflag-IE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Ireland (IE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Israel (IL)" class="border fflag fflag-IL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Israel (IL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Italy (IT)" class="border fflag fflag-IT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Italy (IT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Japan (JP)" class="border fflag fflag-JP" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Japan (JP)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">JPY</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Jordan (JO)" class="border fflag fflag-JO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Jordan (JO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Kenya (KE)" class="border fflag fflag-KE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Kenya (KE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Kuwait (KW)" class="border fflag fflag-KW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Kuwait (KW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Laos (LA)" class="border fflag fflag-LA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Laos (LA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Latvia (LV)" class="border fflag fflag-LV" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Latvia (LV)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Liechtenstein (LI)" class="border fflag fflag-LI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Liechtenstein (LI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Lithuania (LT)" class="border fflag fflag-LT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Lithuania (LT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Luxembourg (LU)" class="border fflag fflag-LU" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Luxembourg (LU)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Macau SAR (MO)" class="border fflag fflag-MO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Macau SAR (MO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">HKD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Malaysia (MY)" class="border fflag fflag-MY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Malaysia (MY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Malta (MT)" class="border fflag fflag-MT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Malta (MT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Martinique (MQ)" class="border fflag fflag-MQ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Martinique (MQ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Mexico (MX)" class="border fflag fflag-MX" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Mexico (MX)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Moldova (MD)" class="border fflag fflag-MD" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Moldova (MD)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Monaco (MC)" class="border fflag fflag-MC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Monaco (MC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Mongolia (MN)" class="border fflag fflag-MN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Mongolia (MN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Morocco (MA)" class="border fflag fflag-MA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Morocco (MA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Mozambique (MZ)" class="border fflag fflag-MZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Mozambique (MZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Namibia (NA)" class="border fflag fflag-NA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Namibia (NA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Netherlands (NL)" class="border fflag fflag-NL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Netherlands (NL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="New Caledonia (NC)" class="border fflag fflag-NC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">New Caledonia (NC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="New Zealand (NZ)" class="border fflag fflag-NZ" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">New Zealand (NZ)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">NZD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Northern Mariana Islands (MP)" class="border fflag fflag-MP" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Northern Mariana Islands (MP)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Norway (NO)" class="border fflag fflag-NO" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Norway (NO)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Oman (OM)" class="border fflag fflag-OM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Oman (OM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Pakistan (PK)" class="border fflag fflag-PK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Pakistan (PK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Palau (PW)" class="border fflag fflag-PW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Palau (PW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Panama (PA)" class="border fflag fflag-PA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Panama (PA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Paraguay (PY)" class="border fflag fflag-PY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Paraguay (PY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Peru (PE)" class="border fflag fflag-PE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Peru (PE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Philippines (PH)" class="border fflag fflag-PH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Philippines (PH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">PHP</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Poland (PL)" class="border fflag fflag-PL" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Poland (PL)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Portugal (PT)" class="border fflag fflag-PT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Portugal (PT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Qatar (QA)" class="border fflag fflag-QA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Qatar (QA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Réunion (RE)" class="border fflag fflag-RE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Réunion (RE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="San Marino (SM)" class="border fflag fflag-SM" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">San Marino (SM)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Saudi Arabia (SA)" class="border fflag fflag-SA" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Saudi Arabia (SA)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">SAR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Senegal (SN)" class="border fflag fflag-SN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Senegal (SN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Seychelles (SC)" class="border fflag fflag-SC" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Seychelles (SC)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Singapore (SG)" class="border fflag fflag-SG" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Singapore (SG)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">SGD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Slovakia (SK)" class="border fflag fflag-SK" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Slovakia (SK)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="South Korea (KR)" class="border fflag fflag-KR" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">South Korea (KR)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">KRW</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Spain (ES)" class="border fflag fflag-ES" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Spain (ES)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">EUR</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Sweden (SE)" class="border fflag fflag-SE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Sweden (SE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Switzerland (CH)" class="border fflag fflag-CH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Switzerland (CH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">CHF</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Taiwan Region (TW)" class="border fflag fflag-TW" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Taiwan Region (TW)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">TWD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Thailand (TH)" class="border fflag fflag-TH" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Thailand (TH)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">THB</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Trinidad &amp; Tobago (TT)" class="border fflag fflag-TT" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Trinidad &amp; Tobago (TT)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="U.S. Virgin Islands (VI)" class="border fflag fflag-VI" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">U.S. Virgin Islands (VI)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United Arab Emirates (AE)" class="border fflag fflag-AE" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United Arab Emirates (AE)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">AED</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United Kingdom (GB)" class="border fflag fflag-GB" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United Kingdom (GB)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">GBP</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="United States (US)" class="border fflag fflag-US" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">United States (US)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Uruguay (UY)" class="border fflag fflag-UY" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Uruguay (UY)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">USD</span><!--v-if--></div>
      </div>
      <div class="flex justify-between cursor-pointer hover:opacity-70">
        <div class="flex items-center">
          <div alt="Vietnam (VN)" class="border fflag fflag-VN" style="width: 21px; height: 13px; margin-top: 2.5px;"></div>
          <div class="text-base ml-sm capitalize">Vietnam (VN)</div>
        </div>
        <div class="flex items-end text-muted"><span class="text-sm">VND</span><!--v-if--></div>
      </div>
    </div>
  </div><input name="country" type="hidden" value="DE"><input name="currency" type="hidden" value="USD"><input name="locale" type="hidden" value="en_US"><input name="redirect" type="hidden" value="hbx_shop_homepage"><input name="redirect_params"
    type="hidden"
    value="{&quot;template&quot;:&quot;@SyliusShop\/Catalog\/homepage.html.twig&quot;,&quot;homepage&quot;:&quot;gender&quot;,&quot;_locale&quot;:&quot;en_US&quot;,&quot;_channel&quot;:&quot;hbx&quot;,&quot;_supported_genders&quot;:&quot;men|women|life|archives&quot;}">
</form>

POST https://hbx.com/newsletter

<form method="post" action="https://hbx.com/newsletter" class="side-button-input-group w-full flex flex-row flex-nowrap"><input type="email" name="email" placeholder="Email Address" class="border-none flex-grow w-2/5" required=""><input
    type="checkbox" name="lists[]" class="hidden" value="men"><input type="checkbox" name="lists[]" class="hidden" value="women"><input type="checkbox" name="lists[]" class="hidden" value="life"><input type="checkbox" name="lists[]" class="hidden"
    value="archives"><button class="form-button secondary border-none" onclick="this.parentNode.submit(); return false;" data-controller="ga-custom-event" data-ga-custom-event-category-value="footer_newsletter_subscribe"
    data-ga-custom-event-action-value="click" data-ga-custom-event-label-value="subscribe"> Subscribe </button></form>

Text Content

END OF SEASON SALE NOW LIVE. ENJOY UP TO 60% OFF YOUR FAVOURITE BRANDS. See More
MenWomenLifeGolfArchivesSaleJournal

Clear




EN

 * Featured
 * New arrivals
 * Hypebeast Goods and Services
 * Fall & Winter Hooded Jackets guide

 * Clothing
 * Hoodies
 * Jackets & Coats
 * Jeans
 * Knitwear
 * Pants
 * Shirts
 * Sweatshirts
 * T-shirts
 * Shop all

 * Accessories
 * Bags
 * Eyewear
 * Gloves
 * Hats
 * Jewelry
 * Scarves
 * Socks
 * Wallets
 * Shop all

 * Shoes
 * Boots
 * Casual Shoes
 * Sandals
 * Sneakers
 * Shop all

 * Brands
 * Acronym
 * Human Made
 * Maison Margiela
 * Maison Mihara Yasuhiro
 * Moncler
 * New Balance
 * Stone Island
 * Sacai
 * Brands A-Z

 * Explore Our Private Sale For HBX Pro Members Only
   

 * Featured
 * New arrivals
 * Hypebeast Goods and Services
 * Modern rebel style guide

 * Clothing
 * Dresses
 * Jackets & Coats
 * Jeans
 * Knitwear
 * Pants
 * Sweatshirts
 * Tops
 * T-shirts
 * Shop all

 * Accessories
 * Bags
 * Belts
 * Eyewear
 * Gloves
 * Hats
 * Jewelry
 * Scarves
 * Wallets
 * Shop all

 * Bags
 * Backpacks
 * Belts bags
 * Clutches
 * Cross-body bags
 * Mini bags
 * Shoulder bags
 * Tote bags
 * Shop all

 * Shoes
 * Boots
 * Casual shoes
 * Heels
 * Sandals
 * Sneakers
 * Shop all

 * Brands
 * Alexander Wang
 * Burberry
 * CHLOÉ
 * Human Made
 * Loewe
 * Maison Kitsune
 * Maison Margiela
 * Maison Mihara Yasuhiro
 * Brands A-Z

 * Explore Our Private Sale For HBX Pro Members Only
   

 * Featured
 * New arrivals
 * Aesop
 * Skincare Essentials: Night-Time Routine

 * Home
 * Dining
 * Home decor
 * Home fragrance
 * Lighting
 * Towels & Linens
 * Shop all

 * Life
 * Body care
 * Books & Magazines
 * Collectibles
 * Outdoor
 * Pets
 * Shoe & Garment care
 * Sports
 * Tech & Gadgets
 * Shop all

 * Brands
 * Aesop
 * BORNN
 * Chums
 * Hypebeast Magazine
 * Marshall
 * Medicom Toy
 * Snow Peak
 * Taschen
 * Brands A-Z

THE HBX GIFT SHOP: YOUR ULTIMATE 2023 HOLIDAY GIFT GUIDE
 * Featured
 * New arrivals
 * Staff picks

 * Clothing
 * Hoodies
 * Jackets & coats
 * Jeans
 * Knitwear
 * Pants
 * Sweatshirts
 * Shirts
 * T-Shirts
 * Shop all

 * Accessories
 * Bags
 * Eyewear
 * Hats
 * Jewelry
 * Scarves
 * Wallets
 * Shop all

 * Shoes
 * Boots
 * Casual shoes
 * Sandals
 * Sneakers
 * Shop all

 * Life
 * Body care
 * Collectibles
 * Home
 * Sports
 * Stationaries
 * Shop all

 * Brands
 * Balenciaga
 * Bape
 * Comme des Garçons
 * Fear of God Essentials
 * Jordan Brand
 * Mastermind Japan
 * Palace Skateboards
 * Supreme
 * Brands A-Z

 * Statement Shades: Discover pre-owned eyewear from Dior, Chrome Hearts and
   more.
   

 * Mens
 * Accessories
 * Clothing
 * Jackets & Coats
 * Pants
 * T-shirts
 * Shoes
 * Shirts
 * Sneakers
 * Shop all

 * Womens
 * Accessories
 * Bags
 * Clothing
 * Jackets & Coats
 * Sandals
 * Shoes
 * Sneakers
 * T-shirts
 * Shop all

 * Life
 * Collectibles
 * Dining
 * Home
 * Home decor
 * Home fragrance
 * Outdoor
 * Pets
 * Sports
 * Shop all

 * Archives
 * Accessories
 * Bags
 * Clothing
 * Hoodies
 * Jackets & Coats
 * Shoes
 * Sneakers
 * T-Shirts
 * Shop all

 * Private Sale
 * Men's private sale
 * Women's private sale

 * Explore Our Private Sale For HBX Pro Members Only
   

 * Featured
 * Explore golf
 * New arrivals: Malbon Golf

 * Clothing
 * Clothing
 * Pants
 * Shorts
 * Shop all

 * Accessories
 * Accessories
 * Equipment
 * Shop all

 * Brands
 * Bogey Boys
 * Manors Golf
 * Metalwood Studio
 * Ololo
 * Quiet Golf
 * Students
 * Walker Golf Things
 * Whim Golf

 * Explore our curated range of apparel and accessories made for the Golf
   course.
   

 * Explore Journal
 * All
 * Fashion
 * Footwear
 * Lifestyle
 * Culture

THE DENIM EDIT: 10 JEANS YOU SHOULD ADD TO YOUR WARDROBE
Clear


DELIVERY DESTINATION

Please select the region where your order will be shipped to. This will give you
the product pricing, delivery times and shipping costs for your destination.
Language
English
简体中文
繁體中文
日本語
한국어
Account
Sign up for HBX Pro and get unique access to features and benefits.
Login Sign Up
Help
FAQDelivery & ShippingReturnsPaymentContact UsOrder Status
You have no items in your shopping bag.
Sign up for HBX Pro and get unique access to features and benefits.
Learn More
Sign Up Login
Sections
Men Women Life Golf Archives Sale Journal
Help & Settings
Login Help
Language
EN
Delivery Destination

USD
More
Follow Us

Download the HBX App Subscribe to our newsletter about Retail Store Others
2024 Hypebeast Limited.All Rights Reserved.Terms & ConditionsPrivacy
PolicyGDPRHBX® is a registered trademark of Hypebeast Hong Kong Ltd.
Back To Home
Language
English
简体中文
繁體中文
日本語
한국어
Back To Home
Delivery Destination
Please select the region where your order will be shipped to. This will give you
the correct pricing, delivery times and shipping costs for your destination.
Delivery Destination Or Region

Algeria (DZ)
USD
Andorra (AD)
USD
Angola (AO)
USD
Argentina (AR)
USD
Armenia (AM)
USD
Aruba (AW)
USD
Australia (AU)
AUD
Austria (AT)
EUR
Azerbaijan (AZ)
USD
Bahamas (BS)
USD
Bahrain (BH)
USD
Bangladesh (BD)
USD
Belgium (BE)
EUR
Belize (BZ)
USD
Bermuda (BM)
USD
Bhutan (BT)
USD
Botswana (BW)
USD
Brunei (BN)
USD
Cambodia (KH)
USD
Cameroon (CM)
USD
Canada (CA)
CAD
Cayman Islands (KY)
USD
Chile (CL)
USD
China (CN)
CNY
Colombia (CO)
USD
Costa Rica (CR)
USD
Cyprus (CY)
EUR
Czechia (CZ)
USD
Denmark (DK)
USD
Dominican Republic (DO)
USD
Ecuador (EC)
USD
El Salvador (SV)
USD
Estonia (EE)
EUR
Eswatini (SZ)
USD
Faroe Islands (FO)
USD
Finland (FI)
EUR
France (FR)
EUR
French Polynesia (PF)
USD
Gabon (GA)
USD
Gambia (GM)
USD
Georgia (GE)
USD
Germany (DE)
EUR
Ghana (GH)
USD
Gibraltar (GI)
USD
Greenland (GL)
USD
Guadeloupe (GP)
USD
Guam (GU)
USD
Guatemala (GT)
USD
Honduras (HN)
USD
Hong Kong SAR (HK)
HKD
Hungary (HU)
USD
Iceland (IS)
USD
India (IN)
INR
Indonesia (ID)
USD
Ireland (IE)
EUR
Israel (IL)
USD
Italy (IT)
EUR
Japan (JP)
JPY
Jordan (JO)
USD
Kenya (KE)
USD
Kuwait (KW)
USD
Laos (LA)
USD
Latvia (LV)
EUR
Liechtenstein (LI)
USD
Lithuania (LT)
EUR
Luxembourg (LU)
EUR
Macau SAR (MO)
HKD
Malaysia (MY)
USD
Malta (MT)
EUR
Martinique (MQ)
USD
Mexico (MX)
USD
Moldova (MD)
USD
Monaco (MC)
USD
Mongolia (MN)
USD
Morocco (MA)
USD
Mozambique (MZ)
USD
Namibia (NA)
USD
Netherlands (NL)
EUR
New Caledonia (NC)
USD
New Zealand (NZ)
NZD
Northern Mariana Islands (MP)
USD
Norway (NO)
USD
Oman (OM)
USD
Pakistan (PK)
USD
Palau (PW)
USD
Panama (PA)
USD
Paraguay (PY)
USD
Peru (PE)
USD
Philippines (PH)
PHP
Poland (PL)
USD
Portugal (PT)
EUR
Qatar (QA)
USD
Réunion (RE)
USD
San Marino (SM)
USD
Saudi Arabia (SA)
SAR
Senegal (SN)
USD
Seychelles (SC)
USD
Singapore (SG)
SGD
Slovakia (SK)
EUR
South Korea (KR)
KRW
Spain (ES)
EUR
Sweden (SE)
USD
Switzerland (CH)
CHF
Taiwan Region (TW)
TWD
Thailand (TH)
THB
Trinidad & Tobago (TT)
USD
U.S. Virgin Islands (VI)
USD
United Arab Emirates (AE)
AED
United Kingdom (GB)
GBP
United States (US)
USD
Uruguay (UY)
USD
Vietnam (VN)
VND
No results found.
Germany (DE)
USD

--------------------------------------------------------------------------------

China (CN)
CNY
Hong Kong SAR (HK)
HKD
Japan (JP)
JPY
South Korea (KR)
KRW
Taiwan Region (TW)
TWD
United Kingdom (GB)
GBP
United States (US)
USD

--------------------------------------------------------------------------------

Algeria (DZ)
USD
Andorra (AD)
USD
Angola (AO)
USD
Argentina (AR)
USD
Armenia (AM)
USD
Aruba (AW)
USD
Australia (AU)
AUD
Austria (AT)
EUR
Azerbaijan (AZ)
USD
Bahamas (BS)
USD
Bahrain (BH)
USD
Bangladesh (BD)
USD
Belgium (BE)
EUR
Belize (BZ)
USD
Bermuda (BM)
USD
Bhutan (BT)
USD
Botswana (BW)
USD
Brunei (BN)
USD
Cambodia (KH)
USD
Cameroon (CM)
USD
Canada (CA)
CAD
Cayman Islands (KY)
USD
Chile (CL)
USD
China (CN)
CNY
Colombia (CO)
USD
Costa Rica (CR)
USD
Cyprus (CY)
EUR
Czechia (CZ)
USD
Denmark (DK)
USD
Dominican Republic (DO)
USD
Ecuador (EC)
USD
El Salvador (SV)
USD
Estonia (EE)
EUR
Eswatini (SZ)
USD
Faroe Islands (FO)
USD
Finland (FI)
EUR
France (FR)
EUR
French Polynesia (PF)
USD
Gabon (GA)
USD
Gambia (GM)
USD
Georgia (GE)
USD
Germany (DE)
EUR
Ghana (GH)
USD
Gibraltar (GI)
USD
Greenland (GL)
USD
Guadeloupe (GP)
USD
Guam (GU)
USD
Guatemala (GT)
USD
Honduras (HN)
USD
Hong Kong SAR (HK)
HKD
Hungary (HU)
USD
Iceland (IS)
USD
India (IN)
INR
Indonesia (ID)
USD
Ireland (IE)
EUR
Israel (IL)
USD
Italy (IT)
EUR
Japan (JP)
JPY
Jordan (JO)
USD
Kenya (KE)
USD
Kuwait (KW)
USD
Laos (LA)
USD
Latvia (LV)
EUR
Liechtenstein (LI)
USD
Lithuania (LT)
EUR
Luxembourg (LU)
EUR
Macau SAR (MO)
HKD
Malaysia (MY)
USD
Malta (MT)
EUR
Martinique (MQ)
USD
Mexico (MX)
USD
Moldova (MD)
USD
Monaco (MC)
USD
Mongolia (MN)
USD
Morocco (MA)
USD
Mozambique (MZ)
USD
Namibia (NA)
USD
Netherlands (NL)
EUR
New Caledonia (NC)
USD
New Zealand (NZ)
NZD
Northern Mariana Islands (MP)
USD
Norway (NO)
USD
Oman (OM)
USD
Pakistan (PK)
USD
Palau (PW)
USD
Panama (PA)
USD
Paraguay (PY)
USD
Peru (PE)
USD
Philippines (PH)
PHP
Poland (PL)
USD
Portugal (PT)
EUR
Qatar (QA)
USD
Réunion (RE)
USD
San Marino (SM)
USD
Saudi Arabia (SA)
SAR
Senegal (SN)
USD
Seychelles (SC)
USD
Singapore (SG)
SGD
Slovakia (SK)
EUR
South Korea (KR)
KRW
Spain (ES)
EUR
Sweden (SE)
USD
Switzerland (CH)
CHF
Taiwan Region (TW)
TWD
Thailand (TH)
THB
Trinidad & Tobago (TT)
USD
U.S. Virgin Islands (VI)
USD
United Arab Emirates (AE)
AED
United Kingdom (GB)
GBP
United States (US)
USD
Uruguay (UY)
USD
Vietnam (VN)
VND
Back To Home
Help
FAQ Delivery & Shipping Returns Payment Customs Duties & Taxes Order Status
Back To Home
Account
Account Profile Password Orders Wishlists Address Book Payment Methods
Subscriptions Returns Logout
Back To Home
Others
hbx pro referral program affiliates program Terms & Conditions Privacy Policy
GDPR
Back To Home
Men
Men's Home New Arrivals Sale

--------------------------------------------------------------------------------

Featured Clothing Accessories Shoes Brands
Explore Our Private Sale For HBX Pro Members Only

Back To Home
Women
Women's Home New Arrivals Sale

--------------------------------------------------------------------------------

Featured Clothing Accessories Bags Shoes Brands
Explore Our Private Sale For HBX Pro Members Only

Back To Home
Life
Life Home New Arrivals Sale

--------------------------------------------------------------------------------

Featured Home Life Brands
THE HBX GIFT SHOP: YOUR ULTIMATE 2023 HOLIDAY GIFT GUIDE
Back To Home
Golf
Golf Home New Arrivals

--------------------------------------------------------------------------------

Featured Clothing Accessories Brands
Explore our curated range of apparel and accessories made for the Golf course.

Back To Home
Back To Home
Archives
Archives Home New Arrivals Sale

--------------------------------------------------------------------------------

Featured Clothing Accessories Shoes Life Brands
Statement Shades: Discover pre-owned eyewear from Dior, Chrome Hearts and more.

Back To Home
Back To Home
Sale
Sale Home

--------------------------------------------------------------------------------

Mens Womens Life Archives Private Sale
Explore Our Private Sale For HBX Pro Members Only

Back To Home
Journal
Journal Home

--------------------------------------------------------------------------------

Explore Journal
THE DENIM EDIT: 10 JEANS YOU SHOULD ADD TO YOUR WARDROBE
Back To Home
Private Sale
Men Women Life
Back To Private Sale
Men
All Men's Private Sale
Categories
Shoes T-Shirts Hoodies Jackets Pants Accessories Polos
Back To Private Sale
Women
All Women's Private Sale
Categories
Shoes Bags Hoodies Jackets Pants Accessories Knitwear Skirts
Back To Private Sale
Life
All Life Private Sale
Categories
Home Tech & Gadgets Pets
Back To Men
Featured
New arrivals Hypebeast Goods and Services Fall & Winter Hooded Jackets guide
Back To Men
Clothing
Hoodies Jackets & Coats Jeans Knitwear Pants Shirts Sweatshirts T-shirts Shop
all
Back To Men
Accessories
Bags Eyewear Gloves Hats Jewelry Scarves Socks Wallets Shop all
Back To Men
Shoes
Boots Casual Shoes Sandals Sneakers Shop all
Back To Men
Brands
Acronym Human Made Maison Margiela Maison Mihara Yasuhiro Moncler New Balance
Stone Island Sacai Brands A-Z
Back To Women
Featured
New arrivals Hypebeast Goods and Services Modern rebel style guide
Back To Women
Clothing
Dresses Jackets & Coats Jeans Knitwear Pants Sweatshirts Tops T-shirts Shop all
Back To Women
Accessories
Bags Belts Eyewear Gloves Hats Jewelry Scarves Wallets Shop all
Back To Women
Bags
Backpacks Belts bags Clutches Cross-body bags Mini bags Shoulder bags Tote bags
Shop all
Back To Women
Shoes
Boots Casual shoes Heels Sandals Sneakers Shop all
Back To Women
Brands
Alexander Wang Burberry CHLOÉ Human Made Loewe Maison Kitsune Maison Margiela
Maison Mihara Yasuhiro Brands A-Z
Back To Life
Featured
New arrivals Aesop Skincare Essentials: Night-Time Routine
Back To Life
Home
Dining Home decor Home fragrance Lighting Towels & Linens Shop all
Back To Life
Life
Body care Books & Magazines Collectibles Outdoor Pets Shoe & Garment care Sports
Tech & Gadgets Shop all
Back To Life
Brands
Aesop BORNN Chums Hypebeast Magazine Marshall Medicom Toy Snow Peak Taschen
Brands A-Z
Back To Golf
Featured
Explore golf New arrivals: Malbon Golf
Back To Golf
Clothing
Clothing Pants Shorts Shop all
Back To Golf
Accessories
Accessories Equipment Shop all
Back To Golf
Brands
Bogey Boys Manors Golf Metalwood Studio Ololo Quiet Golf Students Walker Golf
Things Whim Golf
Back To Archives
Featured
New arrivals Staff picks
Back To Archives
Clothing
Hoodies Jackets & coats Jeans Knitwear Pants Sweatshirts Shirts T-Shirts Shop
all
Back To Archives
Accessories
Bags Eyewear Hats Jewelry Scarves Wallets Shop all
Back To Archives
Shoes
Boots Casual shoes Sandals Sneakers Shop all
Back To Archives
Life
Body care Collectibles Home Sports Stationaries Shop all
Back To Archives
Brands
Balenciaga Bape Comme des Garçons Fear of God Essentials Jordan Brand Mastermind
Japan Palace Skateboards Supreme Brands A-Z
Back To Sale
Mens
Accessories Clothing Jackets & Coats Pants T-shirts Shoes Shirts Sneakers Shop
all
Back To Sale
Womens
Accessories Bags Clothing Jackets & Coats Sandals Shoes Sneakers T-shirts Shop
all
Back To Sale
Life
Collectibles Dining Home Home decor Home fragrance Outdoor Pets Sports Shop all
Back To Sale
Archives
Accessories Bags Clothing Hoodies Jackets & Coats Shoes Sneakers T-Shirts Shop
all
Back To Sale
Private Sale
Men's private sale Women's private sale
Back To Journal
Explore Journal
All Fashion Footwear Lifestyle Culture






NEW YEAR PRIVATE SALE

Enjoy up to 50% off your favourite brands. Log in or Sign up to HBX Pro to
reveal the discount.

Shop menShop womenLog inSign up


HYPEBEAST X BAMFORD GMT

Arriving in a limited run of 200 pieces, the collaborative timepiece between
Hypebeast and Bamford London is now live.

Shop now


THE HBX STYLE GUIDE: OUTFIT INSPO FOR THE HOLIDAYS

See More


NEW ARRIVALS

 * Converse
   Converse X Awake NY One Star Pro Low
   $118New
 * Brain Dead
   Tough Luck Oversized Boxy Sweater
   $210New
 * JW Anderson
   Chunky Knit Cardigan
   $740New
 * JW Anderson
   Cropped Cut-Out Jumper
   $950New
 * Lemaire
   PARACHUTE PANTS
   $819New
 * Malbon Golf
   ARROWHEAD SS T-SHIRT
   $66New
 * 3.Paradis
   Black Mirror T-shirt
   $380New
 * Stüssy
   Sherpa Reversible Jacket
   $262New
 * T By Alexander Wang
   Logo Detail Button Up Boxer Short Romper
   $779New
 * Alexander Wang
   Ryan Small Bag
   $517New
 * Malbon Golf
   PONDEROSA SS T-SHIRT
   $66New
 * Lemaire
   Playful Buttoned Shirt
   $793New
 * Rick Owens Drkshdw
   Crater Sweatshirt
   $1,133New
 * Stüssy
   Sherpa Reversible Jacket
   $262New
 * 3.Paradis
   White Birds Outline T-shirt
   $328New


TRENDING PRODUCTS

Maison Mihara Yasuhiro
"PETERSON" OG Sole Canvas Low-top SneakerS
US$330
Asics
GEL-KAYANO LEGACY
US$160
Maison Kitsuné
Bold Fox Head Patch Ribbed Beanie
US$110
Human Made
3 PACK T-SHIRT SET
US$60
Maison Mihara Yasuhiro
Hank OG Sole Canvas Low-top Sneakers
US$360
Stüssy
SHERPA REVERSIBLE VEST
US$145
Human Made
Human Made Sweatshirt
US$230New
Maison Kitsuné
GREY FOX HEAD PATCH CLASSIC T-SHIRT
US$100
Adidas Originals
Samba OG
US$115
Maison Mihara Yasuhiro
"PETERSON" VL OG Sole Canvas Low-top Sneakers
US$330
Human Made
Dachs Coffee Mug
US$30
Human Made
Polar Bear Rug
US$340New
Maison Kitsuné
Chillax Fox Patch Classic T-shirt
US$110
Stone Island
Slim Fit Cargo Pants
US$410
Grocery
GROCERY TEE-060 FLOCKING LOGO POCKET T-SHIRT
US$50New
Asics
GEL-KAYANO 14
US$130
Stüssy
Sherpa Reversible Jacket
US$200New
Human Made
Gusset Case Medium
US$40
Human Made
3PACK T-SHIRT SET
US$60
Jacquemus
Le porte Azur
US$335
Maison Kitsuné
Fox Head Leather Pocket Mini Tote Bag
US$170
Stüssy
Mosaic Dragon T-shirt
US$45New
Maison Kitsuné
Bold Fox Head Patch Oversize Hoodie
US$290
Human Made
Human Made Book Tote Bag
US$60
Maison Kitsuné
Double Fox Head Patch Classic T-shirt
US$110
Human Made
Gusset Case Small
US$40
Loewe
Hammock Compact Bag In Classic Calfskin
US$2,865
Human Made
PC/TABLET SLEEVE 16INCH
US$80
Human Made
Mini Helmet Bag
US$140New
T By Alexander Wang
Bite Logo Short In Blue Aged Denim
US$275



TRENDING NOW:


LUXURY ACCESSORIES

Shop MensShop Womens


JACKETS & COATS

Shop Mens Shop Womens


SNEAKER SHOP

Shop MensShop Womens


LATEST DROPS

 * Advisory Board Crystals
   Team Hoodie
   Shop MenShop Now
 * Advisory Board Crystals
   TEAM JERSEY
   Shop MenShop Now
 * Kangol
   Kangol x Mastermind Flip It Reversible Bermuda Casual
   Shop MenShop Now
 * Mastermind Japan
   Mastermind Japan x Shin Kamen Rider Special Collaboration S.H.Figuarts
   Shop MenShop Now
 * A.P.C.
   T-shirt Patch Pokémon
   Shop WomenShop Now
 * Sacai
   Sacai X Carhartt WIP Knit Pullover Detroit
   Sold Out
 * Advisory Board Crystals
   Recycled Wool Warmup Shirt
   Shop MenShop Now
 * Advisory Board Crystals
   Fantasies Quilted Coaching Jacket
   Shop MenShop Now
 * Advisory Board Crystals
   NBA Fleece Jacket
   Shop MenShop Now
 * Advisory Board Crystals
   Team Varsity Jacket
   Shop MenShop Now
 * Advisory Board Crystals
   Carry All Gym Bag
   Sold Out
 * Hypebeast Magazine
   Hypebeast Magazine Issue 32: The Fever Issue
   Shop LifeShop Now
 * A.P.C.
   T-shirt Pokémon Pikachu F
   Shop WomenShop Now
 * Advisory Board Crystals
   Team T-shirt
   Sold Out
 * Advisory Board Crystals
   Tunnel Blazer
   Shop MenShop Now


MENS

Explore now


WOMENS

Explore now


FEATURED MEN BRANDS

All Men Brands
 * #
   * 1017 ALYX 9SM
   * 11 By Boris Bidjan Saberi
 * A
   * Acne Studios
   * ACRONYM
   * Ader Error
   * Adidas Originals
   * Advisory Board Crystals
   * Alexander McQueen
   * AMBUSH®
   * Ami
   * and wander
   * Awake NY
 * B
   * Brain Dead
   * Burberry
 * C
   * C.P. Company
   * Canada Goose
   * Common Projects
   * Converse
 * D
   * Dickies
   * Dr. Martens
 * E
   * Engineered Garments
 * F
   * Fear of God
   * Fucking Awesome
 * G
   * Gentle Monster
   * GOOPiMADE
 * H
   * Human Made
 * J
   * Jil Sander
   * Jordan Brand
 * L
   * Lanvin
   * Lemaire
   * Loewe
 * M
   * Maison Kitsuné
   * Maison Margiela
   * Maison Mihara Yasuhiro
   * Martine Rose
   * Mastermind World
   * Moncler
   * Moncler Genius
   * Museum of Peace & Quiet
 * N
   * Nanamica
   * Needles
   * NEIGHBORHOOD
   * New Balance
   * New Era
   * Nike
 * O
   * Oakley Factory Team
   * OAMC
   * Off-White™
 * P
   * Palm Angels
   * Perks and Mini
   * POST ARCHIVE FACTION (PAF)
   * Prada
   * Puma
 * R
   * Raf Simons
   * READYMADE
   * Rhude
   * Rick Owens Drkshdw
 * S
   * Saint Michael
   * Salomon
   * Salomon Advanced
   * Sky High Farm Workwear
   * South2 West8
   * Sporty & Rich
   * Stone Island
   * Stüssy
 * T
   * TELFAR
   * The North Face
   * Thom Browne
 * U
   * UGG
   * Undercover
 * V
   * Vans
 * W
   * Wacko Maria
   * We11done


FEATURED WOMEN BRANDS

All Women Brands
 * #
   * 1017 ALYX 9SM
 * A
   * Acne Studios
   * Adidas Originals
   * Alexander Wang
   * Ami
   * Amina Muaddi
   * and wander
   * ANONYMOUS CLUB
   * A.P.C.
   * Asics
 * B
   * Blumarine
   * Bottega Veneta
   * Burberry
 * C
   * Chloé
   * Collina Strada
 * D
   * Diesel
 * E
   * Entire Studios
 * G
   * Ganni
   * Gentle Monster
 * H
   * Human Made
 * J
   * Jacquemus
   * Jil Sander
   * JW Anderson
 * K
   * Kenzo
 * L
   * Lemaire
   * Loewe
 * M
   * Maison Kitsuné
   * Maison Margiela
   * Maison Mihara Yasuhiro
   * Marine Serre
   * MM6 Maison Margiela
   * Moncler
   * Moncler Genius
   * Mowalola
   * MUGLER
 * N
   * New Balance
 * O
   * Open YY
 * P
   * Prada
   * Puma
 * S
   * Salomon Advanced
   * Sporty & Rich
   * Stüssy
 * T
   * T By Alexander Wang
   * TELFAR
   * Teva
   * Thom Browne
 * U
   * UGG
 * V
   * Vans
   * Veja
 * Y
   * Yume Yume

Follow Us

Download The HBX App
On iOS and Android devices
Subscribe now and enjoy 10% off your first order
Subscribe

By subscribing, you agree to our Terms of Use and Privacy Policy.

Language and Region

Germany (DE), USD English
 * about
 * Retail Store
 * help
 * HBX Pro
 * referral program
 * affiliates program

2024 Hypebeast Limited. All Rights Reserved.Terms & ConditionsPrivacy Policygdpr
HBX® is a registered trademark of Hypebeast Hong Kong Ltd.




This website uses cookies that identify and access information on your device to
provide you with a better online shopping experience, personalised to your
preferences.Privacy Policy
Manage Settings Reject All Accept



PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms.    You can set your browser to
block or alert you about these cookies, but some parts of the site will not then
work. These cookies do not store any personally identifiable information.

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site.    All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages.    If you do not allow these cookies then
some or all of these services may not function properly.

ADVERTISING COOKIES

Advertising Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites.    They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Back Button


COOKIE LIST



Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Reject All Confirm My Choices