hbx.com Open in urlscan Pro
18.245.187.87 Public Scan

Back to summary

Submitted URL:
https://trk.hbx.com/ls/click?upn=g-2FUSQZhCAQEGJOA2XFBlnybftUP4TQRphJqv2x1fH3QsiN-2FULpAPC-2BziNVt7p5URSNPUv2a3yMReq...
Effective URL:
https://hbx.com/women/?utm_source=Klaviyo&utm_medium=email&utm_campaign=2024-1-23419-moncler-lunar-new-year-coll...
Submission: On January 23 via api (January 23rd 2024, 2:54:00 pm UTC) 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_gender_homepage"><input name="redirect_params" type="hidden"
    value="{&quot;template&quot;:&quot;@SyliusShop\/Catalog\/homepage.html.twig&quot;,&quot;_gender&quot;:&quot;women&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_gender_homepage"><input name="redirect_params"
    type="hidden"
    value="{&quot;template&quot;:&quot;@SyliusShop\/Catalog\/homepage.html.twig&quot;,&quot;_gender&quot;:&quot;women&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_gender_homepage"><input
    name="redirect_params" type="hidden"
    value="{&quot;template&quot;:&quot;@SyliusShop\/Catalog\/homepage.html.twig&quot;,&quot;_gender&quot;:&quot;women&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="hidden"
    name="countryCode" value="DE"><input type="hidden" name="localeCode" value="en_US"><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 70% OFF YOUR FAVOURITE BRANDS. See More
MenWomenLifeGolfArchivesSaleJournal

Clear




EN

 * Featured
 * New arrivals
 * Hypebeast Goods and Services
 * Fall & Winter Hooded Jackets guide
 * Men's Sale

 * 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
 * Women's Sale

 * 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
 * Life Sale

 * 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

 * Sections
 * All
 * Men
 * Women
 * Life
 * Archives

EDITOR'S GUIDE: SCARVES TO KEEP YOU COZY THIS SEASON
THE DENIM EDIT: 10 JEANS YOU SHOULD ADD TO YOUR WARDROBE
WHICH PERSON ARE YOU ON NEW YEAR'S EVE?
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
PolicyCookiesHBX® 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
Cookies
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 Sections
EDITOR'S GUIDE: SCARVES TO KEEP YOU COZY THIS SEASON
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
Men's Sale
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 Women's Sale
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 Life Sale
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
Back To Journal
Sections
All Men Women Life Archives






END OF SEASON SALE UP TO 70% OFF

Explore a curated selection of items from the latest fashion and lifestyle
brands.

Shop Now


BAGS

Discover our bags edit ranging from contemporary bags, playful handbags,
functional tote and more.

Shop Now


JACKETS

Find our jackets collection including shearling jackets, flight jackets, blazers
and more.

Shop Now


RELEASE CALENDAR


JAN 26

Area

Coming Soon


JAN 25

JACQUEMUS

Coming Soon


JAN 22

CROCS

Shop Now


JAN 20

ON

Shop Now


JAN 19

SALOMON ADVANCED

Shop Now


JAN 18

BRAIN DEAD

Shop Now


JAN 17

LESUGIATLELIER

Shop Now


JAN 16

OPEN YY

Shop Now


JAN 15

Thom Browne

Shop Now


JAN 13

HUMAN MADE

Shop Now


JAN 12

New Era

Shop Now


JAN 11

A.P.C

Shop Now


JAN 10

ANDERSSON BELL

Shop Now


JAN 8

JUSTINE CLENQUET

Shop Now


JAN 7

Rick Owens

Shop Now


JAN 6

PUSHBUTTON

Shop Now


JAN 5

Maison Mihara Yasuhiro

Shop Now


JAN 3

CONVERSE

Shop Now


NEW ARRIVALS

 * Acne Studios
   Argyle Jacquard Cardigan
   $707
 * PUSHBUTTON
   Folded Waist Wide Pants
   $871
 * Justine Clenquet
   Betsy Choker
   $275
 * PUSHBUTTON
   Lace Football Jersey
   $491
 * Acne Studios
   Crewneck T-shirt
   $288
 * Stüssy
   Sherpa Reversible Jacket
   $262
 * Alexander Wang
   Ryan Small Bag
   $517
 * PUSHBUTTON
   Lace Corset Top
   $459
 * PUSHBUTTON
   Black Ribbon Platform Sandals
   $550
 * T By Alexander Wang
   Nameplate V Front Skirt
   $459
 * Acne Studios
   Crewneck Cardigan
   $459
 * PUSHBUTTON
   Blue Side Folded Wide Pants
   $852
 * Justine Clenquet
   Holly Earrings
   $92
 * PUSHBUTTON
   Lace Trim Jersey Top
   $295
 * Acne Studios
   Micro Face Patch Cap
   $197


LUNAR NEW YEAR

 * Alexander Wang
   Ryan Large Bag
   $648
 * Alexander Wang
   Crystal Mesh Heiress Dragon Wristlet
   $1,303
 * Maison Kitsuné
   Varsity Jacket
   $1,310
 * Crystal Haze
   Melting Heart Pendant
   $98
 * Burberry
   Check Wool Scarf
   $721
 * Crystal Haze
   Nostalgia bear Pave connector
   $79
 * Burberry
   Check Wool Kilt
   $2,476
 * Alexander Wang
   Ryan Small Bag
   $517
 * Human Made
   Pop Beanie
   $92
 * Crystal Haze
   Jelly Heart earrings
   $170
 * Burberry
   Logo Wool Silk Scarf
   $511
 * Jacquemus
   LA MAILLE COLIN
   $550
 * Loewe
   Puzzle Plain Cardholder
   $465
 * Crystal Haze
   Melting Heart earrings
   $170
 * Bottega Veneta
   Bolt Recycled Acetate Rectangular Sunglasses
   $904


AMINA MUADDI

 * Amina Muaddi
   LUPITA GLASS SLIPPER
   $779
 * Amina Muaddi
   Rosie Glass Sling
   $1,330
 * Amina Muaddi
   Gilda Glass Slippers 70
   $1,100
 * Amina Muaddi
   Gilda Glass Slippers 95
   $1,100
 * Amina Muaddi
   Sita Platform Sandals
   $1,009
 * Amina Muaddi
   Super Amina Bella Denim Bag
   $904
 * Amina Muaddi
   Lupita Slipper
   $786
 * Amina Muaddi
   Rosie Glass Slipper
   $1,212
 * Amina Muaddi
   Rosie Pump 95
   $1,245
 * Amina Muaddi
   Ursina Pump 95
   $1,343
 * Amina Muaddi
   AMI GLASS PUMP 95 CL
   $459$91050% Off
 * Amina Muaddi
   HOLLY SLING SUEDE 95 CL
   $413$91760% Off
 * Amina Muaddi
   CAMELIA SLING SATIN
   $668$1,48760% Off
 * Amina Muaddi
   Lily Slippers 95
   $629$1,44160% Off
 * Amina Muaddi
   Camelia Sling 90
   $609$1,39560% Off


THE SNEAKER SHOP

 * Mizuno Sportstyle
   WAVE PROPHECY LS
   $314
 * Puma
   FENTY x PUMA Creeper Phatty
   $183
 * Maison Mihara Yasuhiro
   Peterson High Top Sneakers
   $504
 * Raf Simons
   ULTRASCEPTRE
   $531
 * Reebok
   CLUB C LTD
   $236
 * Oakley Factory Team
   Oakley Factory Team Flesh Sandal
   $216
 * Asics
   Unaffected x Gel-Kayano 14
   Sold Out
 * Raf Simons
   ULTRASCEPTRE
   $531
 * MM6 Maison Margiela
   MM6 x Salomon ACS Pro Sneakers
   $485
 * Reebok
   BB5600
   $341
 * Converse
   Converse X Awake NY One Star Pro Low
   $118
 * Raf Simons
   ULTRASCEPTRE
   $531
 * Adidas Originals
   SUPERSTAR
   $138
 * Converse
   Converse X Rick Owens DRKSHDW TURBOWPN
   $282
 * Maison Mihara Yasuhiro
   "BLAKEY" Original Vintage Like Sole Canvas Low-top Sneaker
   $563


OUTERWEAR

 * Stüssy
   Down Puffer Nylon
   $393
 * Acne Studios
   Padded Denim Jacket
   $917
 * Human Made
   Heart Quilting Jacket
   $642
 * Stüssy
   Sherpa Reversible Jacket
   $262
 * Acne Studios
   Hooded Puffer Jacket
   $1,900
 * Human Made
   DOWN JACKET
   $865
 * PUSHBUTTON
   Check Cut-Out Single Jacket
   $1,028
 * Rick Owens Drkshdw
   Luxor Cape Sleeve Cropped Outershirt
   $2,600
 * Maison Kitsuné
   Cropped Puffer
   $897
 * Open YY
   SKIING FLEECE HOODIE JACKET
   $635
 * Y/PROJECT
   DOUBLE COLLAR CROPPED PUFFER JACKET
   $1,605
 * Maison Kitsuné
   Hooded Puffer
   $1,094
 * Open YY
   COLOR BLOCK MOUNTAIN JACKET
   $819
 * A.P.C.
   Tina Blouson
   $596
 * Acne Studios
   Oversized Fit Denim Jacket
   $1,238


THE INVESTMENT EDIT

 * Acne Studios
   Multipocket Mini Bag
   $1,703
 * Bottega Veneta
   Visor Recycled Acetate Square Sunglasses
   $812
 * Burberry
   Ribbed Cashmere Beanie
   $629
 * Acne Studios
   Wool Mohair Tie-dye Scarf
   $465
 * Alexander Wang
   Lock Medium Crackle Leather Hobo Bag
   $1,696
 * Acne Studios
   Distortion Wavy Mini Bag
   $1,703
 * Justine Clenquet
   Holly Necklace
   $236
 * Acne Studios
   Logo Bucket Hat
   $223
 * Burberry
   Check Wool Scarf
   $721
 * Thom Browne
   Pebble Grain Hector Bag
   $3,393
 * Burberry
   Micro Shield Sling Bag
   $1,703
 * Crystal Haze
   Serena necklace
   $373
 * Ganni
   Fluffy Tech Bucket Hat
   $321
 * Acne Studios
   Mohair Tartan Scarf
   $426
 * Bottega Veneta
   Candy Arco Tote Bag
   $3,275


HUMAN MADE

 * Human Made
   Fleece Vest
   $328
 * Human Made
   Human Made Sweatshirt
   $301
 * Human Made
   Polar Bear Rug
   Sold Out
 * Human Made
   FLEECE PANTS
   $275
 * Human Made
   Stadium Jacket
   $996
 * Human Made
   Coach Jacket
   $432
 * Human Made
   Dachs Knit Sweater
   $550
 * Human Made
   2Way Shoulder Bag
   $131
 * Human Made
   GRAPHIC T-SHIRT #8
   $144
 * Human Made
   6 Panel Corduroy Cap
   $92
 * Human Made
   NYLON STADIUM JACKET
   $655
 * Human Made
   MESSENGER BAG LARGE
   $210
 * Human Made
   Sweatshirt Cardigan
   $419
 * Human Made
   Pop Beanie
   $92
 * Human Made
   Printed Denim Coverall Jacket
   $760


KNITWEAR

 * Acne Studios
   Jaquard Crewneck Sweater
   $655
 * PUSHBUTTON
   Anime Knitwear
   $806
 * Maison Kitsuné
   Maison Kitsuné Handwriting Comfort Jumper
   $485
 * Human Made
   Sweatshirt Cardigan
   $419
 * Burberry
   Argyle Wool Sweater
   $2,345
 * Acne Studios
   TIE-DYE CABLE-KNIT SWEATER
   $714
 * Thom Browne
   Hector Crewneck Pullover
   $1,690
 * Ganni
   Graphic Strawberry O-Neck Pullover
   $439
 * Acne Studios
   Jaquard Crewneck Sweater
   $648
 * Burberry
   Check Mohair Blend Sweater
   $2,738
 * Maison Kitsuné
   Argyle Boxy Jumper
   $622
 * Thom Browne
   Classic Loopback 4 Bar Sweatshirt
   $924
 * Acne Studios
   Butterfly Knit Sweater
   $616
 * Maison Kitsuné
   Baby Fox Patch Cardigan
   $236$38640% Off
 * Maison Kitsuné
   Bold Fox Head Patch Half Zip Ribbed Jumper
   $511


NEW IN: ARCHIVES

 * chanel
   CHANEL QUILTED LEATHER BAG
   $3,884$4,57220% Off
 * Valentino
   VALENTINO SUPERVEE SHOULDER BAG
   $1,245$1,46110% Off
 * Off-White™
   OFF WHITE™ SCARF
   Sold Out
 * CELINE
   CELINE AVA LEATHER HANDBAG
   $1,520$1,90020% Off
 * HERMES
   HERMES SILVER BRACELET
   $681Brand New
 * Gucci
   GUCCI DIONYSUS TWEED BAG
   $2,142Excellent
 * Helmut Lang
   HELMUT LANG SIDE LACE-UP ZIPPED JACKET
   $517$60920% Off
 * MOSCHINO
   MOSCHINO LEATHER BELT
   $151Good
 * Comme des Garçons
   COMME DES GARÇONS HOMME DEUX CABLE KNITWEAR
   $295Excellent
 * Versace
   VERSACE SCARF
   $249Excellent
 * Balenciaga
   BALENCIAGA BLUE CITY BAG
   $1,218Excellent
 * Undercover
   UNDERCOVER OVERSIZED SWEATSHIRT
   $151Excellent
 * Prada
   PRADA GALLERIA SAFFIANO BAG SPECIAL EDITION
   $3,891$4,86020% Off
 * Prada
   PRADA NYLON BUCKET BAG
   $1,218Excellent
 * Sacai
   SACAI WASHED JEANS
   $249Excellent


FEATURED WOMEN BRANDS

All Women Brands
 * #
   * 1017 ALYX 9SM
 * A
   * Acne Studios
   * Adidas Originals
   * Alexander Wang
   * AMBUSH®
   * 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
   * Joah Brown
   * 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
   * Nike
 * O
   * Open YY
 * P
   * Prada
 * S
   * s/e/o
   * 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
PolicyCookies
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

hbx.com Open in urlscan Pro 18.245.187.87 Public Scan

Form analysis 6 forms found in the DOM

/search

/search

POST /settings

POST /settings

POST /settings

POST https://hbx.com/newsletter

Text Content

hbx.com Open in urlscan Pro
18.245.187.87 Public Scan

Form analysis
6 forms found in the DOM