hbx.com Open in urlscan Pro
18.66.192.96  Public Scan

Submitted URL: https://trk.hbx.com/ls/click?upn=g-2FUSQZhCAQEGJOA2XFBln7-2BoIObZcM2qaHnvZRaRkhq8aADTZLVc0o-2BTIzlyKgukVW7RvAd4jZS5K...
Effective URL: https://hbx.com/men/brands/loewe?utm_source=Klaviyo&utm_medium=email&utm_campaign=2024-2-23576-loewe-new-arrival...
Submission: On February 28 via api from BE — Scanned from DE

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

/search

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

POST /settings

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

POST https://hbx.com/newsletter

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

Text Content

MenWomenLifeGolfArchivesSaleJournal

Clear




EN

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

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

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

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

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

 * Explore Our Private Sale For HBX Pro Members Only

 * Featured
 * New arrivals
 * Hypebeast Goods and Services
 * Modern rebel style guide
 * Women's Sale

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

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

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

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

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

 * Explore Our Private Sale For HBX Pro Members Only

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

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

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

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

 * Explore Our Private Sale For HBX Pro Members Only

 * Featured
 * New arrivals
 * Staff picks

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

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

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

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

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

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

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

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

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

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

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

 * Explore Our Private Sale For HBX Pro Members Only

 * Featured
 * Explore golf
 * New arrivals: Malbon Golf

 * Clothing
 * Clothing
 * Pants
 * Shorts
 * Shop all

 * Accessories
 * Accessories
 * Equipment
 * Shop all

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

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

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

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

AFTERPAY BRINGS INDUSTRY LEADERS TOGETHER ON FUTURE OF DROP CULTURE
EXPLORING THE PAST, PRESENT, AND FUTURE OF FINE CHAOS WITH MARC C. MØLLERSKOV
1 TRACKSUIT, 4 WAYS: AN EDITOR'S STYLE GUIDE
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.
Germany (DE)
USD

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

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

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

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

USD
More
Follow Us

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

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

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

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

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

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

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

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

Back To Home
Women
Women's Home New Arrivals Sale

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

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

Back To Home
Life
Life Home New Arrivals Sale

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

Featured Home Life Brands
Explore Our Private Sale For HBX Pro Members Only

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

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

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

Back To Home
Journal
Journal Home

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

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



Home Men Brands Loewe


LOEWE

Loewe is a Spanish luxury fashion house. Founded in 1846, Loewe has a reputable
and established history of specializing in leather goods. In particular, its
notable bag silhouettes include the Puzzle, the Hammock, and the Gate. The brand
also offers a wide variety of products including a range of ready-to-wear items
such as T-shirts, sweaters, denim wear, and jackets, alongside small leather
goods and shoes.
48729612060 Per Page
Newest FirstPrice Low To HighPrice High To LowDiscount Low To HighDiscount High
To LowNewest FirstNewest First
Filters
487296120
Newest FirstNewest FirstPrice Low To HighPrice High To LowDiscount Low To
HighDiscount High To Low
New List
Loewe
Loose Fit T-shirt
$694New
New List
Loewe
Oversized Fit Long Sleeve T-shirt
$878New
New List
Loewe
Wool Blend Sweater
$1,624New
New List
Loewe
Wool Sweater
$2,777New
New List
Loewe
Anagram Baggy Jeans
$1,755New
New List
Loewe
Reversible Anagram Bucket Hat
$707New
New List
Loewe
Puzzle Coin Card Holder
$668New
New List
Loewe
Slim Compact Wallet
$747New
New List
Loewe
Bifold Wallet
$747New
New List
Loewe
Mini Puzzle Bumbag
$2,568New
New List
Loewe
Small Puzzle Bumbag
$2,869New
New List
Loewe
Small Puzzle Bumbag
$3,210New
New List
Loewe
Small Puzzle Bumbag
$2,869New
New List
Loewe
Convertible Sling Bag
$2,017New
New List
Loewe
Convertible Sling Bag
$2,017New
New List
Loewe
Molded Sling Bag
$2,017New
New List
Loewe
Large Puzzle Fold Tote Bag
$2,961New
New List
Loewe
Fold Shopper Bag
$2,476New
New List
Loewe
Fisherman Turn-up Jeans
$1,362
New List
Loewe
Rectangular Sunglasses
$576
New List
Loewe
Paula's Ibiza Sunglasses
$491
New List
Loewe
Fisherman Turn-up Denim Jacket
$2,201
New List
Loewe
PIXELATED BAGGY JEANS
$1,729
New List
Loewe
PUZZLE EDGE PLAIN CARDHOLDER
$406
New List
Loewe
Mini Puzzle Bumbag
$2,607
New List
Loewe
XS Military Messenger Bag
$2,607
New List
Loewe
Regular Fit T-shirt
$642
New List
Loewe
Mini Puzzle Bumbag
$2,607
New List
Loewe
Anagram T-shirt
$563
New List
Loewe
Mini Puzzle Bumbag
$2,476
New List
Loewe
Molded Sling
$1,611
New List
Loewe
Anton Sling
$1,978
New List
Loewe
PUZZLE JEANS
$616$1,32350% Off
New List
Loewe
Fleece Back Check Shirt
$603$1,29750% Off
New List
Loewe
ANAGRAM WORKWEAR JACKET
$760$1,63850% Off
New List
Loewe
PUZZLE JACKET
$983$2,12250% Off
New List
Loewe
Mushroom Bermuda Shorts
$760$1,69060% Off
New List
Loewe
Paula Stripes Classic Shirt
$465$1,54670% Off
New List
Loewe
Checks Anagram Scarf
$517$1,71070% Off
New List
Loewe
Elephant Phone Cover X/Xs
$105$51180% Off
New List
Loewe
Elephant iPhone Cover X/Xs
$105$51180% Off
New List
Loewe
Elephant iPhone Cover X/Xs
$105$51180% Off
Clear All
Filters
Categories
   
 * All Categories
   
 * Clothing
 * All Clothing
 * Jackets
 * All Jackets
 * Denim Jackets
 * Jeans
 * Knitwear
 * Shirts
 * Shorts
 * T-Shirts
 * All T-Shirts
 * LS T-Shirts
 * SS T-Shirts
 * Accessories
 * All Accessories
 * Bags
 * All Bags
 * Belt Bags
 * Cross-Body Bags
 * Shoulder Bags
 * Tote Bags
 * Eyewear
 * All Eyewear
 * Sunglasses
 * Hats
 * All Hats
 * Bucket Hats
 * Scarves
 * Wallets
 * All Wallets
 * Card Holders
 * Life
 * All Life
 * Tech & Gadgets
 * All Tech & Gadgets
 * Tech Accessories

Color
 * Beige
 * Black
 * Blue
 * Brown
 * Green
 * Grey
 * Orange
 * Pink
 * Red
 * White
 * Yellow

Size

Clothing

 * S
 * M
 * L
 * XL
 * 

Price
 * $51 - $100
 * $301 - $400
 * $401 - $500
 * > $501

-
Sale
 * Sale Only
 * Private Sale
 * Last Chance

Clear all filters
Apply

Loewe
Loose Fit T-shirt
Loewe
Oversized Fit Long Sleeve T-shirt
Loewe
Wool Blend Sweater
Loewe
Wool Sweater
Loewe
Anagram Baggy Jeans
Loewe
Reversible Anagram Bucket Hat
Loewe
Puzzle Coin Card Holder
Loewe
Slim Compact Wallet
Loewe
Bifold Wallet
Loewe
Mini Puzzle Bumbag
Loewe
Small Puzzle Bumbag
Loewe
Small Puzzle Bumbag
Loewe
Small Puzzle Bumbag
Loewe
Convertible Sling Bag
Loewe
Convertible Sling Bag
Loewe
Molded Sling Bag
Loewe
Large Puzzle Fold Tote Bag
Loewe
Fold Shopper Bag
Loewe
Fisherman Turn-up Jeans
Loewe
Rectangular Sunglasses
Loewe
Paula's Ibiza Sunglasses
Loewe
Fisherman Turn-up Denim Jacket
Loewe
PIXELATED BAGGY JEANS
Loewe
PUZZLE EDGE PLAIN CARDHOLDER
Loewe
Mini Puzzle Bumbag
Loewe
XS Military Messenger Bag
Loewe
Regular Fit T-shirt
Loewe
Mini Puzzle Bumbag
Loewe
Anagram T-shirt
Loewe
Mini Puzzle Bumbag
Loewe
Molded Sling
Loewe
Anton Sling
Loewe
PUZZLE JEANS
Loewe
Fleece Back Check Shirt
Loewe
ANAGRAM WORKWEAR JACKET
Loewe
PUZZLE JACKET
Loewe
Mushroom Bermuda Shorts
Loewe
Paula Stripes Classic Shirt
Loewe
Checks Anagram Scarf
Loewe
Elephant Phone Cover X/Xs
Loewe
Elephant iPhone Cover X/Xs
Loewe
Elephant iPhone Cover X/Xs
Follow Us

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

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

Language and Region

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

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




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



PRIVACY PREFERENCE CENTER

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


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

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

PERFORMANCE COOKIES

Performance Cookies

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

FUNCTIONAL COOKIES

Functional Cookies

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

ADVERTISING COOKIES

Advertising Cookies

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

Back Button


COOKIE LIST



Search Icon
Filter Icon

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

Reject All Confirm My Choices