hbx.com Open in urlscan Pro
13.224.163.21  Public Scan

URL: https://hbx.com/men/brands/palm-angels/track-pants-2
Submission: On April 17 via api from SG — Scanned from SG

Form analysis 7 forms found in the DOM

/search

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

/search

<form action="/search" class="formSearch flex items-center" itemprop="potentialAction" itemscope="" itemtype="https://schema.org/SearchAction" data-v-9bfa3f26="">
  <meta itemprop="target" content="https://hbx.com/cn/search?q={q}" data-v-9bfa3f26=""><span class="hbx:hidden md:back w-md h-md bg-contain bg-center" data-v-9bfa3f26=""></span>
  <div class="relative flex-1" data-v-9bfa3f26=""><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-9bfa3f26=""><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-9bfa3f26=""></div>
  <div class="search-form-clear" data-v-9bfa3f26=""><span class="uppercase underline hypebae:capitalize text-muted px-sm cursor-pointer text-xs" data-v-9bfa3f26="" style="display: none;">Clear</span></div>
</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 class="self-end border fflag fflag-DZ" alt="Algeria (DZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AD" alt="Andorra (AD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AO" alt="Angola (AO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AR" alt="Argentina (AR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AM" alt="Armenia (AM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AW" alt="Aruba (AW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AU" alt="Australia (AU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AT" alt="Austria (AT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AZ" alt="Azerbaijan (AZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BS" alt="Bahamas (BS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BH" alt="Bahrain (BH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BD" alt="Bangladesh (BD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BE" alt="Belgium (BE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BZ" alt="Belize (BZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BM" alt="Bermuda (BM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BT" alt="Bhutan (BT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BW" alt="Botswana (BW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BN" alt="Brunei (BN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KH" alt="Cambodia (KH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CM" alt="Cameroon (CM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CA" alt="Canada (CA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KY" alt="Cayman Islands (KY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CL" alt="Chile (CL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CN" alt="China (CN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CO" alt="Colombia (CO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CR" alt="Costa Rica (CR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CY" alt="Cyprus (CY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CZ" alt="Czechia (CZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DK" alt="Denmark (DK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DO" alt="Dominican Republic (DO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EC" alt="Ecuador (EC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SV" alt="El Salvador (SV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EE" alt="Estonia (EE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SZ" alt="Eswatini (SZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FO" alt="Faroe Islands (FO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FI" alt="Finland (FI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FR" alt="France (FR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PF" alt="French Polynesia (PF)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GA" alt="Gabon (GA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GM" alt="Gambia (GM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GE" alt="Georgia (GE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DE" alt="Germany (DE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GH" alt="Ghana (GH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GI" alt="Gibraltar (GI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GL" alt="Greenland (GL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GP" alt="Guadeloupe (GP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GU" alt="Guam (GU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GT" alt="Guatemala (GT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HN" alt="Honduras (HN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HK" alt="Hong Kong SAR (HK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HU" alt="Hungary (HU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IS" alt="Iceland (IS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IN" alt="India (IN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ID" alt="Indonesia (ID)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IE" alt="Ireland (IE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IL" alt="Israel (IL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IT" alt="Italy (IT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JP" alt="Japan (JP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JO" alt="Jordan (JO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KE" alt="Kenya (KE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KW" alt="Kuwait (KW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LA" alt="Laos (LA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LV" alt="Latvia (LV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LI" alt="Liechtenstein (LI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LT" alt="Lithuania (LT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LU" alt="Luxembourg (LU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MO" alt="Macau SAR (MO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MY" alt="Malaysia (MY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MT" alt="Malta (MT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MQ" alt="Martinique (MQ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MX" alt="Mexico (MX)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MD" alt="Moldova (MD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MC" alt="Monaco (MC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MN" alt="Mongolia (MN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MA" alt="Morocco (MA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MZ" alt="Mozambique (MZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NA" alt="Namibia (NA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NL" alt="Netherlands (NL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NC" alt="New Caledonia (NC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NZ" alt="New Zealand (NZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MP" alt="Northern Mariana Islands (MP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NO" alt="Norway (NO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-OM" alt="Oman (OM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PK" alt="Pakistan (PK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PW" alt="Palau (PW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PA" alt="Panama (PA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PY" alt="Paraguay (PY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PE" alt="Peru (PE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PH" alt="Philippines (PH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PL" alt="Poland (PL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PT" alt="Portugal (PT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-QA" alt="Qatar (QA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-RE" alt="Réunion (RE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SM" alt="San Marino (SM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SA" alt="Saudi Arabia (SA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SN" alt="Senegal (SN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SC" alt="Seychelles (SC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SG" alt="Singapore (SG)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SK" alt="Slovakia (SK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KR" alt="South Korea (KR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ES" alt="Spain (ES)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SE" alt="Sweden (SE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CH" alt="Switzerland (CH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TW" alt="Taiwan Region (TW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TH" alt="Thailand (TH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TT" alt="Trinidad &amp; Tobago (TT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VI" alt="U.S. Virgin Islands (VI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AE" alt="United Arab Emirates (AE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GB" alt="United Kingdom (GB)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-US" alt="United States (US)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-UY" alt="Uruguay (UY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VN" alt="Vietnam (VN)" style="width: 21px; height: 13px;"></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="self-end border fflag fflag-SG" alt="Singapore (SG)" style="width: 21px; height: 13px;"></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><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 class="self-end border fflag fflag-CN" alt="China (CN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HK" alt="Hong Kong SAR (HK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JP" alt="Japan (JP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KR" alt="South Korea (KR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TW" alt="Taiwan Region (TW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GB" alt="United Kingdom (GB)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-US" alt="United States (US)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DZ" alt="Algeria (DZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AD" alt="Andorra (AD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AO" alt="Angola (AO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AR" alt="Argentina (AR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AM" alt="Armenia (AM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AW" alt="Aruba (AW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AU" alt="Australia (AU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AT" alt="Austria (AT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AZ" alt="Azerbaijan (AZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BS" alt="Bahamas (BS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BH" alt="Bahrain (BH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BD" alt="Bangladesh (BD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BE" alt="Belgium (BE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BZ" alt="Belize (BZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BM" alt="Bermuda (BM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BT" alt="Bhutan (BT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BW" alt="Botswana (BW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BN" alt="Brunei (BN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KH" alt="Cambodia (KH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CM" alt="Cameroon (CM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CA" alt="Canada (CA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KY" alt="Cayman Islands (KY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CL" alt="Chile (CL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CN" alt="China (CN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CO" alt="Colombia (CO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CR" alt="Costa Rica (CR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CY" alt="Cyprus (CY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CZ" alt="Czechia (CZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DK" alt="Denmark (DK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DO" alt="Dominican Republic (DO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EC" alt="Ecuador (EC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SV" alt="El Salvador (SV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EE" alt="Estonia (EE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SZ" alt="Eswatini (SZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FO" alt="Faroe Islands (FO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FI" alt="Finland (FI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FR" alt="France (FR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PF" alt="French Polynesia (PF)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GA" alt="Gabon (GA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GM" alt="Gambia (GM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GE" alt="Georgia (GE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DE" alt="Germany (DE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GH" alt="Ghana (GH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GI" alt="Gibraltar (GI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GL" alt="Greenland (GL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GP" alt="Guadeloupe (GP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GU" alt="Guam (GU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GT" alt="Guatemala (GT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HN" alt="Honduras (HN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HK" alt="Hong Kong SAR (HK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HU" alt="Hungary (HU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IS" alt="Iceland (IS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IN" alt="India (IN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ID" alt="Indonesia (ID)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IE" alt="Ireland (IE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IL" alt="Israel (IL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IT" alt="Italy (IT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JP" alt="Japan (JP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JO" alt="Jordan (JO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KE" alt="Kenya (KE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KW" alt="Kuwait (KW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LA" alt="Laos (LA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LV" alt="Latvia (LV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LI" alt="Liechtenstein (LI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LT" alt="Lithuania (LT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LU" alt="Luxembourg (LU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MO" alt="Macau SAR (MO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MY" alt="Malaysia (MY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MT" alt="Malta (MT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MQ" alt="Martinique (MQ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MX" alt="Mexico (MX)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MD" alt="Moldova (MD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MC" alt="Monaco (MC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MN" alt="Mongolia (MN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MA" alt="Morocco (MA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MZ" alt="Mozambique (MZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NA" alt="Namibia (NA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NL" alt="Netherlands (NL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NC" alt="New Caledonia (NC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NZ" alt="New Zealand (NZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MP" alt="Northern Mariana Islands (MP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NO" alt="Norway (NO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-OM" alt="Oman (OM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PK" alt="Pakistan (PK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PW" alt="Palau (PW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PA" alt="Panama (PA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PY" alt="Paraguay (PY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PE" alt="Peru (PE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PH" alt="Philippines (PH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PL" alt="Poland (PL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PT" alt="Portugal (PT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-QA" alt="Qatar (QA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-RE" alt="Réunion (RE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SM" alt="San Marino (SM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SA" alt="Saudi Arabia (SA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SN" alt="Senegal (SN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SC" alt="Seychelles (SC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SG" alt="Singapore (SG)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SK" alt="Slovakia (SK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KR" alt="South Korea (KR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ES" alt="Spain (ES)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SE" alt="Sweden (SE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CH" alt="Switzerland (CH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TW" alt="Taiwan Region (TW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TH" alt="Thailand (TH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TT" alt="Trinidad &amp; Tobago (TT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VI" alt="U.S. Virgin Islands (VI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AE" alt="United Arab Emirates (AE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GB" alt="United Kingdom (GB)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-US" alt="United States (US)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-UY" alt="Uruguay (UY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VN" alt="Vietnam (VN)" style="width: 21px; height: 13px;"></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="SG"><input name="currency" type="hidden" value="SGD"><input name="locale" type="hidden" value="en_US"><input name="redirect" type="hidden" value="hbx_shop_product_show"><input name="redirect_params"
    type="hidden"
    value="{&quot;_gender&quot;:&quot;men&quot;,&quot;_locale&quot;:&quot;en_US&quot;,&quot;_channel&quot;:&quot;hbx&quot;,&quot;_supported_genders&quot;:&quot;men|women|life|archives&quot;,&quot;brand&quot;:&quot;palm-angels&quot;,&quot;slug&quot;:&quot;track-pants-2&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">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_product_show"><input name="redirect_params" type="hidden"
    value="{&quot;_gender&quot;:&quot;men&quot;,&quot;_locale&quot;:&quot;en_US&quot;,&quot;_channel&quot;:&quot;hbx&quot;,&quot;_supported_genders&quot;:&quot;men|women|life|archives&quot;,&quot;brand&quot;:&quot;palm-angels&quot;,&quot;slug&quot;:&quot;track-pants-2&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_product_show"><input name="redirect_params"
    type="hidden"
    value="{&quot;_gender&quot;:&quot;men&quot;,&quot;_locale&quot;:&quot;en_US&quot;,&quot;_channel&quot;:&quot;hbx&quot;,&quot;_supported_genders&quot;:&quot;men|women|life|archives&quot;,&quot;brand&quot;:&quot;palm-angels&quot;,&quot;slug&quot;:&quot;track-pants-2&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 class="self-end border fflag fflag-DZ" alt="Algeria (DZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AD" alt="Andorra (AD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AO" alt="Angola (AO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AR" alt="Argentina (AR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AM" alt="Armenia (AM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AW" alt="Aruba (AW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AU" alt="Australia (AU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AT" alt="Austria (AT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AZ" alt="Azerbaijan (AZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BS" alt="Bahamas (BS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BH" alt="Bahrain (BH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BD" alt="Bangladesh (BD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BE" alt="Belgium (BE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BZ" alt="Belize (BZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BM" alt="Bermuda (BM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BT" alt="Bhutan (BT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BW" alt="Botswana (BW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BN" alt="Brunei (BN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KH" alt="Cambodia (KH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CM" alt="Cameroon (CM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CA" alt="Canada (CA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KY" alt="Cayman Islands (KY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CL" alt="Chile (CL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CN" alt="China (CN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CO" alt="Colombia (CO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CR" alt="Costa Rica (CR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CY" alt="Cyprus (CY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CZ" alt="Czechia (CZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DK" alt="Denmark (DK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DO" alt="Dominican Republic (DO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EC" alt="Ecuador (EC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SV" alt="El Salvador (SV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EE" alt="Estonia (EE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SZ" alt="Eswatini (SZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FO" alt="Faroe Islands (FO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FI" alt="Finland (FI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FR" alt="France (FR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PF" alt="French Polynesia (PF)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GA" alt="Gabon (GA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GM" alt="Gambia (GM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GE" alt="Georgia (GE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DE" alt="Germany (DE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GH" alt="Ghana (GH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GI" alt="Gibraltar (GI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GL" alt="Greenland (GL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GP" alt="Guadeloupe (GP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GU" alt="Guam (GU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GT" alt="Guatemala (GT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HN" alt="Honduras (HN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HK" alt="Hong Kong SAR (HK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HU" alt="Hungary (HU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IS" alt="Iceland (IS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IN" alt="India (IN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ID" alt="Indonesia (ID)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IE" alt="Ireland (IE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IL" alt="Israel (IL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IT" alt="Italy (IT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JP" alt="Japan (JP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JO" alt="Jordan (JO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KE" alt="Kenya (KE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KW" alt="Kuwait (KW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LA" alt="Laos (LA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LV" alt="Latvia (LV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LI" alt="Liechtenstein (LI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LT" alt="Lithuania (LT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LU" alt="Luxembourg (LU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MO" alt="Macau SAR (MO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MY" alt="Malaysia (MY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MT" alt="Malta (MT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MQ" alt="Martinique (MQ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MX" alt="Mexico (MX)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MD" alt="Moldova (MD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MC" alt="Monaco (MC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MN" alt="Mongolia (MN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MA" alt="Morocco (MA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MZ" alt="Mozambique (MZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NA" alt="Namibia (NA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NL" alt="Netherlands (NL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NC" alt="New Caledonia (NC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NZ" alt="New Zealand (NZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MP" alt="Northern Mariana Islands (MP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NO" alt="Norway (NO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-OM" alt="Oman (OM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PK" alt="Pakistan (PK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PW" alt="Palau (PW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PA" alt="Panama (PA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PY" alt="Paraguay (PY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PE" alt="Peru (PE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PH" alt="Philippines (PH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PL" alt="Poland (PL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PT" alt="Portugal (PT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-QA" alt="Qatar (QA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-RE" alt="Réunion (RE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SM" alt="San Marino (SM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SA" alt="Saudi Arabia (SA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SN" alt="Senegal (SN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SC" alt="Seychelles (SC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SG" alt="Singapore (SG)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SK" alt="Slovakia (SK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KR" alt="South Korea (KR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ES" alt="Spain (ES)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SE" alt="Sweden (SE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CH" alt="Switzerland (CH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TW" alt="Taiwan Region (TW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TH" alt="Thailand (TH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TT" alt="Trinidad &amp; Tobago (TT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VI" alt="U.S. Virgin Islands (VI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AE" alt="United Arab Emirates (AE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GB" alt="United Kingdom (GB)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-US" alt="United States (US)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-UY" alt="Uruguay (UY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VN" alt="Vietnam (VN)" style="width: 21px; height: 13px;"></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="self-end border fflag fflag-SG" alt="Singapore (SG)" style="width: 21px; height: 13px;"></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><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 class="self-end border fflag fflag-CN" alt="China (CN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HK" alt="Hong Kong SAR (HK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JP" alt="Japan (JP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KR" alt="South Korea (KR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TW" alt="Taiwan Region (TW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GB" alt="United Kingdom (GB)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-US" alt="United States (US)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DZ" alt="Algeria (DZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AD" alt="Andorra (AD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AO" alt="Angola (AO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AR" alt="Argentina (AR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AM" alt="Armenia (AM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AW" alt="Aruba (AW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AU" alt="Australia (AU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AT" alt="Austria (AT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AZ" alt="Azerbaijan (AZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BS" alt="Bahamas (BS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BH" alt="Bahrain (BH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BD" alt="Bangladesh (BD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BE" alt="Belgium (BE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BZ" alt="Belize (BZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BM" alt="Bermuda (BM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BT" alt="Bhutan (BT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BW" alt="Botswana (BW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-BN" alt="Brunei (BN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KH" alt="Cambodia (KH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CM" alt="Cameroon (CM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CA" alt="Canada (CA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KY" alt="Cayman Islands (KY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CL" alt="Chile (CL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CN" alt="China (CN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CO" alt="Colombia (CO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CR" alt="Costa Rica (CR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CY" alt="Cyprus (CY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CZ" alt="Czechia (CZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DK" alt="Denmark (DK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DO" alt="Dominican Republic (DO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EC" alt="Ecuador (EC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SV" alt="El Salvador (SV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-EE" alt="Estonia (EE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SZ" alt="Eswatini (SZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FO" alt="Faroe Islands (FO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FI" alt="Finland (FI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-FR" alt="France (FR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PF" alt="French Polynesia (PF)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GA" alt="Gabon (GA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GM" alt="Gambia (GM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GE" alt="Georgia (GE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-DE" alt="Germany (DE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GH" alt="Ghana (GH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GI" alt="Gibraltar (GI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GL" alt="Greenland (GL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GP" alt="Guadeloupe (GP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GU" alt="Guam (GU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GT" alt="Guatemala (GT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HN" alt="Honduras (HN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HK" alt="Hong Kong SAR (HK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-HU" alt="Hungary (HU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IS" alt="Iceland (IS)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IN" alt="India (IN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ID" alt="Indonesia (ID)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IE" alt="Ireland (IE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IL" alt="Israel (IL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-IT" alt="Italy (IT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JP" alt="Japan (JP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-JO" alt="Jordan (JO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KE" alt="Kenya (KE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KW" alt="Kuwait (KW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LA" alt="Laos (LA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LV" alt="Latvia (LV)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LI" alt="Liechtenstein (LI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LT" alt="Lithuania (LT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-LU" alt="Luxembourg (LU)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MO" alt="Macau SAR (MO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MY" alt="Malaysia (MY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MT" alt="Malta (MT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MQ" alt="Martinique (MQ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MX" alt="Mexico (MX)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MD" alt="Moldova (MD)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MC" alt="Monaco (MC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MN" alt="Mongolia (MN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MA" alt="Morocco (MA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MZ" alt="Mozambique (MZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NA" alt="Namibia (NA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NL" alt="Netherlands (NL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NC" alt="New Caledonia (NC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NZ" alt="New Zealand (NZ)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-MP" alt="Northern Mariana Islands (MP)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-NO" alt="Norway (NO)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-OM" alt="Oman (OM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PK" alt="Pakistan (PK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PW" alt="Palau (PW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PA" alt="Panama (PA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PY" alt="Paraguay (PY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PE" alt="Peru (PE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PH" alt="Philippines (PH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PL" alt="Poland (PL)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-PT" alt="Portugal (PT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-QA" alt="Qatar (QA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-RE" alt="Réunion (RE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SM" alt="San Marino (SM)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SA" alt="Saudi Arabia (SA)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SN" alt="Senegal (SN)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SC" alt="Seychelles (SC)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SG" alt="Singapore (SG)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SK" alt="Slovakia (SK)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-KR" alt="South Korea (KR)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-ES" alt="Spain (ES)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-SE" alt="Sweden (SE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-CH" alt="Switzerland (CH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TW" alt="Taiwan Region (TW)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TH" alt="Thailand (TH)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-TT" alt="Trinidad &amp; Tobago (TT)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VI" alt="U.S. Virgin Islands (VI)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-AE" alt="United Arab Emirates (AE)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-GB" alt="United Kingdom (GB)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-US" alt="United States (US)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-UY" alt="Uruguay (UY)" style="width: 21px; height: 13px;"></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 class="self-end border fflag fflag-VN" alt="Vietnam (VN)" style="width: 21px; height: 13px;"></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="SG"><input name="currency" type="hidden" value="SGD"><input name="locale" type="hidden" value="en_US"><input name="redirect" type="hidden" value="hbx_shop_product_show"><input name="redirect_params"
    type="hidden"
    value="{&quot;_gender&quot;:&quot;men&quot;,&quot;_locale&quot;:&quot;en_US&quot;,&quot;_channel&quot;:&quot;hbx&quot;,&quot;_supported_genders&quot;:&quot;men|women|life|archives&quot;,&quot;brand&quot;:&quot;palm-angels&quot;,&quot;slug&quot;:&quot;track-pants-2&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="SG"><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

MenWomenLifeGolfArchivesSaleJournal

Clear




EN




 * Featured
 * New arrivals
 * Hypebeast Goods and Services
 * Editor's Essentials: The Bag That Deserves Justice
 * 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

 * Exclusive: MAD PARIS x HATTON LABS Audemars Piguet Royal Oak

 * Featured
 * New arrivals
 * Hypebeast Goods and Services
 * 1 Tracksuit, 4 Ways: An Editor's Style Guid
 * 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
 * CHLOÉ
 * Human Made
 * LEMAIRE
 * Loewe
 * Maison Kitsune
 * Maison Margiela
 * Maison Mihara Yasuhiro
 * Brands A-Z

 * Exclusive: MAD PARIS x HATTON LABS Audemars Piguet Royal Oak

 * 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

 * Exclusive: MAD PARIS x HATTON LABS Audemars Piguet Royal Oak

 * Featured
 * New arrivals
 * Staff picks
 * Archives Women

 * 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

 * EXPLORE OUR CURATED COLLECTION FROM SUPREME, CHROME HEARTS AND MORE.

 * Featured
 * Explore Men Sale Up to 70% Off
 * Explore Women Sale Up to 70% Off
 * Explore Life Sale Up to 80% Off
 * Explore Archive Sale Up to 60% Off
 * Shop All

 * 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

 * 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

YE STARS IN HYPEBEAST MAGAZINE #33: THE SYSTEMS ISSUE
EDITOR’S ESSENTIALS: THE BAG THAT DESERVES JUSTICE
BULLEIT’S PIONEER PROJECT SPOTLIGHTED THE SIGNIFICANCE OF MENTORSHIP, OUTREACH
AND ARTIST DEVELOPMENT
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.
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.
Singapore (SG)
SGD

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

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
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

SGD
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.
Singapore (SG)
SGD

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

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
Exclusive: MAD PARIS x HATTON LABS Audemars Piguet Royal Oak

Back To Home
Women
Women's Home New Arrivals Sale

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

Featured Clothing Accessories Bags Shoes Brands
Exclusive: MAD PARIS x HATTON LABS Audemars Piguet Royal Oak

Back To Home
Life
Life Home New Arrivals Sale

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

Featured Home Life Brands
Exclusive: MAD PARIS x HATTON LABS Audemars Piguet Royal Oak

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
EXPLORE OUR CURATED COLLECTION FROM SUPREME, CHROME HEARTS AND MORE.

Back To Home
Back To Home
Sale
Sale Home

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

Featured Mens Womens Life Archives
Back To Home
Journal
Journal Home

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

Explore Journal Sections
BULLEIT’S PIONEER PROJECT SPOTLIGHTED THE SIGNIFICANCE OF MENTORSHIP, OUTREACH
AND ARTIST DEVELOPMENT
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 Editor's Essentials: The Bag That
Deserves Justice 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 1 Tracksuit, 4 Ways: An Editor's
Style Guid 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 CHLOÉ Human Made LEMAIRE 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 Archives Women
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
Featured
Explore Men Sale Up to 70% Off Explore Women Sale Up to 70% Off Explore Life
Sale Up to 80% Off Explore Archive Sale Up to 60% Off Shop All
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 Journal
Explore Journal
All Fashion Footwear Lifestyle Culture
Back To Journal
Sections
All Men Women Life Archives



HomeMenBrandsPalm Angels Track Pants
Item has been sold out
 * This image is temporary unavailable
 * This image is temporary unavailable
 * This image is temporary unavailable
 * This image is temporary unavailable
 * This image is temporary unavailable
 * This image is temporary unavailable
 * This image is temporary unavailable
 * This image is temporary unavailable

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

Palm Angels


TRACK PANTS

SGD 355SGD 505
You save: SGD 150 (30% Off)

Sorry, this product is currently no longer available because it has been sold
out.

Add to Wishlist
New List
Share https://hbx.com/men/brands/palm-angels/track-pants-2
分享到微信
*Recommended size is provided for your reference only. It is determined to be
best fit from your personal measurements. You can edit these measurements in
your profile.



PRODUCT DETAILS

Description
 * Palm Angels

During one of what would become many frequent trips to Los Angeles, Moncler art
director Francesco Ragazzi began photographing the skateboarders of Venice
Beach. An image of an angelic skater suspended midair in a halo of sunlight
would inspire Palm Angels, and become the genesis of a movement that captures
the rugged grace of L.A. skate culture.

These Italian-made Palm Angels Track Pants boast a logo patch to the thigh,
finished with elasticated detailing to the waistband for a comfortable fit.

 * Elasticated waist.
 * Zips at bottom leg.
 * "Palm Angels" logo mid-thigh.
 * 100% Polyester.
 * Made in Italy.
 * See more Pants and Clothing

Product ID: 227625
Sizing
 * Fits true to size, take your normal size
 * Designed to be worn fitted
 * Model wears size M
 * Model measures: Height 183cm, Chest 35.5”/90cm, Waist 30”/76cm, Hip 33”/84cm

Size Guide
Shipping & Returns

For more information about returns please click here.

Have questions? Get in touch with us


RELATED PRODUCTS

 * Lemaire
   JUDO PANTS
   SGD 715
 * POST ARCHIVE FACTION (PAF)
   5.0+ Technical Pants Center
   SGD 775SGD 1,55050% Off
 * ERL
   UNISEX CORDUROY FLARED PANTS WOVEN
   SGD 515SGD 86040% Off
 * Martine Rose
   PANELLED TRACK PANTS
   SGD 330SGD 66050% Off
 * Martine Rose
   TWISTED SEAM CARGO PANTS
   SGD 335SGD 83560% Off
 * Pleasures
   LECTURE ZIP OFF PANTS
   SGD 145SGD 18020% Off
 * Pleasures
   GAZE NYLON TRACK PANTS
   SGD 110SGD 14020% Off
 * Palm Angels
   BURNING MONOGRAM T-SHIRT
   SGD 570
 * Palm Angels
   CURVED LOGO SWEATER
   SGD 585
 * Palm Angels
   FOGGY PA T-SHIRT
   SGD 570
 * Palm Angels
   LOGO T-SHIRT
   SGD 435

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

Singapore (SG), SGD English
 * about
 * Retail Store
 * help
 * HBX Pro
 * referral program
 * affiliates program

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






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

Always Active

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

Always Active

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

Always Active

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

Confirm My Choices