<!doctype html>
<html
  
  lang="en"
>
  <head><link
        rel="icon"
        type="image/png"
        href="//www.alexsbar.com/cdn/shop/files/Praying_hands_logo_no_year1024_1.jpg?crop=center&height=32&v=1691528092&width=32"
      >
    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Alexsbar"
>
<meta
  property="og:url"
  content="https://alexsbar.com/"
>
<meta
  property="og:title"
  content="Alexsbar"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Alexsbar"
><meta
    property="og:image"
    content="http://www.alexsbar.com/cdn/shop/files/IG_Promo_3.webp?v=1692211163"
  >
  <meta
    property="og:image:secure_url"
    content="https://www.alexsbar.com/cdn/shop/files/IG_Promo_3.webp?v=1692211163"
  >
  <meta
    property="og:image:width"
    content="1200"
  >
  <meta
    property="og:image:height"
    content="1200"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Alexsbar"
>
<meta
  name="twitter:description"
  content="Alexsbar"
>

<title>
  Alexsbar
</title>

<link
  rel="canonical"
  href="https://alexsbar.com/"
>


<link href="//www.alexsbar.com/cdn/shop/t/12/assets/overflow-list.css?v=13500019909476584571773929338" as="style" rel="preload">
<link href="//www.alexsbar.com/cdn/shop/t/12/assets/base.css?v=179543140946678485911773929338" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//www.alexsbar.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//www.alexsbar.com/cdn/shop/t/12/assets/overflow-list.js?v=46858356770684902511773929338",
      "@theme/product-title": "//www.alexsbar.com/cdn/shop/t/12/assets/product-title-truncation.js?v=81744426891537421781773929338",
      "@theme/component": "//www.alexsbar.com/cdn/shop/t/12/assets/component.js?v=184240237101443119871773929338",
      "@theme/dialog": "//www.alexsbar.com/cdn/shop/t/12/assets/dialog.js?v=150888536568694194021773929338",
      "@theme/events": "//www.alexsbar.com/cdn/shop/t/12/assets/events.js?v=1118589085892804011773929338",
      "@theme/focus": "//www.alexsbar.com/cdn/shop/t/12/assets/focus.js?v=60436577539430446401773929338",
      "@theme/morph": "//www.alexsbar.com/cdn/shop/t/12/assets/morph.js?v=102085577784545683451773929338",
      "@theme/paginated-list": "//www.alexsbar.com/cdn/shop/t/12/assets/paginated-list.js?v=95298315036233333871773929338",
      "@theme/performance": "//www.alexsbar.com/cdn/shop/t/12/assets/performance.js?v=171015751390534793081773929338",
      "@theme/product-form": "//www.alexsbar.com/cdn/shop/t/12/assets/product-form.js?v=87407172394809519131773929338",
      "@theme/recently-viewed-products": "//www.alexsbar.com/cdn/shop/t/12/assets/recently-viewed-products.js?v=94729125001750262651773929338",
      "@theme/scrolling": "//www.alexsbar.com/cdn/shop/t/12/assets/scrolling.js?v=162288454571026455011773929338",
      "@theme/section-renderer": "//www.alexsbar.com/cdn/shop/t/12/assets/section-renderer.js?v=152586934315572818121773929338",
      "@theme/section-hydration": "//www.alexsbar.com/cdn/shop/t/12/assets/section-hydration.js?v=108434990705342316311773929338",
      "@theme/money-formatting": "//www.alexsbar.com/cdn/shop/t/12/assets/money-formatting.js?v=182191346160333327151773929338",
      "@theme/utilities": "//www.alexsbar.com/cdn/shop/t/12/assets/utilities.js?v=28506172887375975941773929338",
      "@theme/variant-picker": "//www.alexsbar.com/cdn/shop/t/12/assets/variant-picker.js?v=177886063604495755331773929338",
      "@theme/media-gallery": "//www.alexsbar.com/cdn/shop/t/12/assets/media-gallery.js?v=14624021005636302161773929338",
      "@theme/quick-add": "//www.alexsbar.com/cdn/shop/t/12/assets/quick-add.js?v=8173316780029216301773929338",
      "@theme/paginated-list-aspect-ratio": "//www.alexsbar.com/cdn/shop/t/12/assets/paginated-list-aspect-ratio.js?v=25254270272143792451773929338",
      "@theme/popover-polyfill": "//www.alexsbar.com/cdn/shop/t/12/assets/popover-polyfill.js?v=119029313658895111201773929338",
      "@theme/component-quantity-selector": "//www.alexsbar.com/cdn/shop/t/12/assets/component-quantity-selector.js?v=67906657287482036641773929338",
      "@theme/comparison-slider": "//www.alexsbar.com/cdn/shop/t/12/assets/comparison-slider.js?v=106705562947035711941773929338",
      "@theme/sticky-add-to-cart": "//www.alexsbar.com/cdn/shop/t/12/assets/sticky-add-to-cart.js?v=48956925339276737091773929338",
      "@theme/fly-to-cart": "//www.alexsbar.com/cdn/shop/t/12/assets/fly-to-cart.js?v=48483246440248933081773929338"
    }
  }
</script>

<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/view-transitions.js?v=7106414069516106341773929338"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/utilities.js?v=28506172887375975941773929338"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/component.js?v=184240237101443119871773929338"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/section-renderer.js?v=152586934315572818121773929338"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/section-hydration.js?v=108434990705342316311773929338"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/morph.js?v=102085577784545683451773929338"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/focus.js?v=60436577539430446401773929338"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/recently-viewed-products.js?v=94729125001750262651773929338"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/scrolling.js?v=162288454571026455011773929338"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.alexsbar.com/cdn/shop/t/12/assets/events.js?v=1118589085892804011773929338"
  fetchpriority="low"
>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/popover-polyfill.js?v=119029313658895111201773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/overflow-list.js?v=46858356770684902511773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/quick-add.js?v=8173316780029216301773929338"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//www.alexsbar.com/cdn/shop/t/12/assets/cart-discount.js?v=107077853990124422021773929338"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/dialog.js?v=150888536568694194021773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/variant-picker.js?v=177886063604495755331773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/product-card.js?v=28695665944407642501773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/product-form.js?v=87407172394809519131773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/fly-to-cart.js?v=48483246440248933081773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/accordion-custom.js?v=97588419883090888471773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/media.js?v=37825095869491791421773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/product-price.js?v=164492227269745550161773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/product-sku.js?v=121804655373531320511773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/product-title-truncation.js?v=81744426891537421781773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/product-inventory.js?v=81520546963552472391773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/show-more.js?v=94563802205717136101773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/slideshow.js?v=17868446697736367161773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/layered-slideshow.js?v=30135417790894624731773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/anchored-popover.js?v=95953304814728754461773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/floating-panel.js?v=151277338116891310371773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/video-background.js?v=25237992823806706551773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/component-quantity-selector.js?v=67906657287482036641773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/media-gallery.js?v=14624021005636302161773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/rte-formatter.js?v=40306132146590816021773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/volume-pricing.js?v=15442793518842484731773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/price-per-item.js?v=144512917617120124431773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/volume-pricing-info.js?v=94479640769665442661773929338"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//www.alexsbar.com/cdn/shop/t/12/assets/localization.js?v=15585934801240115691773929338"
    type="module"
    fetchpriority="low"
  ></script>




<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/auto-close-details.js?v=58350291535404441581773929338"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
  font-family: "Barlow Condensed";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_n6.99ed11359eef67b853f0c49f37f89f7abe42cd2f.woff") format("woff");
}
@font-face {
  font-family: "Barlow Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_n7.b8dc813bf1d64de77250a6675c25535283e1677a.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_n7.a36d150be98fef32f23a43ed8605139ce8fcc8f5.woff") format("woff");
}
@font-face {
  font-family: "Barlow Condensed";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_i6.459cd4682534076a2e436e62768c494d0e6f8ad3.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_i6.e44b39421fb7c081f9d3d547afa0f9899f3a1588.woff") format("woff");
}
@font-face {
  font-family: "Barlow Condensed";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_i7.ef69176c3a69e990febda79e82ea756536ec243e.woff2") format("woff2"),
       url("//www.alexsbar.com/cdn/fonts/barlow_condensed/barlowcondensed_i7.66d45385839c58c717c22033dcc4b561a22e4b7a.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Inter, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: "Barlow Condensed", sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 600;
    --font-heading--family: "Barlow Condensed", sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 600;
    --font-accent--family: "Barlow Condensed", sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 600;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 0px;
    --style-border-radius-buttons-primary: 0px;
    --style-border-radius-buttons-secondary: 0px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 0px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 0px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-accent--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: uppercase;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 30;
    --variant-picker-swatch-height-unitless: 30;
    --variant-picker-swatch-width: 30px;
    --variant-picker-swatch-height: 30px;
    --variant-picker-swatch-radius: 0px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 0px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(164 35 37 / 1.0);
        --color-foreground-heading-rgb: 164 35 37;
        --color-primary: rgb(164 35 37 / 1.0);
        --color-primary-rgb: 164 35 37;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(164 35 37 / 1.0);
        --color-primary-button-border: rgb(164 35 37 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(120 4 6 / 0.91);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.06);
        --color-secondary-button-border: rgb(164 35 37 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(230 230 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(241 241 241 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 241 241 241;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(242 242 242 / 1.0);
        --color-primary-button-background: rgb(164 35 37 / 1.0);
        --color-primary-button-border: rgb(164 35 37 / 1.0);
        --color-primary-button-hover-text: rgb(242 242 242 / 1.0);
        --color-primary-button-hover-background: rgb(164 35 37 / 1.0);
        --color-primary-button-hover-border: rgb(164 35 37 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(164 35 37 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(164 35 37 / 1.0);
        --color-input-background: rgb(242 242 242 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(228 228 228 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(232 213 199 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 232 213 199;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(120 4 6 / 0.91);
        --color-primary-rgb: 120 4 6;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(208 208 208 / 1.0);
        --color-border-rgb: 208 208 208;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(120 4 6 / 0.91);
        --color-primary-button-border: rgb(120 4 6 / 0.91);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(232 213 199 / 1.0);
        --color-secondary-button-border: rgb(51 50 50 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(241 227 217 / 0.77);
        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-input-background: rgb(232 213 199 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(241 227 217 / 0.77);
        --color-variant-background: rgb(232 213 199 / 1.0);
        --color-variant-border: rgb(88 88 88 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(241 227 217 / 0.77);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(164 35 37 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 164 35 37;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(164 35 37 / 1.0);
        --color-primary-rgb: 164 35 37;
        --color-primary-hover: rgb(164 35 37 / 1.0);
        --color-primary-hover-rgb: 164 35 37;
        --color-border: rgb(0 0 0 / 1.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(164 35 37 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(215 102 104 / 1.0);
        --color-primary-button-hover-border: rgb(215 102 104 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(164 35 37 / 1.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(215 102 104 / 1.0);
        --color-secondary-button-hover-border: rgb(215 102 104 / 1.0);
        --color-input-background: rgb(164 35 37 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 0.89);
        --color-input-hover-background: rgb(120 4 6 / 0.91);
        --color-variant-background: rgb(164 35 37 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(255 255 255 / 1.0);
        --color-variant-text-rgb: 255 255 255;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(0 0 0 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 192 202 / 1.0);
        --color-primary-hover-rgb: 255 192 202;
        --color-border: rgb(26 26 26 / 1.0);
        --color-border-rgb: 26 26 26;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 0.0);
        --color-primary-button-border: rgb(0 0 0 / 0.0);
        --color-primary-button-hover-text: rgb(164 35 37 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(0 0 0 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(51 50 50 / 1.0);
        --color-variant-background: rgb(0 0 0 / 1.0);
        --color-variant-border: rgb(255 255 255 / 1.0);
        --color-variant-text: rgb(255 255 255 / 1.0);
        --color-variant-text-rgb: 255 255 255;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(255 255 255 / 1.0);
        --color-selected-variant-border: rgb(255 255 255 / 1.0);
        --color-selected-variant-text: rgb(0 0 0 / 1.0);
        --color-selected-variant-hover-background: rgb(255 255 255 / 0.19);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(0 0 0 / 0.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 0.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-7 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(164 35 37 / 1.0);
        --color-foreground-heading-rgb: 164 35 37;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.53);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.06);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="9g9eoycgmbglmdtk0psdht9d651c4c">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55776477346/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="d3ddda6078b7089b421f69948691f043">
<meta id="in-context-paypal-metadata" data-shop-id="55776477346" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=55776477346" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55776477346,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55776477346","merchantName":"Alexsbar","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Alexsbar","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"d3ddda6078b7089b421f69948691f043","betas":["rich-media-storefront-analytics"],"domain":"www.alexsbar.com","predictiveSearch":true,"shopId":55776477346,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "alexsbar.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Savor","id":147549978786,"schema_name":"Savor","schema_version":"3.4.0","theme_store_id":3626,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.alexsbar.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.alexsbar.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.alexsbar.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/inffuse.eventscalendar.co\/plugins\/shopify\/loader.js?app=calendar\u0026shop=alexsbar.myshopify.com\u0026shop=alexsbar.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/cda7e57c821e8d344e7817840\/2d1bfbffe1d8cfadfaec9d86e.js?shop=alexsbar.myshopify.com","https:\/\/cdn-prod.hive.co\/static\/js\/shopify-script-tag.bfbb15b16484.js?brandId=133687\u0026shop=alexsbar.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":55776477346,"offset":-25200,"reqid":"ff741744-5a8c-403f-8713-d648cfe080da-1780974191","pageurl":"www.alexsbar.com\/index.xml","u":"4284489f74c0","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.alexsbar.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.alexsbar.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.alexsbar.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.alexsbar.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//www.alexsbar.com/cdn/shop/t/12/compiled_assets/styles.css?v=53936038218140794061773929342">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <script src="https://cdn.shopify.com/extensions/019d9b3d-db05-79e1-ad33-4ab8d9a31d79/smart-accessibility-1-24/assets/sa-widget.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019d9b3d-db05-79e1-ad33-4ab8d9a31d79/smart-accessibility-1-24/assets/sa-widget.css" rel="stylesheet" type="text/css" media="all">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 55776477346,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 55776477346,storefrontBaseUrl: "https://alexsbar.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"1752891554","configuration":"{\"mailchimp_store_id\":\"store_eaewb39yx7sz2fkl83xd\", \"mailchimp_user_id\":\"183273622\",\"mailchimp_list_id\":\"14da4f4bb4\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"258179234","configuration":"{\"pixel_id\":\"345975587758428\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Alexsbar","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"alexsbar.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/alexsbar.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.alexsbar.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"55776477346","storefrontBaseUrl":"https:\/\/alexsbar.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"ff741744-5a8c-403f-8713-d648cfe080da-1780974191"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 55776477346,
      theme_id: 147549978786,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.alexsbar.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.alexsbar.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.alexsbar.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55776477346,"isMerchantRequest":null,"themeId":147549978786,"themeCityHash":"17776476787641051700","contentLanguage":"en","currency":"USD","eventMetadataId":"e67e0492-f18e-418e-8eb6-8e06e29775c9"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"ff741744-5a8c-403f-8713-d648cfe080da-1780974191","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.alexsbar.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://www.alexsbar.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="55776477346"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="147549978786"
  data-theme-name="Savor"
  data-theme-version="3.4.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.alexsbar.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"55776477346","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"US","language":"en"}}</script>
</head>

  <body class="page-width-narrow card-hover-effect-subtle-zoom">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>



    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--19608819105954__header_section" class="shopify-section shopify-section-group-header-group header-section">





<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Alexsbar",
    
      "logo": "https:\/\/www.alexsbar.com\/cdn\/shop\/files\/Alex_s_Bar_logo.png?v=1773930310\u0026width=500",
    
    "url": "https:\/\/www.alexsbar.com"
  }
</script>

<header-component
  id="header-component"
  class="header color-scheme-5"
  data-theme-color="rgb(0 0 0)"
  
    transparent="always"
  
  
  data-skip-node-update
  data-scroll-direction="none"
  
  
  style="
    --color-scheme-top-row: rgba(0 0 0 / 1.0);
    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
    
  "
>
  <div class="header__underlay header__underlay-closed"></div>
  <div
    class="header__underlay header__underlay-open"
  ></div><h1 class="visually-hidden">Alexsbar</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-5 section section--full-width-margin section--full-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/header-drawer.js?v=121243031541024704371773929338"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-1
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-subheading--family);
--menu-top-level-font-size-desktop: 1.25rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);

--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));


        "
        aria-label="Primary"
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-home"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-shows"
                    href="/pages/shows"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Shows</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-merch"
                    href="/pages/merch"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Merch</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-fan-club"
                    href="/pages/newsletter"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Fan Club</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 5;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-menu"
                    href="/pages/menu"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Menu</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 6;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-booking"
                    href="/pages/booking"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Booking</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 7;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-faq"
                    href="/pages/faq"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">FAQ</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 8;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-contact"
                    href="/pages/contact"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 8;"
      >
        
        
          
          
            <drawer-localization-component class="menu-drawer__localization">
              <details
                id="drawer-localization"
                class="drawer-localization"
                on:toggle="/toggle"
              >
                <summary
                  id="HeaderDrawer-localization"
                  class="drawer-localization__button h3 link focus-inset"
                  aria-expanded="false"
                  on:click="header-drawer/open/submenu"
                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
                >
                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">USD</span>
                      </div></div>
                  <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </summary>

                <div
                  class="menu-drawer__submenu has-submenu color-scheme-5"
                  style=""
                >
                  <div
                    class="menu-drawer__nav-buttons"
                    ref="navButtons"
                  >
                    <button
                      class="button menu-drawer__back-button link focus-inset"
                      aria-expanded="true"
                      on:click="header-drawer/back"
                    >
                      <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                      Region and language
                    </button>
                    <button
                      class="button close-button menu-drawer__close-button"
                      type="button"
                      aria-label="Close"
                      on:click="header-drawer/close"
                    >
                      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </button>
                  </div>

                  
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button">
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Search"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Find country"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Search</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Reset"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="drawer-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-ALythK05MR3RFOTZLL__header-menu-1"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list"
          id="drawer-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AF"
                
                  data-aliases=""
                
                id="Afghanistan"
                aria-label="Afghanistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Afghanistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AFN
                  ؋</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AX"
                
                  data-aliases=""
                
                id="Åland Islands"
                aria-label="Åland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Åland Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AL"
                
                  data-aliases=""
                
                id="Albania"
                aria-label="Albania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Albania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ALL
                  L</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DZ"
                
                  data-aliases=""
                
                id="Algeria"
                aria-label="Algeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Algeria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DZD
                  د.ج</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AD"
                
                  data-aliases=""
                
                id="Andorra"
                aria-label="Andorra"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Andorra</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AO"
                
                  data-aliases=""
                
                id="Angola"
                aria-label="Angola"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Angola</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AI"
                
                  data-aliases=""
                
                id="Anguilla"
                aria-label="Anguilla"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Anguilla</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AG"
                
                  data-aliases=""
                
                id="Antigua &amp; Barbuda"
                aria-label="Antigua &amp; Barbuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Antigua &amp; Barbuda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AR"
                
                  data-aliases=""
                
                id="Argentina"
                aria-label="Argentina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Argentina</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AM"
                
                  data-aliases=""
                
                id="Armenia"
                aria-label="Armenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Armenia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AMD
                  դր.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AW"
                
                  data-aliases=""
                
                id="Aruba"
                aria-label="Aruba"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Aruba</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AWG
                  ƒ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AC"
                
                  data-aliases=""
                
                id="Ascension Island"
                aria-label="Ascension Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ascension Island</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SHP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Austria"
                aria-label="Austria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Austria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AZ"
                
                  data-aliases=""
                
                id="Azerbaijan"
                aria-label="Azerbaijan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Azerbaijan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AZN
                  ₼</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BS"
                
                  data-aliases=""
                
                id="Bahamas"
                aria-label="Bahamas"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahamas</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BSD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BH"
                
                  data-aliases=""
                
                id="Bahrain"
                aria-label="Bahrain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahrain</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BD"
                
                  data-aliases=""
                
                id="Bangladesh"
                aria-label="Bangladesh"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bangladesh</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BDT
                  ৳</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BB"
                
                  data-aliases=""
                
                id="Barbados"
                aria-label="Barbados"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Barbados</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BBD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BY"
                
                  data-aliases=""
                
                id="Belarus"
                aria-label="Belarus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belarus</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgium"
                aria-label="Belgium"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgium</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BZ"
                
                  data-aliases=""
                
                id="Belize"
                aria-label="Belize"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belize</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BJ"
                
                  data-aliases=""
                
                id="Benin"
                aria-label="Benin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Benin</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BM"
                
                  data-aliases=""
                
                id="Bermuda"
                aria-label="Bermuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bermuda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BT"
                
                  data-aliases=""
                
                id="Bhutan"
                aria-label="Bhutan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bhutan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BO"
                
                  data-aliases=""
                
                id="Bolivia"
                aria-label="Bolivia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bolivia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BOB
                  Bs.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BA"
                
                  data-aliases=""
                
                id="Bosnia &amp; Herzegovina"
                aria-label="Bosnia &amp; Herzegovina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bosnia &amp; Herzegovina</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BAM
                  КМ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BW"
                
                  data-aliases=""
                
                id="Botswana"
                aria-label="Botswana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Botswana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BWP
                  P</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BR"
                
                  data-aliases=""
                
                id="Brazil"
                aria-label="Brazil"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brazil</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IO"
                
                  data-aliases=""
                
                id="British Indian Ocean Territory"
                aria-label="British Indian Ocean Territory"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Indian Ocean Territory</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VG"
                
                  data-aliases=""
                
                id="British Virgin Islands"
                aria-label="British Virgin Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Virgin Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BN"
                
                  data-aliases=""
                
                id="Brunei"
                aria-label="Brunei"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brunei</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BND
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BG"
                
                  data-aliases=""
                
                id="Bulgaria"
                aria-label="Bulgaria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bulgaria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BF"
                
                  data-aliases=""
                
                id="Burkina Faso"
                aria-label="Burkina Faso"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burkina Faso</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BI"
                
                  data-aliases=""
                
                id="Burundi"
                aria-label="Burundi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burundi</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BIF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KH"
                
                  data-aliases=""
                
                id="Cambodia"
                aria-label="Cambodia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cambodia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KHR
                  ៛</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CM"
                
                  data-aliases=""
                
                id="Cameroon"
                aria-label="Cameroon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cameroon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CA"
                
                  data-aliases=""
                
                id="Canada"
                aria-label="Canada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Canada</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CAD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CV"
                
                  data-aliases=""
                
                id="Cape Verde"
                aria-label="Cape Verde"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cape Verde</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CVE
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BQ"
                
                  data-aliases=""
                
                id="Caribbean Netherlands"
                aria-label="Caribbean Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Caribbean Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KY"
                
                  data-aliases=""
                
                id="Cayman Islands"
                aria-label="Cayman Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cayman Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KYD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CF"
                
                  data-aliases=""
                
                id="Central African Republic"
                aria-label="Central African Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Central African Republic</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TD"
                
                  data-aliases=""
                
                id="Chad"
                aria-label="Chad"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chad</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CL"
                
                  data-aliases=""
                
                id="Chile"
                aria-label="Chile"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chile</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CN"
                
                  data-aliases=""
                
                id="China"
                aria-label="China"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">China</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CNY
                  ¥</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CX"
                
                  data-aliases=""
                
                id="Christmas Island"
                aria-label="Christmas Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Christmas Island</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CC"
                
                  data-aliases=""
                
                id="Cocos (Keeling) Islands"
                aria-label="Cocos (Keeling) Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cocos (Keeling) Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CO"
                
                  data-aliases=""
                
                id="Colombia"
                aria-label="Colombia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Colombia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KM"
                
                  data-aliases=""
                
                id="Comoros"
                aria-label="Comoros"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Comoros</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KMF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CG"
                
                  data-aliases=""
                
                id="Congo - Brazzaville"
                aria-label="Congo - Brazzaville"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Brazzaville</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CD"
                
                  data-aliases=""
                
                id="Congo - Kinshasa"
                aria-label="Congo - Kinshasa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Kinshasa</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CDF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CK"
                
                  data-aliases=""
                
                id="Cook Islands"
                aria-label="Cook Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cook Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CR"
                
                  data-aliases=""
                
                id="Costa Rica"
                aria-label="Costa Rica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Costa Rica</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CRC
                  ₡</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CI"
                
                  data-aliases=""
                
                id="Côte d’Ivoire"
                aria-label="Côte d’Ivoire"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Côte d’Ivoire</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HR"
                
                  data-aliases=""
                
                id="Croatia"
                aria-label="Croatia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Croatia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CW"
                
                  data-aliases=""
                
                id="Curaçao"
                aria-label="Curaçao"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Curaçao</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ANG
                  ƒ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CY"
                
                  data-aliases=""
                
                id="Cyprus"
                aria-label="Cyprus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cyprus</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Czechia"
                aria-label="Czechia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Czechia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CZK
                  Kč</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Denmark"
                aria-label="Denmark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Denmark</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DJ"
                
                  data-aliases=""
                
                id="Djibouti"
                aria-label="Djibouti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Djibouti</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DJF
                  Fdj</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DM"
                
                  data-aliases=""
                
                id="Dominica"
                aria-label="Dominica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominica</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DO"
                
                  data-aliases=""
                
                id="Dominican Republic"
                aria-label="Dominican Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominican Republic</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DOP
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EC"
                
                  data-aliases=""
                
                id="Ecuador"
                aria-label="Ecuador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ecuador</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EG"
                
                  data-aliases=""
                
                id="Egypt"
                aria-label="Egypt"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Egypt</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EGP
                  ج.م</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SV"
                
                  data-aliases=""
                
                id="El Salvador"
                aria-label="El Salvador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">El Salvador</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GQ"
                
                  data-aliases=""
                
                id="Equatorial Guinea"
                aria-label="Equatorial Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Equatorial Guinea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ER"
                
                  data-aliases=""
                
                id="Eritrea"
                aria-label="Eritrea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ER"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eritrea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EE"
                
                  data-aliases=""
                
                id="Estonia"
                aria-label="Estonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Estonia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SZ"
                
                  data-aliases=""
                
                id="Eswatini"
                aria-label="Eswatini"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eswatini</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ET"
                
                  data-aliases=""
                
                id="Ethiopia"
                aria-label="Ethiopia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ET"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ethiopia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ETB
                  Br</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FK"
                
                  data-aliases=""
                
                id="Falkland Islands"
                aria-label="Falkland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Falkland Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  FKP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FO"
                
                  data-aliases=""
                
                id="Faroe Islands"
                aria-label="Faroe Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Faroe Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FJ"
                
                  data-aliases=""
                
                id="Fiji"
                aria-label="Fiji"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Fiji</span>
                <span
                  class="localization-form__currency"
                  
                >
                  FJD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finland"
                aria-label="Finland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="France"
                aria-label="France"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">France</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GF"
                
                  data-aliases=""
                
                id="French Guiana"
                aria-label="French Guiana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Guiana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PF"
                
                  data-aliases=""
                
                id="French Polynesia"
                aria-label="French Polynesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Polynesia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XPF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TF"
                
                  data-aliases=""
                
                id="French Southern Territories"
                aria-label="French Southern Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Southern Territories</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GA"
                
                  data-aliases=""
                
                id="Gabon"
                aria-label="Gabon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gabon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GM"
                
                  data-aliases=""
                
                id="Gambia"
                aria-label="Gambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gambia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GMD
                  D</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GE"
                
                  data-aliases=""
                
                id="Georgia"
                aria-label="Georgia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Georgia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Germany"
                aria-label="Germany"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GH"
                
                  data-aliases=""
                
                id="Ghana"
                aria-label="Ghana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ghana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GI"
                
                  data-aliases=""
                
                id="Gibraltar"
                aria-label="Gibraltar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gibraltar</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GR"
                
                  data-aliases=""
                
                id="Greece"
                aria-label="Greece"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greece</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GL"
                
                  data-aliases=""
                
                id="Greenland"
                aria-label="Greenland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greenland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GD"
                
                  data-aliases=""
                
                id="Grenada"
                aria-label="Grenada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Grenada</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GP"
                
                  data-aliases=""
                
                id="Guadeloupe"
                aria-label="Guadeloupe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guadeloupe</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GT"
                
                  data-aliases=""
                
                id="Guatemala"
                aria-label="Guatemala"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guatemala</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GTQ
                  Q</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GG"
                
                  data-aliases=""
                
                id="Guernsey"
                aria-label="Guernsey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guernsey</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GN"
                
                  data-aliases=""
                
                id="Guinea"
                aria-label="Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GNF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GW"
                
                  data-aliases=""
                
                id="Guinea-Bissau"
                aria-label="Guinea-Bissau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea-Bissau</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GY"
                
                  data-aliases=""
                
                id="Guyana"
                aria-label="Guyana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guyana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GYD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HT"
                
                  data-aliases=""
                
                id="Haiti"
                aria-label="Haiti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Haiti</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HN"
                
                  data-aliases=""
                
                id="Honduras"
                aria-label="Honduras"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Honduras</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HNL
                  L</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HK"
                
                  data-aliases=""
                
                id="Hong Kong SAR"
                aria-label="Hong Kong SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hong Kong SAR</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HKD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HU"
                
                  data-aliases=""
                
                id="Hungary"
                aria-label="Hungary"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hungary</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HUF
                  Ft</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IS"
                
                  data-aliases=""
                
                id="Iceland"
                aria-label="Iceland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iceland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ISK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IN"
                
                  data-aliases=""
                
                id="India"
                aria-label="India"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">India</span>
                <span
                  class="localization-form__currency"
                  
                >
                  INR
                  ₹</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ID"
                
                  data-aliases=""
                
                id="Indonesia"
                aria-label="Indonesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ID"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Indonesia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  IDR
                  Rp</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IQ"
                
                  data-aliases=""
                
                id="Iraq"
                aria-label="Iraq"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iraq</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Ireland"
                aria-label="Ireland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ireland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IM"
                
                  data-aliases=""
                
                id="Isle of Man"
                aria-label="Isle of Man"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Isle of Man</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IL"
                
                  data-aliases=""
                
                id="Israel"
                aria-label="Israel"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Israel</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ILS
                  ₪</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italy"
                aria-label="Italy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italy</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JM"
                
                  data-aliases=""
                
                id="Jamaica"
                aria-label="Jamaica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jamaica</span>
                <span
                  class="localization-form__currency"
                  
                >
                  JMD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JP"
                
                  data-aliases=""
                
                id="Japan"
                aria-label="Japan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Japan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  JPY
                  ¥</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JE"
                
                  data-aliases=""
                
                id="Jersey"
                aria-label="Jersey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jersey</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JO"
                
                  data-aliases=""
                
                id="Jordan"
                aria-label="Jordan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jordan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KZ"
                
                  data-aliases=""
                
                id="Kazakhstan"
                aria-label="Kazakhstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kazakhstan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KZT
                  ₸</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KE"
                
                  data-aliases=""
                
                id="Kenya"
                aria-label="Kenya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kenya</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KES
                  KSh</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KI"
                
                  data-aliases=""
                
                id="Kiribati"
                aria-label="Kiribati"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kiribati</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="XK"
                
                  data-aliases=""
                
                id="Kosovo"
                aria-label="Kosovo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/XK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kosovo</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KW"
                
                  data-aliases=""
                
                id="Kuwait"
                aria-label="Kuwait"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kuwait</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KG"
                
                  data-aliases=""
                
                id="Kyrgyzstan"
                aria-label="Kyrgyzstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kyrgyzstan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KGS
                  som</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LA"
                
                  data-aliases=""
                
                id="Laos"
                aria-label="Laos"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Laos</span>
                <span
                  class="localization-form__currency"
                  
                >
                  LAK
                  ₭</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LV"
                
                  data-aliases=""
                
                id="Latvia"
                aria-label="Latvia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Latvia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LB"
                
                  data-aliases=""
                
                id="Lebanon"
                aria-label="Lebanon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lebanon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  LBP
                  ل.ل</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LS"
                
                  data-aliases=""
                
                id="Lesotho"
                aria-label="Lesotho"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lesotho</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LR"
                
                  data-aliases=""
                
                id="Liberia"
                aria-label="Liberia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liberia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LY"
                
                  data-aliases=""
                
                id="Libya"
                aria-label="Libya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Libya</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LI"
                
                  data-aliases=""
                
                id="Liechtenstein"
                aria-label="Liechtenstein"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liechtenstein</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CHF
                  CHF</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LT"
                
                  data-aliases=""
                
                id="Lithuania"
                aria-label="Lithuania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lithuania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LU"
                
                  data-aliases=""
                
                id="Luxembourg"
                aria-label="Luxembourg"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Luxembourg</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MO"
                
                  data-aliases=""
                
                id="Macao SAR"
                aria-label="Macao SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Macao SAR</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MOP
                  P</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MG"
                
                  data-aliases=""
                
                id="Madagascar"
                aria-label="Madagascar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Madagascar</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MW"
                
                  data-aliases=""
                
                id="Malawi"
                aria-label="Malawi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malawi</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MWK
                  MK</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MY"
                
                  data-aliases=""
                
                id="Malaysia"
                aria-label="Malaysia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malaysia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MYR
                  RM</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MV"
                
                  data-aliases=""
                
                id="Maldives"
                aria-label="Maldives"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Maldives</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MVR
                  MVR</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ML"
                
                  data-aliases=""
                
                id="Mali"
                aria-label="Mali"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ML"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mali</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MT"
                
                  data-aliases=""
                
                id="Malta"
                aria-label="Malta"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malta</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MQ"
                
                  data-aliases=""
                
                id="Martinique"
                aria-label="Martinique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Martinique</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MR"
                
                  data-aliases=""
                
                id="Mauritania"
                aria-label="Mauritania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MU"
                
                  data-aliases=""
                
                id="Mauritius"
                aria-label="Mauritius"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritius</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MUR
                  ₨</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YT"
                
                  data-aliases=""
                
                id="Mayotte"
                aria-label="Mayotte"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mayotte</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MX"
                
                  data-aliases=""
                
                id="Mexico"
                aria-label="Mexico"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mexico</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MD"
                
                  data-aliases=""
                
                id="Moldova"
                aria-label="Moldova"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Moldova</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MDL
                  L</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MC"
                
                  data-aliases=""
                
                id="Monaco"
                aria-label="Monaco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Monaco</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MN"
                
                  data-aliases=""
                
                id="Mongolia"
                aria-label="Mongolia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mongolia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MNT
                  ₮</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ME"
                
                  data-aliases=""
                
                id="Montenegro"
                aria-label="Montenegro"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ME"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montenegro</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MS"
                
                  data-aliases=""
                
                id="Montserrat"
                aria-label="Montserrat"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montserrat</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MA"
                
                  data-aliases=""
                
                id="Morocco"
                aria-label="Morocco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Morocco</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MAD
                  د.م.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MZ"
                
                  data-aliases=""
                
                id="Mozambique"
                aria-label="Mozambique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mozambique</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MM"
                
                  data-aliases=""
                
                id="Myanmar (Burma)"
                aria-label="Myanmar (Burma)"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Myanmar (Burma)</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MMK
                  K</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NA"
                
                  data-aliases=""
                
                id="Namibia"
                aria-label="Namibia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Namibia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NR"
                
                  data-aliases=""
                
                id="Nauru"
                aria-label="Nauru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nauru</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NP"
                
                  data-aliases=""
                
                id="Nepal"
                aria-label="Nepal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nepal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NPR
                  Rs.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NC"
                
                  data-aliases=""
                
                id="New Caledonia"
                aria-label="New Caledonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Caledonia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XPF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NI"
                
                  data-aliases=""
                
                id="Nicaragua"
                aria-label="Nicaragua"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nicaragua</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NIO
                  C$</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NE"
                
                  data-aliases=""
                
                id="Niger"
                aria-label="Niger"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niger</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NG"
                
                  data-aliases=""
                
                id="Nigeria"
                aria-label="Nigeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nigeria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NGN
                  ₦</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NU"
                
                  data-aliases=""
                
                id="Niue"
                aria-label="Niue"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niue</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NF"
                
                  data-aliases=""
                
                id="Norfolk Island"
                aria-label="Norfolk Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norfolk Island</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MK"
                
                  data-aliases=""
                
                id="North Macedonia"
                aria-label="North Macedonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">North Macedonia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MKD
                  ден</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NO"
                
                  data-aliases=""
                
                id="Norway"
                aria-label="Norway"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norway</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="OM"
                
                  data-aliases=""
                
                id="Oman"
                aria-label="Oman"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/OM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Oman</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PK"
                
                  data-aliases=""
                
                id="Pakistan"
                aria-label="Pakistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pakistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PKR
                  ₨</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PS"
                
                  data-aliases=""
                
                id="Palestinian Territories"
                aria-label="Palestinian Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Palestinian Territories</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ILS
                  ₪</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PA"
                
                  data-aliases=""
                
                id="Panama"
                aria-label="Panama"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Panama</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PG"
                
                  data-aliases=""
                
                id="Papua New Guinea"
                aria-label="Papua New Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Papua New Guinea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PGK
                  K</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PY"
                
                  data-aliases=""
                
                id="Paraguay"
                aria-label="Paraguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Paraguay</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PYG
                  ₲</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PE"
                
                  data-aliases=""
                
                id="Peru"
                aria-label="Peru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Peru</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PEN
                  S/</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PH"
                
                  data-aliases=""
                
                id="Philippines"
                aria-label="Philippines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Philippines</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PHP
                  ₱</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PN"
                
                  data-aliases=""
                
                id="Pitcairn Islands"
                aria-label="Pitcairn Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pitcairn Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Poland"
                aria-label="Poland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Poland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PLN
                  zł</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="QA"
                
                  data-aliases=""
                
                id="Qatar"
                aria-label="Qatar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/QA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Qatar</span>
                <span
                  class="localization-form__currency"
                  
                >
                  QAR
                  ر.ق</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RE"
                
                  data-aliases=""
                
                id="Réunion"
                aria-label="Réunion"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Réunion</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RO"
                
                  data-aliases=""
                
                id="Romania"
                aria-label="Romania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Romania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RON
                  Lei</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RU"
                
                  data-aliases=""
                
                id="Russia"
                aria-label="Russia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Russia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RW"
                
                  data-aliases=""
                
                id="Rwanda"
                aria-label="Rwanda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Rwanda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RWF
                  FRw</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WS"
                
                  data-aliases=""
                
                id="Samoa"
                aria-label="Samoa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Samoa</span>
                <span
                  class="localization-form__currency"
                  
                >
                  WST
                  T</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SM"
                
                  data-aliases=""
                
                id="San Marino"
                aria-label="San Marino"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">San Marino</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ST"
                
                  data-aliases=""
                
                id="São Tomé &amp; Príncipe"
                aria-label="São Tomé &amp; Príncipe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ST"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">São Tomé &amp; Príncipe</span>
                <span
                  class="localization-form__currency"
                  
                >
                  STD
                  Db</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SA"
                
                  data-aliases=""
                
                id="Saudi Arabia"
                aria-label="Saudi Arabia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Saudi Arabia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SAR
                  ر.س</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SN"
                
                  data-aliases=""
                
                id="Senegal"
                aria-label="Senegal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Senegal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RS"
                
                  data-aliases=""
                
                id="Serbia"
                aria-label="Serbia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Serbia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RSD
                  РСД</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SC"
                
                  data-aliases=""
                
                id="Seychelles"
                aria-label="Seychelles"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Seychelles</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SL"
                
                  data-aliases=""
                
                id="Sierra Leone"
                aria-label="Sierra Leone"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sierra Leone</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SLL
                  Le</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SG"
                
                  data-aliases=""
                
                id="Singapore"
                aria-label="Singapore"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Singapore</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SGD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SX"
                
                  data-aliases=""
                
                id="Sint Maarten"
                aria-label="Sint Maarten"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sint Maarten</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ANG
                  ƒ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SK"
                
                  data-aliases=""
                
                id="Slovakia"
                aria-label="Slovakia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovakia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SI"
                
                  data-aliases=""
                
                id="Slovenia"
                aria-label="Slovenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovenia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SB"
                
                  data-aliases=""
                
                id="Solomon Islands"
                aria-label="Solomon Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Solomon Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SBD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SO"
                
                  data-aliases=""
                
                id="Somalia"
                aria-label="Somalia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Somalia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZA"
                
                  data-aliases=""
                
                id="South Africa"
                aria-label="South Africa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Africa</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GS"
                
                  data-aliases=""
                
                id="South Georgia &amp; South Sandwich Islands"
                aria-label="South Georgia &amp; South Sandwich Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Georgia &amp; South Sandwich Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KR"
                
                  data-aliases=""
                
                id="South Korea"
                aria-label="South Korea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Korea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KRW
                  ₩</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SS"
                
                  data-aliases=""
                
                id="South Sudan"
                aria-label="South Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Sudan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spain"
                aria-label="Spain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LK"
                
                  data-aliases=""
                
                id="Sri Lanka"
                aria-label="Sri Lanka"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sri Lanka</span>
                <span
                  class="localization-form__currency"
                  
                >
                  LKR
                  ₨</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BL"
                
                  data-aliases=""
                
                id="St. Barthélemy"
                aria-label="St. Barthélemy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Barthélemy</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SH"
                
                  data-aliases=""
                
                id="St. Helena"
                aria-label="St. Helena"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Helena</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SHP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KN"
                
                  data-aliases=""
                
                id="St. Kitts &amp; Nevis"
                aria-label="St. Kitts &amp; Nevis"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Kitts &amp; Nevis</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LC"
                
                  data-aliases=""
                
                id="St. Lucia"
                aria-label="St. Lucia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Lucia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MF"
                
                  data-aliases=""
                
                id="St. Martin"
                aria-label="St. Martin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Martin</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PM"
                
                  data-aliases=""
                
                id="St. Pierre &amp; Miquelon"
                aria-label="St. Pierre &amp; Miquelon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Pierre &amp; Miquelon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VC"
                
                  data-aliases=""
                
                id="St. Vincent &amp; Grenadines"
                aria-label="St. Vincent &amp; Grenadines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Vincent &amp; Grenadines</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SD"
                
                  data-aliases=""
                
                id="Sudan"
                aria-label="Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sudan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SR"
                
                  data-aliases=""
                
                id="Suriname"
                aria-label="Suriname"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Suriname</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SJ"
                
                  data-aliases=""
                
                id="Svalbard &amp; Jan Mayen"
                aria-label="Svalbard &amp; Jan Mayen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Svalbard &amp; Jan Mayen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Sweden"
                aria-label="Sweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sweden</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SEK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CH"
                
                  data-aliases=""
                
                id="Switzerland"
                aria-label="Switzerland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Switzerland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CHF
                  CHF</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TW"
                
                  data-aliases=""
                
                id="Taiwan"
                aria-label="Taiwan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Taiwan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TWD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TJ"
                
                  data-aliases=""
                
                id="Tajikistan"
                aria-label="Tajikistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tajikistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TJS
                  ЅМ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TZ"
                
                  data-aliases=""
                
                id="Tanzania"
                aria-label="Tanzania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tanzania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TZS
                  Sh</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TH"
                
                  data-aliases=""
                
                id="Thailand"
                aria-label="Thailand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Thailand</span>
                <span
                  class="localization-form__currency"
                  
                >
                  THB
                  ฿</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TL"
                
                  data-aliases=""
                
                id="Timor-Leste"
                aria-label="Timor-Leste"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Timor-Leste</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TG"
                
                  data-aliases=""
                
                id="Togo"
                aria-label="Togo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Togo</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TK"
                
                  data-aliases=""
                
                id="Tokelau"
                aria-label="Tokelau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tokelau</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TO"
                
                  data-aliases=""
                
                id="Tonga"
                aria-label="Tonga"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tonga</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TOP
                  T$</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TT"
                
                  data-aliases=""
                
                id="Trinidad &amp; Tobago"
                aria-label="Trinidad &amp; Tobago"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Trinidad &amp; Tobago</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TTD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TA"
                
                  data-aliases=""
                
                id="Tristan da Cunha"
                aria-label="Tristan da Cunha"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tristan da Cunha</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TN"
                
                  data-aliases=""
                
                id="Tunisia"
                aria-label="Tunisia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tunisia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TR"
                
                  data-aliases=""
                
                id="Türkiye"
                aria-label="Türkiye"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Türkiye</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TM"
                
                  data-aliases=""
                
                id="Turkmenistan"
                aria-label="Turkmenistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turkmenistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TC"
                
                  data-aliases=""
                
                id="Turks &amp; Caicos Islands"
                aria-label="Turks &amp; Caicos Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turks &amp; Caicos Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TV"
                
                  data-aliases=""
                
                id="Tuvalu"
                aria-label="Tuvalu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tuvalu</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UM"
                
                  data-aliases=""
                
                id="U.S. Outlying Islands"
                aria-label="U.S. Outlying Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">U.S. Outlying Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UG"
                
                  data-aliases=""
                
                id="Uganda"
                aria-label="Uganda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uganda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UGX
                  USh</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UA"
                
                  data-aliases=""
                
                id="Ukraine"
                aria-label="Ukraine"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ukraine</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UAH
                  ₴</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AE"
                
                  data-aliases=""
                
                id="United Arab Emirates"
                aria-label="United Arab Emirates"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Arab Emirates</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AED
                  د.إ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UY"
                
                  data-aliases=""
                
                id="Uruguay"
                aria-label="Uruguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uruguay</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UYU
                  $U</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UZ"
                
                  data-aliases=""
                
                id="Uzbekistan"
                aria-label="Uzbekistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uzbekistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UZS
                  so'm</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VU"
                
                  data-aliases=""
                
                id="Vanuatu"
                aria-label="Vanuatu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vanuatu</span>
                <span
                  class="localization-form__currency"
                  
                >
                  VUV
                  Vt</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VA"
                
                  data-aliases=""
                
                id="Vatican City"
                aria-label="Vatican City"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vatican City</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VE"
                
                  data-aliases=""
                
                id="Venezuela"
                aria-label="Venezuela"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Venezuela</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VN"
                
                  data-aliases=""
                
                id="Vietnam"
                aria-label="Vietnam"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vietnam</span>
                <span
                  class="localization-form__currency"
                  
                >
                  VND
                  ₫</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WF"
                
                  data-aliases=""
                
                id="Wallis &amp; Futuna"
                aria-label="Wallis &amp; Futuna"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Wallis &amp; Futuna</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XPF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EH"
                
                  data-aliases=""
                
                id="Western Sahara"
                aria-label="Western Sahara"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Western Sahara</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MAD
                  د.م.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YE"
                
                  data-aliases=""
                
                id="Yemen"
                aria-label="Yemen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Yemen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  YER
                  ﷼</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZM"
                
                  data-aliases=""
                
                id="Zambia"
                aria-label="Zambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zambia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZW"
                
                  data-aliases=""
                
                id="Zimbabwe"
                aria-label="Zimbabwe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zimbabwe</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="US"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



                </div>
              </details>
            </drawer-localization-component>
          
</div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-menu"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Search
      </span>

      <span class="svg-wrapper ">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  

  

  

  

  <img src="//www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?height=68&amp;v=1773930310" alt="" width="54" height="68" class="header-logo__image" srcset="//www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?height=68&amp;v=1773930310 1x, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?height=136&amp;v=1773930310 2x, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?height=204&amp;v=1773930310 3x" style="--header-logo-image-width: 55px;--header-logo-image-width-mobile: 53px; --header-logo-image-height: 68px; --header-logo-image-height-mobile: 66px;">


  </span>

  
</a>





            
        
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          aria-label="Primary"
          style="--menu-top-level-font-family: var(--font-subheading--family);
--menu-top-level-font-size-desktop: 1.25rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-1"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//www.alexsbar.com/cdn/shop/t/12/assets/overflow-list.css?v=13500019909476584571773929338" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Home</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/shows"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Shows</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/merch"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Merch</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/newsletter"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Fan Club</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/menu"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Menu</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/booking"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Booking</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/faq"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">FAQ</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/contact"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Contact</span>
          </a></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="listitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">More</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//www.alexsbar.com/cdn/shop/t/12/assets/header-menu.js?v=138387690177295788221773929338"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  
    <dropdown-localization-component
      class="dropdown-localization mobile:hidden"
    >
      <button
        type="button"
        class="button dropdown-localization__button localization-selector header-actions__action"
        aria-expanded="false"
        aria-controls="dropdown-localization-results"
        ref="button"
        on:click="/toggleSelector"
        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 1rem; "
      >
        
          
          <span
            class="currency-code"
            data-testid="localization-currency-code"
          >USD</span>
        
        <span
          class="visually-hidden"
          data-testid="localization-visually-hidden"
        >Region and language selector</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>

      <div
        class="localization-wrapper right-bound color-scheme-5"
        hidden
        ref="panel"
      >
        
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button">
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Search"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Find country"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Search</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Reset"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="dropdown-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-sections--19608819105954__header_section"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list"
          id="dropdown-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AF"
                
                  data-aliases=""
                
                id="Afghanistan"
                aria-label="Afghanistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Afghanistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AFN
                  ؋</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AX"
                
                  data-aliases=""
                
                id="Åland Islands"
                aria-label="Åland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Åland Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AL"
                
                  data-aliases=""
                
                id="Albania"
                aria-label="Albania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Albania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ALL
                  L</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DZ"
                
                  data-aliases=""
                
                id="Algeria"
                aria-label="Algeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Algeria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DZD
                  د.ج</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AD"
                
                  data-aliases=""
                
                id="Andorra"
                aria-label="Andorra"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Andorra</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AO"
                
                  data-aliases=""
                
                id="Angola"
                aria-label="Angola"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Angola</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AI"
                
                  data-aliases=""
                
                id="Anguilla"
                aria-label="Anguilla"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Anguilla</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AG"
                
                  data-aliases=""
                
                id="Antigua &amp; Barbuda"
                aria-label="Antigua &amp; Barbuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Antigua &amp; Barbuda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AR"
                
                  data-aliases=""
                
                id="Argentina"
                aria-label="Argentina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Argentina</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AM"
                
                  data-aliases=""
                
                id="Armenia"
                aria-label="Armenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Armenia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AMD
                  դր.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AW"
                
                  data-aliases=""
                
                id="Aruba"
                aria-label="Aruba"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Aruba</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AWG
                  ƒ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AC"
                
                  data-aliases=""
                
                id="Ascension Island"
                aria-label="Ascension Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ascension Island</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SHP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Austria"
                aria-label="Austria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Austria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AZ"
                
                  data-aliases=""
                
                id="Azerbaijan"
                aria-label="Azerbaijan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Azerbaijan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AZN
                  ₼</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BS"
                
                  data-aliases=""
                
                id="Bahamas"
                aria-label="Bahamas"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahamas</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BSD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BH"
                
                  data-aliases=""
                
                id="Bahrain"
                aria-label="Bahrain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahrain</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BD"
                
                  data-aliases=""
                
                id="Bangladesh"
                aria-label="Bangladesh"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bangladesh</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BDT
                  ৳</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BB"
                
                  data-aliases=""
                
                id="Barbados"
                aria-label="Barbados"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Barbados</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BBD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BY"
                
                  data-aliases=""
                
                id="Belarus"
                aria-label="Belarus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belarus</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgium"
                aria-label="Belgium"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgium</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BZ"
                
                  data-aliases=""
                
                id="Belize"
                aria-label="Belize"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belize</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BJ"
                
                  data-aliases=""
                
                id="Benin"
                aria-label="Benin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Benin</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BM"
                
                  data-aliases=""
                
                id="Bermuda"
                aria-label="Bermuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bermuda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BT"
                
                  data-aliases=""
                
                id="Bhutan"
                aria-label="Bhutan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bhutan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BO"
                
                  data-aliases=""
                
                id="Bolivia"
                aria-label="Bolivia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bolivia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BOB
                  Bs.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BA"
                
                  data-aliases=""
                
                id="Bosnia &amp; Herzegovina"
                aria-label="Bosnia &amp; Herzegovina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bosnia &amp; Herzegovina</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BAM
                  КМ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BW"
                
                  data-aliases=""
                
                id="Botswana"
                aria-label="Botswana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Botswana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BWP
                  P</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BR"
                
                  data-aliases=""
                
                id="Brazil"
                aria-label="Brazil"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brazil</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IO"
                
                  data-aliases=""
                
                id="British Indian Ocean Territory"
                aria-label="British Indian Ocean Territory"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Indian Ocean Territory</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VG"
                
                  data-aliases=""
                
                id="British Virgin Islands"
                aria-label="British Virgin Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Virgin Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BN"
                
                  data-aliases=""
                
                id="Brunei"
                aria-label="Brunei"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brunei</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BND
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BG"
                
                  data-aliases=""
                
                id="Bulgaria"
                aria-label="Bulgaria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bulgaria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BF"
                
                  data-aliases=""
                
                id="Burkina Faso"
                aria-label="Burkina Faso"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burkina Faso</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BI"
                
                  data-aliases=""
                
                id="Burundi"
                aria-label="Burundi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burundi</span>
                <span
                  class="localization-form__currency"
                  
                >
                  BIF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KH"
                
                  data-aliases=""
                
                id="Cambodia"
                aria-label="Cambodia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cambodia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KHR
                  ៛</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CM"
                
                  data-aliases=""
                
                id="Cameroon"
                aria-label="Cameroon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cameroon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CA"
                
                  data-aliases=""
                
                id="Canada"
                aria-label="Canada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Canada</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CAD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CV"
                
                  data-aliases=""
                
                id="Cape Verde"
                aria-label="Cape Verde"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cape Verde</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CVE
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BQ"
                
                  data-aliases=""
                
                id="Caribbean Netherlands"
                aria-label="Caribbean Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Caribbean Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KY"
                
                  data-aliases=""
                
                id="Cayman Islands"
                aria-label="Cayman Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cayman Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KYD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CF"
                
                  data-aliases=""
                
                id="Central African Republic"
                aria-label="Central African Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Central African Republic</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TD"
                
                  data-aliases=""
                
                id="Chad"
                aria-label="Chad"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chad</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CL"
                
                  data-aliases=""
                
                id="Chile"
                aria-label="Chile"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chile</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CN"
                
                  data-aliases=""
                
                id="China"
                aria-label="China"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">China</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CNY
                  ¥</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CX"
                
                  data-aliases=""
                
                id="Christmas Island"
                aria-label="Christmas Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Christmas Island</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CC"
                
                  data-aliases=""
                
                id="Cocos (Keeling) Islands"
                aria-label="Cocos (Keeling) Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cocos (Keeling) Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CO"
                
                  data-aliases=""
                
                id="Colombia"
                aria-label="Colombia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Colombia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KM"
                
                  data-aliases=""
                
                id="Comoros"
                aria-label="Comoros"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Comoros</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KMF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CG"
                
                  data-aliases=""
                
                id="Congo - Brazzaville"
                aria-label="Congo - Brazzaville"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Brazzaville</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CD"
                
                  data-aliases=""
                
                id="Congo - Kinshasa"
                aria-label="Congo - Kinshasa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Kinshasa</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CDF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CK"
                
                  data-aliases=""
                
                id="Cook Islands"
                aria-label="Cook Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cook Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CR"
                
                  data-aliases=""
                
                id="Costa Rica"
                aria-label="Costa Rica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Costa Rica</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CRC
                  ₡</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CI"
                
                  data-aliases=""
                
                id="Côte d’Ivoire"
                aria-label="Côte d’Ivoire"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Côte d’Ivoire</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HR"
                
                  data-aliases=""
                
                id="Croatia"
                aria-label="Croatia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Croatia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CW"
                
                  data-aliases=""
                
                id="Curaçao"
                aria-label="Curaçao"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Curaçao</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ANG
                  ƒ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CY"
                
                  data-aliases=""
                
                id="Cyprus"
                aria-label="Cyprus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cyprus</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Czechia"
                aria-label="Czechia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Czechia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CZK
                  Kč</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Denmark"
                aria-label="Denmark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Denmark</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DJ"
                
                  data-aliases=""
                
                id="Djibouti"
                aria-label="Djibouti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Djibouti</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DJF
                  Fdj</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DM"
                
                  data-aliases=""
                
                id="Dominica"
                aria-label="Dominica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominica</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DO"
                
                  data-aliases=""
                
                id="Dominican Republic"
                aria-label="Dominican Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominican Republic</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DOP
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EC"
                
                  data-aliases=""
                
                id="Ecuador"
                aria-label="Ecuador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ecuador</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EG"
                
                  data-aliases=""
                
                id="Egypt"
                aria-label="Egypt"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Egypt</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EGP
                  ج.م</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SV"
                
                  data-aliases=""
                
                id="El Salvador"
                aria-label="El Salvador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">El Salvador</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GQ"
                
                  data-aliases=""
                
                id="Equatorial Guinea"
                aria-label="Equatorial Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Equatorial Guinea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XAF
                  CFA</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ER"
                
                  data-aliases=""
                
                id="Eritrea"
                aria-label="Eritrea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ER"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eritrea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EE"
                
                  data-aliases=""
                
                id="Estonia"
                aria-label="Estonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Estonia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SZ"
                
                  data-aliases=""
                
                id="Eswatini"
                aria-label="Eswatini"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eswatini</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ET"
                
                  data-aliases=""
                
                id="Ethiopia"
                aria-label="Ethiopia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ET"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ethiopia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ETB
                  Br</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FK"
                
                  data-aliases=""
                
                id="Falkland Islands"
                aria-label="Falkland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Falkland Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  FKP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FO"
                
                  data-aliases=""
                
                id="Faroe Islands"
                aria-label="Faroe Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Faroe Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FJ"
                
                  data-aliases=""
                
                id="Fiji"
                aria-label="Fiji"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Fiji</span>
                <span
                  class="localization-form__currency"
                  
                >
                  FJD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finland"
                aria-label="Finland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="France"
                aria-label="France"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">France</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GF"
                
                  data-aliases=""
                
                id="French Guiana"
                aria-label="French Guiana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Guiana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PF"
                
                  data-aliases=""
                
                id="French Polynesia"
                aria-label="French Polynesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Polynesia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XPF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TF"
                
                  data-aliases=""
                
                id="French Southern Territories"
                aria-label="French Southern Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Southern Territories</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GA"
                
                  data-aliases=""
                
                id="Gabon"
                aria-label="Gabon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gabon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GM"
                
                  data-aliases=""
                
                id="Gambia"
                aria-label="Gambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gambia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GMD
                  D</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GE"
                
                  data-aliases=""
                
                id="Georgia"
                aria-label="Georgia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Georgia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Germany"
                aria-label="Germany"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GH"
                
                  data-aliases=""
                
                id="Ghana"
                aria-label="Ghana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ghana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GI"
                
                  data-aliases=""
                
                id="Gibraltar"
                aria-label="Gibraltar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gibraltar</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GR"
                
                  data-aliases=""
                
                id="Greece"
                aria-label="Greece"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greece</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GL"
                
                  data-aliases=""
                
                id="Greenland"
                aria-label="Greenland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greenland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GD"
                
                  data-aliases=""
                
                id="Grenada"
                aria-label="Grenada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Grenada</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GP"
                
                  data-aliases=""
                
                id="Guadeloupe"
                aria-label="Guadeloupe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guadeloupe</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GT"
                
                  data-aliases=""
                
                id="Guatemala"
                aria-label="Guatemala"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guatemala</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GTQ
                  Q</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GG"
                
                  data-aliases=""
                
                id="Guernsey"
                aria-label="Guernsey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guernsey</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GN"
                
                  data-aliases=""
                
                id="Guinea"
                aria-label="Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GNF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GW"
                
                  data-aliases=""
                
                id="Guinea-Bissau"
                aria-label="Guinea-Bissau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea-Bissau</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GY"
                
                  data-aliases=""
                
                id="Guyana"
                aria-label="Guyana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guyana</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GYD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HT"
                
                  data-aliases=""
                
                id="Haiti"
                aria-label="Haiti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Haiti</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HN"
                
                  data-aliases=""
                
                id="Honduras"
                aria-label="Honduras"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Honduras</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HNL
                  L</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HK"
                
                  data-aliases=""
                
                id="Hong Kong SAR"
                aria-label="Hong Kong SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hong Kong SAR</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HKD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HU"
                
                  data-aliases=""
                
                id="Hungary"
                aria-label="Hungary"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hungary</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HUF
                  Ft</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IS"
                
                  data-aliases=""
                
                id="Iceland"
                aria-label="Iceland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iceland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ISK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IN"
                
                  data-aliases=""
                
                id="India"
                aria-label="India"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">India</span>
                <span
                  class="localization-form__currency"
                  
                >
                  INR
                  ₹</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ID"
                
                  data-aliases=""
                
                id="Indonesia"
                aria-label="Indonesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ID"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Indonesia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  IDR
                  Rp</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IQ"
                
                  data-aliases=""
                
                id="Iraq"
                aria-label="Iraq"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iraq</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Ireland"
                aria-label="Ireland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ireland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IM"
                
                  data-aliases=""
                
                id="Isle of Man"
                aria-label="Isle of Man"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Isle of Man</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IL"
                
                  data-aliases=""
                
                id="Israel"
                aria-label="Israel"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Israel</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ILS
                  ₪</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italy"
                aria-label="Italy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italy</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JM"
                
                  data-aliases=""
                
                id="Jamaica"
                aria-label="Jamaica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jamaica</span>
                <span
                  class="localization-form__currency"
                  
                >
                  JMD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JP"
                
                  data-aliases=""
                
                id="Japan"
                aria-label="Japan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Japan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  JPY
                  ¥</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JE"
                
                  data-aliases=""
                
                id="Jersey"
                aria-label="Jersey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jersey</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JO"
                
                  data-aliases=""
                
                id="Jordan"
                aria-label="Jordan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jordan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KZ"
                
                  data-aliases=""
                
                id="Kazakhstan"
                aria-label="Kazakhstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kazakhstan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KZT
                  ₸</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KE"
                
                  data-aliases=""
                
                id="Kenya"
                aria-label="Kenya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kenya</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KES
                  KSh</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KI"
                
                  data-aliases=""
                
                id="Kiribati"
                aria-label="Kiribati"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kiribati</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="XK"
                
                  data-aliases=""
                
                id="Kosovo"
                aria-label="Kosovo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/XK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kosovo</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KW"
                
                  data-aliases=""
                
                id="Kuwait"
                aria-label="Kuwait"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kuwait</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KG"
                
                  data-aliases=""
                
                id="Kyrgyzstan"
                aria-label="Kyrgyzstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kyrgyzstan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KGS
                  som</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LA"
                
                  data-aliases=""
                
                id="Laos"
                aria-label="Laos"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Laos</span>
                <span
                  class="localization-form__currency"
                  
                >
                  LAK
                  ₭</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LV"
                
                  data-aliases=""
                
                id="Latvia"
                aria-label="Latvia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Latvia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LB"
                
                  data-aliases=""
                
                id="Lebanon"
                aria-label="Lebanon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lebanon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  LBP
                  ل.ل</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LS"
                
                  data-aliases=""
                
                id="Lesotho"
                aria-label="Lesotho"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lesotho</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LR"
                
                  data-aliases=""
                
                id="Liberia"
                aria-label="Liberia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liberia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LY"
                
                  data-aliases=""
                
                id="Libya"
                aria-label="Libya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Libya</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LI"
                
                  data-aliases=""
                
                id="Liechtenstein"
                aria-label="Liechtenstein"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liechtenstein</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CHF
                  CHF</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LT"
                
                  data-aliases=""
                
                id="Lithuania"
                aria-label="Lithuania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lithuania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LU"
                
                  data-aliases=""
                
                id="Luxembourg"
                aria-label="Luxembourg"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Luxembourg</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MO"
                
                  data-aliases=""
                
                id="Macao SAR"
                aria-label="Macao SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Macao SAR</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MOP
                  P</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MG"
                
                  data-aliases=""
                
                id="Madagascar"
                aria-label="Madagascar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Madagascar</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MW"
                
                  data-aliases=""
                
                id="Malawi"
                aria-label="Malawi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malawi</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MWK
                  MK</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MY"
                
                  data-aliases=""
                
                id="Malaysia"
                aria-label="Malaysia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malaysia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MYR
                  RM</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MV"
                
                  data-aliases=""
                
                id="Maldives"
                aria-label="Maldives"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Maldives</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MVR
                  MVR</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ML"
                
                  data-aliases=""
                
                id="Mali"
                aria-label="Mali"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ML"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mali</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MT"
                
                  data-aliases=""
                
                id="Malta"
                aria-label="Malta"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malta</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MQ"
                
                  data-aliases=""
                
                id="Martinique"
                aria-label="Martinique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Martinique</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MR"
                
                  data-aliases=""
                
                id="Mauritania"
                aria-label="Mauritania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MU"
                
                  data-aliases=""
                
                id="Mauritius"
                aria-label="Mauritius"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritius</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MUR
                  ₨</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YT"
                
                  data-aliases=""
                
                id="Mayotte"
                aria-label="Mayotte"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mayotte</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MX"
                
                  data-aliases=""
                
                id="Mexico"
                aria-label="Mexico"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mexico</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MD"
                
                  data-aliases=""
                
                id="Moldova"
                aria-label="Moldova"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Moldova</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MDL
                  L</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MC"
                
                  data-aliases=""
                
                id="Monaco"
                aria-label="Monaco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Monaco</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MN"
                
                  data-aliases=""
                
                id="Mongolia"
                aria-label="Mongolia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mongolia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MNT
                  ₮</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ME"
                
                  data-aliases=""
                
                id="Montenegro"
                aria-label="Montenegro"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ME"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montenegro</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MS"
                
                  data-aliases=""
                
                id="Montserrat"
                aria-label="Montserrat"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montserrat</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MA"
                
                  data-aliases=""
                
                id="Morocco"
                aria-label="Morocco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Morocco</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MAD
                  د.م.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MZ"
                
                  data-aliases=""
                
                id="Mozambique"
                aria-label="Mozambique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mozambique</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MM"
                
                  data-aliases=""
                
                id="Myanmar (Burma)"
                aria-label="Myanmar (Burma)"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Myanmar (Burma)</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MMK
                  K</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NA"
                
                  data-aliases=""
                
                id="Namibia"
                aria-label="Namibia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Namibia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NR"
                
                  data-aliases=""
                
                id="Nauru"
                aria-label="Nauru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nauru</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NP"
                
                  data-aliases=""
                
                id="Nepal"
                aria-label="Nepal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nepal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NPR
                  Rs.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NC"
                
                  data-aliases=""
                
                id="New Caledonia"
                aria-label="New Caledonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Caledonia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XPF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NI"
                
                  data-aliases=""
                
                id="Nicaragua"
                aria-label="Nicaragua"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nicaragua</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NIO
                  C$</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NE"
                
                  data-aliases=""
                
                id="Niger"
                aria-label="Niger"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niger</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NG"
                
                  data-aliases=""
                
                id="Nigeria"
                aria-label="Nigeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nigeria</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NGN
                  ₦</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NU"
                
                  data-aliases=""
                
                id="Niue"
                aria-label="Niue"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niue</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NF"
                
                  data-aliases=""
                
                id="Norfolk Island"
                aria-label="Norfolk Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norfolk Island</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MK"
                
                  data-aliases=""
                
                id="North Macedonia"
                aria-label="North Macedonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">North Macedonia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MKD
                  ден</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NO"
                
                  data-aliases=""
                
                id="Norway"
                aria-label="Norway"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norway</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="OM"
                
                  data-aliases=""
                
                id="Oman"
                aria-label="Oman"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/OM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Oman</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PK"
                
                  data-aliases=""
                
                id="Pakistan"
                aria-label="Pakistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pakistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PKR
                  ₨</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PS"
                
                  data-aliases=""
                
                id="Palestinian Territories"
                aria-label="Palestinian Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Palestinian Territories</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ILS
                  ₪</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PA"
                
                  data-aliases=""
                
                id="Panama"
                aria-label="Panama"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Panama</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PG"
                
                  data-aliases=""
                
                id="Papua New Guinea"
                aria-label="Papua New Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Papua New Guinea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PGK
                  K</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PY"
                
                  data-aliases=""
                
                id="Paraguay"
                aria-label="Paraguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Paraguay</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PYG
                  ₲</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PE"
                
                  data-aliases=""
                
                id="Peru"
                aria-label="Peru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Peru</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PEN
                  S/</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PH"
                
                  data-aliases=""
                
                id="Philippines"
                aria-label="Philippines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Philippines</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PHP
                  ₱</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PN"
                
                  data-aliases=""
                
                id="Pitcairn Islands"
                aria-label="Pitcairn Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pitcairn Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Poland"
                aria-label="Poland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Poland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PLN
                  zł</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="QA"
                
                  data-aliases=""
                
                id="Qatar"
                aria-label="Qatar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/QA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Qatar</span>
                <span
                  class="localization-form__currency"
                  
                >
                  QAR
                  ر.ق</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RE"
                
                  data-aliases=""
                
                id="Réunion"
                aria-label="Réunion"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Réunion</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RO"
                
                  data-aliases=""
                
                id="Romania"
                aria-label="Romania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Romania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RON
                  Lei</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RU"
                
                  data-aliases=""
                
                id="Russia"
                aria-label="Russia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Russia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RW"
                
                  data-aliases=""
                
                id="Rwanda"
                aria-label="Rwanda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Rwanda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RWF
                  FRw</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WS"
                
                  data-aliases=""
                
                id="Samoa"
                aria-label="Samoa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Samoa</span>
                <span
                  class="localization-form__currency"
                  
                >
                  WST
                  T</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SM"
                
                  data-aliases=""
                
                id="San Marino"
                aria-label="San Marino"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">San Marino</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ST"
                
                  data-aliases=""
                
                id="São Tomé &amp; Príncipe"
                aria-label="São Tomé &amp; Príncipe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ST"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">São Tomé &amp; Príncipe</span>
                <span
                  class="localization-form__currency"
                  
                >
                  STD
                  Db</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SA"
                
                  data-aliases=""
                
                id="Saudi Arabia"
                aria-label="Saudi Arabia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Saudi Arabia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SAR
                  ر.س</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SN"
                
                  data-aliases=""
                
                id="Senegal"
                aria-label="Senegal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Senegal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RS"
                
                  data-aliases=""
                
                id="Serbia"
                aria-label="Serbia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Serbia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RSD
                  РСД</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SC"
                
                  data-aliases=""
                
                id="Seychelles"
                aria-label="Seychelles"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Seychelles</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SL"
                
                  data-aliases=""
                
                id="Sierra Leone"
                aria-label="Sierra Leone"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sierra Leone</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SLL
                  Le</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SG"
                
                  data-aliases=""
                
                id="Singapore"
                aria-label="Singapore"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Singapore</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SGD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SX"
                
                  data-aliases=""
                
                id="Sint Maarten"
                aria-label="Sint Maarten"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SX"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sint Maarten</span>
                <span
                  class="localization-form__currency"
                  
                >
                  ANG
                  ƒ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SK"
                
                  data-aliases=""
                
                id="Slovakia"
                aria-label="Slovakia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovakia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SI"
                
                  data-aliases=""
                
                id="Slovenia"
                aria-label="Slovenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovenia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SB"
                
                  data-aliases=""
                
                id="Solomon Islands"
                aria-label="Solomon Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Solomon Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SBD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SO"
                
                  data-aliases=""
                
                id="Somalia"
                aria-label="Somalia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Somalia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZA"
                
                  data-aliases=""
                
                id="South Africa"
                aria-label="South Africa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Africa</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GS"
                
                  data-aliases=""
                
                id="South Georgia &amp; South Sandwich Islands"
                aria-label="South Georgia &amp; South Sandwich Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Georgia &amp; South Sandwich Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KR"
                
                  data-aliases=""
                
                id="South Korea"
                aria-label="South Korea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Korea</span>
                <span
                  class="localization-form__currency"
                  
                >
                  KRW
                  ₩</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SS"
                
                  data-aliases=""
                
                id="South Sudan"
                aria-label="South Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SS"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Sudan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spain"
                aria-label="Spain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LK"
                
                  data-aliases=""
                
                id="Sri Lanka"
                aria-label="Sri Lanka"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sri Lanka</span>
                <span
                  class="localization-form__currency"
                  
                >
                  LKR
                  ₨</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BL"
                
                  data-aliases=""
                
                id="St. Barthélemy"
                aria-label="St. Barthélemy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Barthélemy</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SH"
                
                  data-aliases=""
                
                id="St. Helena"
                aria-label="St. Helena"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Helena</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SHP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KN"
                
                  data-aliases=""
                
                id="St. Kitts &amp; Nevis"
                aria-label="St. Kitts &amp; Nevis"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Kitts &amp; Nevis</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LC"
                
                  data-aliases=""
                
                id="St. Lucia"
                aria-label="St. Lucia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Lucia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MF"
                
                  data-aliases=""
                
                id="St. Martin"
                aria-label="St. Martin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Martin</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PM"
                
                  data-aliases=""
                
                id="St. Pierre &amp; Miquelon"
                aria-label="St. Pierre &amp; Miquelon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Pierre &amp; Miquelon</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VC"
                
                  data-aliases=""
                
                id="St. Vincent &amp; Grenadines"
                aria-label="St. Vincent &amp; Grenadines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Vincent &amp; Grenadines</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XCD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SD"
                
                  data-aliases=""
                
                id="Sudan"
                aria-label="Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SD"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sudan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SR"
                
                  data-aliases=""
                
                id="Suriname"
                aria-label="Suriname"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Suriname</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SJ"
                
                  data-aliases=""
                
                id="Svalbard &amp; Jan Mayen"
                aria-label="Svalbard &amp; Jan Mayen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Svalbard &amp; Jan Mayen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Sweden"
                aria-label="Sweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sweden</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SEK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CH"
                
                  data-aliases=""
                
                id="Switzerland"
                aria-label="Switzerland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Switzerland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CHF
                  CHF</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TW"
                
                  data-aliases=""
                
                id="Taiwan"
                aria-label="Taiwan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Taiwan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TWD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TJ"
                
                  data-aliases=""
                
                id="Tajikistan"
                aria-label="Tajikistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tajikistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TJS
                  ЅМ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TZ"
                
                  data-aliases=""
                
                id="Tanzania"
                aria-label="Tanzania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tanzania</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TZS
                  Sh</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TH"
                
                  data-aliases=""
                
                id="Thailand"
                aria-label="Thailand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Thailand</span>
                <span
                  class="localization-form__currency"
                  
                >
                  THB
                  ฿</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TL"
                
                  data-aliases=""
                
                id="Timor-Leste"
                aria-label="Timor-Leste"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Timor-Leste</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TG"
                
                  data-aliases=""
                
                id="Togo"
                aria-label="Togo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Togo</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XOF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TK"
                
                  data-aliases=""
                
                id="Tokelau"
                aria-label="Tokelau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tokelau</span>
                <span
                  class="localization-form__currency"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TO"
                
                  data-aliases=""
                
                id="Tonga"
                aria-label="Tonga"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tonga</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TOP
                  T$</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TT"
                
                  data-aliases=""
                
                id="Trinidad &amp; Tobago"
                aria-label="Trinidad &amp; Tobago"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Trinidad &amp; Tobago</span>
                <span
                  class="localization-form__currency"
                  
                >
                  TTD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TA"
                
                  data-aliases=""
                
                id="Tristan da Cunha"
                aria-label="Tristan da Cunha"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tristan da Cunha</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TN"
                
                  data-aliases=""
                
                id="Tunisia"
                aria-label="Tunisia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tunisia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TR"
                
                  data-aliases=""
                
                id="Türkiye"
                aria-label="Türkiye"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Türkiye</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TM"
                
                  data-aliases=""
                
                id="Turkmenistan"
                aria-label="Turkmenistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turkmenistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TC"
                
                  data-aliases=""
                
                id="Turks &amp; Caicos Islands"
                aria-label="Turks &amp; Caicos Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TC"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turks &amp; Caicos Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TV"
                
                  data-aliases=""
                
                id="Tuvalu"
                aria-label="Tuvalu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tuvalu</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UM"
                
                  data-aliases=""
                
                id="U.S. Outlying Islands"
                aria-label="U.S. Outlying Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">U.S. Outlying Islands</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UG"
                
                  data-aliases=""
                
                id="Uganda"
                aria-label="Uganda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uganda</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UGX
                  USh</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UA"
                
                  data-aliases=""
                
                id="Ukraine"
                aria-label="Ukraine"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ukraine</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UAH
                  ₴</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AE"
                
                  data-aliases=""
                
                id="United Arab Emirates"
                aria-label="United Arab Emirates"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Arab Emirates</span>
                <span
                  class="localization-form__currency"
                  
                >
                  AED
                  د.إ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UY"
                
                  data-aliases=""
                
                id="Uruguay"
                aria-label="Uruguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uruguay</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UYU
                  $U</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UZ"
                
                  data-aliases=""
                
                id="Uzbekistan"
                aria-label="Uzbekistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uzbekistan</span>
                <span
                  class="localization-form__currency"
                  
                >
                  UZS
                  so'm</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VU"
                
                  data-aliases=""
                
                id="Vanuatu"
                aria-label="Vanuatu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vanuatu</span>
                <span
                  class="localization-form__currency"
                  
                >
                  VUV
                  Vt</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VA"
                
                  data-aliases=""
                
                id="Vatican City"
                aria-label="Vatican City"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vatican City</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VE"
                
                  data-aliases=""
                
                id="Venezuela"
                aria-label="Venezuela"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Venezuela</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VN"
                
                  data-aliases=""
                
                id="Vietnam"
                aria-label="Vietnam"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VN"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vietnam</span>
                <span
                  class="localization-form__currency"
                  
                >
                  VND
                  ₫</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WF"
                
                  data-aliases=""
                
                id="Wallis &amp; Futuna"
                aria-label="Wallis &amp; Futuna"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WF"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Wallis &amp; Futuna</span>
                <span
                  class="localization-form__currency"
                  
                >
                  XPF
                  Fr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EH"
                
                  data-aliases=""
                
                id="Western Sahara"
                aria-label="Western Sahara"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Western Sahara</span>
                <span
                  class="localization-form__currency"
                  
                >
                  MAD
                  د.م.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YE"
                
                  data-aliases=""
                
                id="Yemen"
                aria-label="Yemen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Yemen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  YER
                  ﷼</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZM"
                
                  data-aliases=""
                
                id="Zambia"
                aria-label="Zambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZM"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zambia</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZW"
                
                  data-aliases=""
                
                id="Zimbabwe"
                aria-label="Zimbabwe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZW"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zimbabwe</span>
                <span
                  class="localization-form__currency"
                  
                >
                  USD
                  $</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="US"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



      </div>
    </dropdown-localization-component>
  

            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-drawer"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Search
      </span>

      <span class="svg-wrapper ">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              <script
  type="module"
  src="//www.alexsbar.com/cdn/shop/t/12/assets/cart-icon.js?v=157241182139685326961773929338"
  fetchpriority="low"
></script>





<header-actions
  
>
  
    
    <div
      class="account-button header-actions__action color-scheme-5"
    >
      <shopify-store store-domain="https://www.alexsbar.com" country="US" language="en"></shopify-store>
<shopify-account
        menu="customer-account-main-menu"
        
      >
        
          <span
            slot="signed-out-avatar"
            class="account-button__text header-actions__text-style hidden"
          >
            Account
          </span>

          <span
            slot="signed-out-avatar"
            class=""
            aria-hidden="true"
          >
            
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="15"
    height="17"
    viewBox="0 0 15 17"
    fill="none"
    slot="signed-out-avatar"
    class="account-button__icon"
  >
    <path
      stroke="currentColor"
      stroke-linejoin="round"
      stroke-width="var(--icon-stroke-width)"
      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
    />
  </svg>

          </span>
        
      </shopify-account>
    </div>
  

  
    <script
      src="//www.alexsbar.com/cdn/shop/t/12/assets/cart-drawer.js?v=34004441742206350331773929338"
      type="module"
      fetchpriority="low"
    ></script>

    

    <cart-drawer-component
      class="cart-drawer"
      
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/component-cart-items.js?v=16199507049899445991773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/component-cart-quantity-selector.js?v=105130809908858639751773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/volume-pricing-info.js?v=94479640769665442661773929338"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://alexsbar.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    
      </template>
      <button
        class="header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Cart"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="header-actions__cart-icon"
    data-testid="cart-icon"
  >
    <span class="hidden">
      Cart
    </span>

    <span
      class="svg-wrapper "
      aria-hidden="true"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Total items in cart: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-5 cart-drawer--empty"
        data-testid="cart-drawer-dialog"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          <cart-items-component
            class="cart-items-component"
            data-drawer
            data-section-id="sections--19608819105954__header_section"
          >
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/component-cart-items.js?v=16199507049899445991773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/component-cart-quantity-selector.js?v=105130809908858639751773929338"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/volume-pricing-info.js?v=94479640769665442661773929338"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://alexsbar.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    
</cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
  

  
    <div class="header__row header__navigation-bar-row color-scheme-1">
      



    
  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




    </div>
  
</header-component>

<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/header.js?v=36718054510661947891773929338"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--19608819105954__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerTopRow = header.querySelector('.header__row--top');
        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        if (headerTopRow) {
          window.requestAnimationFrame(function () {
            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
          });
        }

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <section id="shopify-section-template--19608818712738__hero_RkimKJ" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--19608818712738__hero_RkimKJ"
  class="hero color-scheme-5"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: 0px;--padding-block-end: 0px;"
  ><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.4979655712050077;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #000000ad;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//www.alexsbar.com/cdn/shop/files/Albert_signed_1.jpg?v=1714595928&amp;width=3840" srcset="//www.alexsbar.com/cdn/shop/files/Albert_signed_1.jpg?v=1714595928&amp;width=832 832w, //www.alexsbar.com/cdn/shop/files/Albert_signed_1.jpg?v=1714595928&amp;width=1200 1200w, //www.alexsbar.com/cdn/shop/files/Albert_signed_1.jpg?v=1714595928&amp;width=1600 1600w, //www.alexsbar.com/cdn/shop/files/Albert_signed_1.jpg?v=1714595928&amp;width=1920 1920w, //www.alexsbar.com/cdn/shop/files/Albert_signed_1.jpg?v=1714595928&amp;width=2560 2560w, //www.alexsbar.com/cdn/shop/files/Albert_signed_1.jpg?v=1714595928&amp;width=3840 3840w" width="4786" height="3195" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1" style="object-position:51.4104% 14.5196%;">
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
    >
      


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:34%;--size-style-height: fit;
  --size-style-width-mobile:53%; --size-style-width-mobile-min:53%;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AN3hROGxBaHk2SmdWN__text_KxeJ6r h2    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>MUSIC FROM WHERE THE SEWER MEETS THE SEA IN LBC</p>
  </div>









<a
  
    href="/pages/shows"
  
  class="
    size-style
    link
    link--AVU5iaEhObFVZVUxSd__button_nazDaa
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  UPCOMING SHOWS→
</a>






</div>
</div>






    </div>
  </div>
</div>




</section><div id="shopify-section-template--19608818712738__custom_liquid_UaLCLa" class="shopify-section">

<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width spacing-style color-scheme-5"
  style="--padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
"
>
  <div id="dice-event-list-widget"></div>
<script src="https://widgets.dice.fm/dice-event-list-widget.js" type="text/javascript"></script>
<script type="text/javascript">
DiceEventListWidget.create({"information":"full","eventTitle":"event","showImages":true,"showAudio":true,"showNewBadge":false,"hidePostponed":true,"hideCancelled":true,"layout":"gallery","roundButtons":false,"theme":"dark","fontFamily":"Barlow Condensed","partnerId":"KAMPQZ6O","apiKey":"Ew3YSmqsgvM79xUdeR_xtCnN4MPdJ6l4pVa3teOTU7G_Og0M","version":2,"showPrice":true,"__p":false,"__pc":{},"title":"THIS WEEK AT ALEX'S","highlightColour":"PINK","numberOfEvents":"6","eventListLink":"https://alexsbar.myshopify.com/pages/upcoming-shows","venues":["ALEX'S BAR"]});
</script>
</div>


</div><div id="shopify-section-template--19608818712738__custom_liquid_ECjbPQ" class="shopify-section">

<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width spacing-style color-scheme-5"
  style="--padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
"
>
  <div
  class="hive-popup-background"
  data-HIVE-POPUP-FORM-ID="1b0d43977d418e8"
  data-HIVE-POPUP-SHOW-AFTER-SECS="2"
>
  <div class="hive-popup-modal">
    <style type="text/css">
      @import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css");

      .hive-popup-background {
        z-index: 999999999;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 30px;
        overflow: scroll;
        background: rgb(0 0 0 / 0.75);
        display: none;
      }

      .hive-popup-modal {
        margin: auto;
        width: 50%;
        min-width: 440px;
        max-width: 600px;
        position: relative;
        text-align: center;
        background: #000000;
        padding: 20px;
        box-shadow: 0 15px 10px 0 rgb(0 0 0 / 20%);
        border-radius: 5px;
        border: 2px solid #dca3ad;
        opacity: 0.5;
        top: 50px;
      }

      .hive-signup-form {
        display: inline-block;
        text-align: left;
        color: #ffffff;
      }

      .hive-popup-close-button {
        color: #dca3ad;
        text-decoration: none;
        font-weight: 800;
        position: absolute;
        right: 10px;
        top: 3px;
        font-size: 30px;
      }

      .hive-signup-form-has-error {
        border-color: #dca3ad !important;
      }

      .hive-signup-form h2,
      .hive-signup-form h3 {
        color: #dca3ad;
      }

      .hive-signup-form p,
      .hive-signup-form label,
      .hive-signup-form span,
      .hive-signup-form div,
      .hive-signup-form .opt-in-text {
        color: #ffffff;
      }

      .hive-signup-form label,
      .hive-signup-form input,
      .hive-signup-form button,
      .hive-signup-form span,
      .hive-signup-form .iti {
        display: flex;
        align-items: flex-start;
        width: 100%;
        max-width: 400px;
      }

      .hive-signup-form label {
        margin-bottom: 8px;
      }

      .hive-signup-form input {
        margin-bottom: 16px;
        padding: 8px 10px;
        border-radius: 3px;
        border: 1px solid #dca3ad;
        box-shadow: none;
        background: #000000;
        color: #ffffff;
      }

      .hive-signup-form input::placeholder {
        color: #dca3ad;
        opacity: 1;
      }

      .hive-signup-form input:focus {
        border: 1px solid #dca3ad;
        outline: none;
      }

      .hive-signup-form label input[type=checkbox] {
        display: inline-block;
        width: auto;
        margin-right: 8px;
        margin-bottom: 0;
        accent-color: #dca3ad;
      }

      .hive-signup-form button {
        padding: 10px 24px;
        border-radius: 3px;
        background-color: #000000;
        border: 2px solid #dca3ad;
        color: #dca3ad;
        cursor: pointer;
      }

      .hive-signup-form button:hover {
        background-color: #dca3ad;
        color: #000000;
      }

      .hive-signup-form a {
        color: #dca3ad;
      }

      .hive-signup-form select {
        padding: 8px;
        width: 50%;
        height: 36px;
        background-color: #000000;
        color: #ffffff;
        margin-left: 8px;
        border-radius: 3px;
        border: 1px solid #dca3ad;
      }

      .hive-signup-form select:first-child {
        margin-left: 0px;
      }

      @media (max-width: 570px) {
        .hive-popup-background {
          padding: 15px;
        }

        .hive-popup-modal {
          width: auto;
          min-width: 300px;
        }
      }
    </style>

    <a class="hive-popup-close-button" onclick="HIVE_SDK('closePopupForm', '1b0d43977d418e8')" href="#">&times;</a>

    <form class="hive-signup-form" onsubmit="HIVE_SDK('submitSignupForm', this, onFormSubmitSuccess); return false;">
      <h2>Join the Fan Club!</h2>

      <input data-HIVE-FORM-FIELD="swid" type="hidden" value="6840" />

      <label for="_HIVE-email-6840">Email</label>
      <input
        data-HIVE-FORM-FIELD="email"
        id="_HIVE-email-6840"
        name="email"
        type="email"
        placeholder="Enter an email..."
        autocomplete="email"
        required
      />

      <label for="didOptIn" class="hive-signup-form-email-optin-toggle">
        <input data-HIVE-FORM-FIELD="didOptIn" id="didOptIn" name="didOptIn" type="checkbox" />
        <div class="opt-in-text">
          I agree to receive marketing emails from this company. You can unsubscribe at any time.
          View the <a href="https://www.hive.co/terms-and-conditions" target="_blank">Terms of Service</a> and
          <a href="https://www.hive.co/privacy" target="_blank">Privacy Policy</a>.
        </div>
      </label>

      <label for="_HIVE-phoneNumber-6840">Phone Number</label>
      <input
        data-HIVE-FORM-FIELD="phoneNumber"
        data-HIVE-INTL-PHONE-NUMBER="true"
        id="_HIVE-phoneNumber-6840"
        name="phone"
        type="tel"
        placeholder="Enter a phone number..."
        autocomplete="tel"
      />

      <label for="didSmsOptIn" class="hive-signup-form-sms-optin-toggle">
        <input data-HIVE-FORM-FIELD="didSmsOptIn" id="didSmsOptIn" type="checkbox" />
        <div class="opt-in-text">
          By providing your phone number, you agree to receive recurring automated marketing text messages from this company.
          Consent is not a condition to obtain goods or services. Msg &amp; data rates may apply. Msg frequency varies.
          Reply HELP for help and STOP to cancel. View the
          <a href="https://www.hive.co/terms-and-conditions" target="_blank">Terms of Service</a> and
          <a href="https://www.hive.co/privacy" target="_blank">Privacy Policy</a>.
        </div>
      </label>

      <label for="_HIVE-firstName-6840">First Name</label>
      <input
        data-HIVE-FORM-FIELD="firstName"
        id="_HIVE-firstName-6840"
        name="fname"
        type="text"
        placeholder="Enter a first name..."
        autocomplete="given-name"
      />

      <label for="_HIVE-lastName-6840">Last Name</label>
      <input
        data-HIVE-FORM-FIELD="lastName"
        id="_HIVE-lastName-6840"
        name="lname"
        type="text"
        placeholder="Enter a last name..."
        autocomplete="family-name"
      />

      <label for="_HIVE-birthday-6840">Birthday</label>
      <input
        data-HIVE-FORM-FIELD="birthday"
        id="_HIVE-birthday-6840"
        name="bday"
        type="date"
        autocomplete="bday"
      />

      

      <label for="_HIVE-mailingAddress-6840">Mailing Address</label>
      <input
        data-HIVE-FORM-FIELD="mailingAddress"
        id="_HIVE-mailingAddress-6840"
        name="ship-address"
        type="text"
        placeholder="Enter a mailing address..."
        autocomplete="shipping street-address"
      />

      <label for="_HIVE-city-6840">City</label>
      <input
        data-HIVE-FORM-FIELD="city"
        id="_HIVE-city-6840"
        name="city"
        type="text"
        placeholder="Enter a city..."
        autocomplete="address-level2"
      />

      <label for="_HIVE-state-6840">State</label>
      <input
        data-HIVE-FORM-FIELD="state"
        id="_HIVE-state-6840"
        name="state"
        type="text"
        placeholder="Enter a state..."
        autocomplete="address-level1"
      />

      <label for="_HIVE-country-6840">Country</label>
      <input
        data-HIVE-FORM-FIELD="country"
        id="_HIVE-country-6840"
        name="country"
        type="text"
        placeholder="Enter a country..."
        autocomplete="country-name"
      />

      <label for="_HIVE-zipCode-6840">Zip Code</label>
      <input
        data-HIVE-FORM-FIELD="zipCode"
        id="_HIVE-zipCode-6840"
        name="zip"
        type="text"
        placeholder="Enter a zip code..."
        autocomplete="postal-code"
      />

      <h3>What would you like to receive emails about?</h3>

      <label for="_HIVE-featuredshows-5-6840" class="hive-signup-form-segment-toggle">
        <input data-HIVE-FORM-FIELD="addToSegment" id="_HIVE-featuredshows-5-6840" type="checkbox" value="Featured Shows" />
        Featured Shows
      </label>

      <label for="_HIVE-merchdrops-6-6840" class="hive-signup-form-segment-toggle">
        <input data-HIVE-FORM-FIELD="addToSegment" id="_HIVE-merchdrops-6-6840" type="checkbox" value="Merch Drops" />
        Merch Drops
      </label>

      <label for="_HIVE-presaleannouncements-7-6840" class="hive-signup-form-segment-toggle">
        <input data-HIVE-FORM-FIELD="addToSegment" id="_HIVE-presaleannouncements-7-6840" type="checkbox" value="Pre-Sale Announcements" />
        Pre-Sale Announcements
      </label>

      <label for="_HIVE-barspecials-8-6840" class="hive-signup-form-segment-toggle">
        <input data-HIVE-FORM-FIELD="addToSegment" id="_HIVE-barspecials-8-6840" type="checkbox" value="Bar Specials" />
        Bar Specials
      </label>

      <label for="_HIVE-weeklyshowschedule-9-6840" class="hive-signup-form-segment-toggle">
        <input data-HIVE-FORM-FIELD="addToSegment" id="_HIVE-weeklyshowschedule-9-6840" type="checkbox" value="Weekly Show Schedule" />
        Weekly Show Schedule
      </label>

      <label for="_HIVE-trivia-2-6840" class="hive-signup-form-segment-toggle">
        <input data-HIVE-FORM-FIELD="addToSegment" id="_HIVE-trivia-2-6840" type="checkbox" value="Trivia" />
        Trivia
      </label>

      <input data-HIVE-FORM-FIELD="addToSegment" type="hidden" value="Popup Form - Homepage" />

      <div style="position: absolute; left: -5000px;" aria-hidden="true">
        <input type="text" data-HIVE-FORM-FIELD="areUReal" tabindex="-1" value="">
      </div>

      <div data-HIVE-FORM-FIELD="successMessage" style="display: none">
        <h2>Thanks for joining the fan club!</h2>
        <p>You've been successfully subscribed - thanks!</p>
      </div>

      <button type="submit" data-HIVE-FORM-FIELD="submitButton">Subscribe</button>

      <script type="text/javascript">
        (function(h,i,v,e,s,d,k){
          h.HiveSDKObject=s;
          h[s]=h[s]||function(){(h[s].q=h[s].q||[]).push(arguments)};
          d=i.createElement(v);
          k=i.getElementsByTagName(v)[0];
          d.async=1;
          d.id=s;
          d.src=e+'?sef=1&r='+parseInt(new Date()/60000);
          k.parentNode.insertBefore(d,k);
        })(window,document,'script','https://cdn-prod.hive.co/static/js/sdk-loader.js','HIVE_SDK');

        HIVE_SDK('init', 133687);

        function onFormSubmitSuccess(){
        }
      </script>
    </form>
  </div>
</div>
</div>


<style> #shopify-section-template--19608818712738__custom_liquid_ECjbPQ .hive-popup-modal, #shopify-section-template--19608818712738__custom_liquid_ECjbPQ .hive-signup-form {font-family: inherit !important;} </style></div>
    </main>

    <footer>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--19608819138722__footer_WnX4aJ" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));
      --footer-gap: 12px;
      --grid-columns: 3;
      --last-row-count: 3;
      --tablet-last-row-count: 1;
    "
  >
    


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 4px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h4">
        <span class="menu__heading__default">EXPLORE</span>
        <span class="menu__heading__accordion">
          EXPLORE
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/">
                  Home
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/shows">
                  Shows
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/merch">
                  Merch
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/newsletter">
                  Fan Club
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/menu">
                  Menu
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/booking">
                  Booking
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/faq">
                  FAQ
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact">
                  Contact
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  </accordion-custom>






</div>
</div>








<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
    <div class="email-signup__heading h4">
      Want to Join the Fan Club?
    </div>
  
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <input
      name="contact[id]"
      type="hidden"
      value="EmailSignup-AekhwTmV3Q2FpRU9aO__email_signup_t3aAfi"
    >

    <div
      class="email-signup__input-group  email-signup__input-group--underline  email-signup__input-group--arrow "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-AekhwTmV3Q2FpRU9aO__email_signup_t3aAfi"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-AekhwTmV3Q2FpRU9aO__email_signup_t3aAfi"
        class="email-signup__input email-signup__input--underline paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AekhwTmV3Q2FpRU9aO__email_signup_t3aAfi "
        
          aria-label="Sign up"
        
      >
        
          <svg
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
            focusable="false"
            aria-hidden="true"
            class="email-signup__button-icon"
          >
            
<path
      clip-rule="evenodd"
      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
      fill="currentColor"
      fill-rule="evenodd"
    />
          </svg>
        
      </button>
    </div></form>
</div>







<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


<div
  class="
    logo-block
    spacing-style
  "
  style="
    
      
        --logo-width: 108.24999999999999px;
      
    

    
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  "
  
>
  
    <div class="logo-block__image-wrapper">
      
<img src="//www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=3840" alt="Alexsbar" srcset="//www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=240 240w, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=352 352w, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=832 832w, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=1200 1200w, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=1600 1600w, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=1920 1920w, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=2560 2560w, //www.alexsbar.com/cdn/shop/files/Alex_s_Bar_logo.png?v=1773930310&amp;width=3840 3840w" width="433" height="544" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
    </div>
  
</div>













  <rte-formatter class=" spacing-style text-block text-block--AOUx4dSs1b0luSmVFO__text_DGLEB4 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:4px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>hours</h2>
  </rte-formatter>















  <rte-formatter class=" spacing-style text-block text-block--AelJ0Qlk5RnhqcW9xZ__text_V7X9aA rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Tuesday-Friday: 5pm to 2am<br/>Saturday-Sunday: 2pm to 2am</p><p>Happy Hour: Tuesday-Thursday 5pm to 8pm</p>
  </rte-formatter>







</div>
</div>






  </div>
</div>




</div><div id="shopify-section-sections--19608819138722__section_cabCpJ" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: 0svh;
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  








  <rte-formatter class=" spacing-style text-block text-block--AVUxaSHNJdStnVk1JT__text_Q86iPy rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>2913 E Anaheim St, Long Beach, CA 90804</p>
  </rte-formatter>








    </div>
  </div>
</div>





</div><div id="shopify-section-sections--19608819138722__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  
>
  <div
    class="utilities utilities--blocks-3 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 0px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Alexsbar</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>










<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.facebook.com/alexsbar/"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Facebook"
            
          >
            <span class="social-icons__icon-label">Facebook</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.instagram.com/alexsbarlbc"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
            
          >
            <span class="social-icons__icon-label">Instagram</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path
      fill-rule="evenodd"
      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
      clip-rule="evenodd"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.youtube.com/@alexsbar4775"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Youtube"
            
          >
            <span class="social-icons__icon-label">Youtube</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.tiktok.com/@alexsbarlbc"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Tiktok"
            
          >
            <span class="social-icons__icon-label">Tiktok</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->
    </footer>

    <script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/dialog.js?v=150888536568694194021773929338"
  type="module"
></script>

<script
  src="//www.alexsbar.com/cdn/shop/t/12/assets/predictive-search.js?v=149240552485540508541773929338"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-5"
      style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Search"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Search</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Search"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Clear
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Close dialog"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Products
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Products"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8544084721826"
    data-featured-media-url="//www.alexsbar.com/cdn/shop/files/FE1949D4-45F3-4C5B-942B-53F4CC0B41F1.jpg?v=1692286900&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/2x-bar-wars-tank-top"
  >
    <span class="visually-hidden">
      2X Bar Wars Tank Top
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.alexsbar.com/cdn/shop/files/FE1949D4-45F3-4C5B-942B-53F4CC0B41F1.jpg?v=1692286900&amp;width=500" alt="" srcset="//www.alexsbar.com/cdn/shop/files/FE1949D4-45F3-4C5B-942B-53F4CC0B41F1.jpg?v=1692286900&amp;width=240 240w, //www.alexsbar.com/cdn/shop/files/FE1949D4-45F3-4C5B-942B-53F4CC0B41F1.jpg?v=1692286900&amp;width=352 352w" width="500" height="555" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">2X Bar Wars Tank Top</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$10.00 USD</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8544086753442"
    data-featured-media-url="//www.alexsbar.com/cdn/shop/files/0C87BA3C-0002-4BE3-904D-825603B45CF2.jpg?v=1692286819&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/2x-rather-be-at-alex-s-tank-top"
  >
    <span class="visually-hidden">
      2X Rather be at Alex’s Tank Top
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.alexsbar.com/cdn/shop/files/0C87BA3C-0002-4BE3-904D-825603B45CF2.jpg?v=1692286819&amp;width=500" alt="" srcset="//www.alexsbar.com/cdn/shop/files/0C87BA3C-0002-4BE3-904D-825603B45CF2.jpg?v=1692286819&amp;width=240 240w, //www.alexsbar.com/cdn/shop/files/0C87BA3C-0002-4BE3-904D-825603B45CF2.jpg?v=1692286819&amp;width=352 352w" width="500" height="754" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">2X Rather be at Alex’s Tank Top</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$10.00 USD</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8581623316642"
    data-featured-media-url="//www.alexsbar.com/cdn/shop/files/ALEXS_25YR_HOODIE_MOCKUP_bd16a86c-e20f-4135-b6f1-866d8a0d046b.jpg?v=1738767521&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/2xl-alexs-bar-incorporated-hoodie"
  >
    <span class="visually-hidden">
      2XL Alex's Bar Incorporated Hoodie
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.alexsbar.com/cdn/shop/files/ALEXS_25YR_HOODIE_MOCKUP_bd16a86c-e20f-4135-b6f1-866d8a0d046b.jpg?v=1738767521&amp;width=500" alt="" srcset="//www.alexsbar.com/cdn/shop/files/ALEXS_25YR_HOODIE_MOCKUP_bd16a86c-e20f-4135-b6f1-866d8a0d046b.jpg?v=1738767521&amp;width=240 240w, //www.alexsbar.com/cdn/shop/files/ALEXS_25YR_HOODIE_MOCKUP_bd16a86c-e20f-4135-b6f1-866d8a0d046b.jpg?v=1738767521&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.alexsbar.com/cdn/shop/files/ALEXS_25YR_HOODIE_MOCKUP2.jpg?v=1738767488&amp;width=500" alt="2XL Alex&#39;s Bar Incorporated Hoodie" srcset="//www.alexsbar.com/cdn/shop/files/ALEXS_25YR_HOODIE_MOCKUP2.jpg?v=1738767488&amp;width=240 240w, //www.alexsbar.com/cdn/shop/files/ALEXS_25YR_HOODIE_MOCKUP2.jpg?v=1738767488&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="32317164486818" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">2XL Alex's Bar Incorporated Hoodie</p>

    
      <div ref="priceContainer">
  
    
    
      <span role="group">
        <span class="visually-hidden">Regular price&nbsp;</span>
        <span class="compare-at-price">$58.00 USD</span>
      </span>
    

    
      <span role="group">
        <span class="visually-hidden">Sale price&nbsp;</span>
        <span class="price">$40.00 USD</span>
      </span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8581616992418"
    data-featured-media-url="//www.alexsbar.com/cdn/shop/files/Alexs_Bar_25Year_LongSleeve2_61511a8e-0028-494f-a2ae-fae698203257.jpg?v=1738767124&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/2xl-alexs-bar-incorporated-long-sleeve"
  >
    <span class="visually-hidden">
      2XL Alex's Bar Incorporated Long Sleeve
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.alexsbar.com/cdn/shop/files/Alexs_Bar_25Year_LongSleeve2_61511a8e-0028-494f-a2ae-fae698203257.jpg?v=1738767124&amp;width=500" alt="" srcset="//www.alexsbar.com/cdn/shop/files/Alexs_Bar_25Year_LongSleeve2_61511a8e-0028-494f-a2ae-fae698203257.jpg?v=1738767124&amp;width=240 240w, //www.alexsbar.com/cdn/shop/files/Alexs_Bar_25Year_LongSleeve2_61511a8e-0028-494f-a2ae-fae698203257.jpg?v=1738767124&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.alexsbar.com/cdn/shop/files/Alexs_Bar_25Year_LongSleeve.jpg?v=1738766896&amp;width=500" alt="2XL Alex&#39;s Bar Incorporated Long Sleeve" srcset="//www.alexsbar.com/cdn/shop/files/Alexs_Bar_25Year_LongSleeve.jpg?v=1738766896&amp;width=240 240w, //www.alexsbar.com/cdn/shop/files/Alexs_Bar_25Year_LongSleeve.jpg?v=1738766896&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="32317095706786" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">2XL Alex's Bar Incorporated Long Sleeve</p>

    
      <div ref="priceContainer">
  
    
    
      <span role="group">
        <span class="visually-hidden">Regular price&nbsp;</span>
        <span class="compare-at-price">$47.00 USD</span>
      </span>
    

    
      <span role="group">
        <span class="visually-hidden">Sale price&nbsp;</span>
        <span class="price">$32.00 USD</span>
      </span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
    </ul>
  
</div>



        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              View all
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-5"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <div id="shopify-block-AZ1Zsckk1cGh4UzFFQ__15551562133269743879" class="shopify-block shopify-app-block"><!--googleoff: all-->

<style>

    [x-sa-cloak] { display: none !important; }
    .font-system{
        font-family: system-ui;
    }
    .sa-big-cursor{
        cursor: url(https://cdn.shopify.com/extensions/019d9b3d-db05-79e1-ad33-4ab8d9a31d79/smart-accessibility-1-24/assets/big-cursor.svg), auto;
    }
    .sa-no-transition *{
        transition-timing-function: step-end!important;
        transition-duration: 0s!important;
        animation-timing-function: step-end!important;
        animation-iteration-count: 1!important;
        animation-duration: 0s!important;
    }
    .sa-hide-images *{
        background-image: none !important;
    }
    .sa-low-saturation{
        filter: saturate(0.5);
    }
    .sa-high-saturation{
        filter: saturate(2);
    }
    .sa-grayscale-saturation{
        filter: grayscale(1);
    }
    .sa-inverted-contrast{
        filter: invert(1);
    }
    .sa-low-contrast{
        filter: contrast(0.5);
    }
    .sa-high-contrast{
        filter: contrast(2);
    }
    .sa-reading-text{
        background-color: #ffeb3b !important;
    }

</style>

<script>
    window.sa_shop_domain = 'alexsbar.myshopify.com';

    
    
        window.sa_settings_from_metafield = {"enable":true,"title":"Accessibility","brand_color":"#000000","icon":"1","position":"bottom-left","icon_size":"icon-medium","widget_style":"style-float","default_alt_text":null,"ai_alt_text":false,"voice":1,"hide_trigger":false,"trigger_selector":"","hide_powered_by":false,"show_reset_all":true,"show_statement":true,"show_font_size":true,"show_screen_reader":false,"show_contrast":true,"show_highlight_links":true,"show_cursor":true,"show_text_align":true,"show_saturation":true,"show_line_height":true,"show_letter_spacing":true,"show_stop_animations":true,"show_mute_sounds":true,"show_hide_images":true,"statement":"\u003ch2\u003eAccessibility Statement\u003c\/h2\u003e\u003cp\u003eThis statement describes the accessibility features of the Smart Accessibility App.\u003c\/p\u003e\u003cp\u003eAccessibility widget is committed to making sites accessible for all, including people with disabilities. We are continuously improving the service we provide through our app to comply with increased accessibility standards, guidelines, and to make the browsing experience better for everyone.\u003c\/p\u003e\u003ch3\u003eConformance status\u003c\/h3\u003e\u003cp\u003eWe firmly believe that the internet should be available and accessible to anyone and are committed to providing a website that is accessible to the broadest possible audience, regardless of ability.\u003c\/p\u003e\u003cp\u003eTo fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level. These guidelines explain how to make web content accessible to people with a wide array of disabilities. Complying with those guidelines helps us ensure that the website is accessible to blind people, people with motor impairments, visual impairment, cognitive disabilities, and more.\u003c\/p\u003e\u003cp\u003eThis website utilizes various technologies that are meant to make it as accessible as possible at all times. We utilize an accessibility interface that allows persons with specific disabilities to adjust the website’s UI (user interface) and design it to their personal needs.\u003c\/p\u003e\u003ch3\u003eTechnical information\u003c\/h3\u003e\u003cp\u003eAccessibility widget is an app supported in Shopify and Wordpress environments. The app relies on the following technologies:\u003c\/p\u003e\u003cul\u003e\u003cli\u003eHTML\u003c\/li\u003e\u003cli\u003eCSS\u003c\/li\u003e\u003cli\u003eJavaScript\u003c\/li\u003e\u003cli\u003ePHP\u003c\/li\u003e\u003cli\u003eMySQL\u003c\/li\u003e\u003c\/ul\u003e     \u003ch3\u003eAccessibility widget features\u003c\/h3\u003e\u003cp\u003eThe app provides the following features:\u003c\/p\u003e\u003ch3\u003eFont size\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the font size of the website.\u003c\/p\u003e\u003ch3\u003eScreen Reader\u003c\/h3\u003e\u003cp\u003eThe app allows the user to use a screen reader to navigate the website.\u003c\/p\u003e\u003ch3\u003eContrast\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the contrast of the website.\u003c\/p\u003e\u003ch3\u003eHighlight Links\u003c\/h3\u003e\u003cp\u003eThe app allows the user to highlight links on the website.\u003c\/p\u003e\u003ch3\u003eCursor\u003c\/h3\u003e\u003cp\u003eThe app allows the user to use a bigger cursor to navigate the website.\u003c\/p\u003e\u003ch3\u003eText align\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the text align of the website.\u003c\/p\u003e\u003ch3\u003eSaturation\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the saturation of the website.\u003c\/p\u003e\u003ch3\u003eLine Height\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the line height of text the website.\u003c\/p\u003e\u003ch3\u003eLetter Spacing\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the letter spacing of text the website.\u003c\/p\u003e\u003ch3\u003eStop Animations\u003c\/h3\u003e\u003cp\u003eThe app allows the user to stop animations on the website. This includes videos playing or css animations\u003c\/p\u003e\u003ch3\u003eMute sounds\u003c\/h3\u003e\u003cp\u003eThe app allows the user to mute\/unmute sounds on the website.\u003c\/p\u003e\u003ch3\u003eHide Images\u003c\/h3\u003e\u003cp\u003eThe app allows the user to hide images on the website.\u003c\/p\u003e\u003ch3\u003eNotes \u0026amp; Feedback\u003c\/h2\u003e\u003cp\u003eWe always try to update our services and operate in the best possible manner to benefit all of our clients and their site visitors. If you experience any issues with the Accessibility widget provided service, however, please email our developer \u003ca href='https://codeinspire.io'\u003ecodeinspire.io\u003c\/a\u003e. He respond within 3 business days. \u003c\/p\u003e\u003cp\u003eWe cannot control or correct problems with third-party sites, but please let us know if you encounter difficulty with any sites we link to so we can pass the information along to the site owners. You may also want to address your concerns directly to these third parties.\u003c\/p\u003e","t_font_size":"Font Size","t_screen_reader":"Screen Reader","t_contrast":"Contrast","t_inverted":"Inverted","t_low_contrast":"Low Contrast","t_high_contrast":"High Contrast","t_highlight_links":"Highlight Links","t_cursor":"Cursor","t_text_align":"Text Align","t_text_left":"Left","t_text_center":"Center","t_text_right":"Right","t_saturation":"Saturation","t_low_saturation":"Low Saturation","t_high_saturation":"High Saturation","t_grayscale":"Grayscale","t_line_height":"Line Height","t_letter_spacing":"Letter Spacing","t_stop_animation":"Stop Animations","t_mute_sounds":"Mute Sounds","t_hide_images":"Hide Images","t_reset_all":"Reset All","t_statement":"Statement","t_enable_accessibility":"Enable Accessibility","t_close_accessibility":"Close Accessibility","show_language":false,"show_text_colors":false,"show_heading_colors":false,"show_bg_colors":false,"t_text_colors":"Adjust text colors","t_heading_colors":"Adjust heading colors","t_bg_colors":"Adjust background colors","t_reset":"Reset","custom_css":"","default_language":"auto","plan_id":1};
    
</script>

<div
    data-shop="alexsbar.myshopify.com"
    class="smart-accessibility-widget "
    x-sa-bind:class="settings.position"
    x-sa-cloak
    style="display: none;"
    x-sa-show="settings.enable"
    x-sa-trap="openWidget"
    x-sa-on:keyup.tab.window="enableKeyboardNavigation = true"
    x-sa-on:keyup.escape.window="openWidget = false"
    x-sa-data="sa_accessibility">
    <div class="smart-accessibility-widget__overlay sa-no-track" x-sa-show="openWidget" x-sa-on:click="openWidget = false"></div>
    <div
        x-sa-bind:class="settings.position + ' ' + settings.icon_size"
        x-sa-show="!settings.hide_trigger"
        x-sa-bind:style="{
            borderColor: settings.brand_color,
        }"
        class="sa-widget__cta">
        <button type="button" x-sa-on:click="openWidget = !openWidget"
            x-sa-bind:style="getBranding"
            :aria-label="settings.t_enable_accessibility"
            class="widget-icon sa-no-track" :title="settings.t_enable_accessibility">

            <svg x-sa-show="openWidget" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-x">
                <line x1="18" y1="6" x2="6" y2="18"></line>
                <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>

            <span x-sa-show="!openWidget" style="height: 24px;" class="sa-no-track">

                <svg x-sa-show="settings.icon == 1" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-accessibility" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"   stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="11" cy="5" r="2" />
                    <polyline points="11 7 11 15 15 15 19 20" />
                    <line x1="11" y1="11" x2="16" y2="11" />
                    <path d="M7 11.5a5 5 0 1 0 6 7.5" />
                </svg>

                <svg x-sa-show="settings.icon == 2" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-accessible" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="12" cy="12" r="9" />
                    <path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" />
                    <circle cx="12" cy="7.5" r=".5" fill="currentColor" />
                </svg>

                <svg x-sa-show="settings.icon == 3" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-disabled-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="17" cy="6" r="2" />
                    <path d="M9 11a5 5 0 1 0 3.95 7.95" />
                    <path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" />
                </svg>

                <svg x-sa-show="settings.icon == 4" class="sa-icon sa-icon-tabler icon-tabler-disabled-4" width="28" height="28" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" stroke="currentColor" style="fill: currentColor;" fill="currentColor" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M256,112a56,56,0,1,1,56-56A56.06,56.06,0,0,1,256,112Z"/>
                    <path d="M432,112.8l-.45.12h0l-.42.13c-1,.28-2,.58-3,.89-18.61,5.46-108.93,30.92-172.56,30.92-59.13,0-141.28-22-167.56-29.47a73.79,73.79,0,0,0-8-2.58c-19-5-32,14.3-32,31.94,0,17.47,15.7,25.79,31.55,31.76v.28l95.22,29.74c9.73,3.73,12.33,7.54,13.6,10.84,4.13,10.59.83,31.56-.34,38.88l-5.8,45L150.05,477.44q-.15.72-.27,1.47l-.23,1.27h0c-2.32,16.15,9.54,31.82,32,31.82,19.6,0,28.25-13.53,32-31.94h0s28-157.57,42-157.57,42.84,157.57,42.84,157.57h0c3.75,18.41,12.4,31.94,32,31.94,22.52,0,34.38-15.74,32-31.94-.21-1.38-.46-2.74-.76-4.06L329,301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09,1.09,0,0,0,.08-.15c1.08-2,6-6.48,17.48-10.79l89.28-31.21a16.9,16.9,0,0,0,1.62-.52c16-6,32-14.3,32-31.93S451,107.81,432,112.8Z"/>
                </svg>

            </span>
            <span class="sa-sr-only sa-no-track" x-sa-text="settings.t_enable_accessibility">
                Enable accessibility
            </span>
        </button>
    </div>

    <div class="sa-widget__wrapper sa-no-track"
        x-sa-bind:class="settings.position"
        x-sa-bind:style="{
            borderColor: settings.brand_color,
        }"
        x-sa-show="openWidget">

        <div
            x-sa-bind:style="getBranding"
            class="sa-widget__header sa-no-track">
            <div class="sa-widget__title sa-no-track" x-sa-text="settings.title">
                Accessibility
            </div>
            <button type="button" x-sa-ref="close_btn" x-sa-on:click="openWidget = false"
                :aria-label="settings.t_close_accessibility"
                class="sa-widget__close sa-no-track">
                <svg xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-close" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <title>Close icon</title>
                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                <line x1="18" y1="6" x2="6" y2="18" />
                <line x1="6" y1="6" x2="18" y2="18" />
                </svg>

                <span class="sa-sr-only" x-sa-text="settings.t_close_accessibility">
                    Close accessibility widget
                </span>
            </button>
        </div>

        <div class="sa-widget__top sa-button--group sa-no-track">

            <button type="button"
                :aria-label="settings.t_reset_all"
                x-sa-show="settings.show_reset_all"
                x-sa-text="settings.t_reset_all"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                x-sa-on:click="resetAll(); $dispatch('sa-reset-all')"
                class="sa-relative sa-no-track sa-button">
                Reset All
            </button>

            <button
                x-sa-show="settings.show_statement"
                x-sa-on:click="toggleStatement = !toggleStatement"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                :aria-label="settings.t_statement"
                type="button"
                class="sa-relative sa-no-track sa-button"
                x-sa-bind:class="{ 'active' : toggleStatement }"
                >
                <svg class="sa-svg-checked" x-sa-bind:style="toggleStatement && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span x-sa-text="settings.t_statement" class="sa-no-track">
                    Statement
                </span>
            </button>

        </div>

        <div x-sa-show="toggleStatement" class="sa-widget__statement sa-no-track">
            <div x-sa-html="(toggleStatement) ? settings.statement : ''"></div>
        </div>

        <div x-sa-show="!toggleStatement" class="sa-widget__main sa-no-track">

            <select x-sa-show="settings.show_language" x-sa-model="language.currentLanguage" name="sa_language" class="widget__feature sa-no-track sa-full-width" aria-label="Change language">
                <option value="auto">Language</option>
                <option value="en">English</option>
                <option value="fr">French</option>
                <option value="es">Spanish</option>
                <option value="de">German</option>
                <option value="it">Italian</option>
                <option value="pt">Portuguese</option>
                <option value="zh">Chinese</option>
                <option value="ja">Japanese</option>
                <option value="ar">Arabic</option>
                <option value="he">Hebrew</option>
                <option value="fa">Persian</option>
            </select>

            <button
                x-sa-show="settings.show_font_size"
                x-sa-data="{ level: $persist(0).as('font-size-level') }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_font_size"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                x-sa-on:click="() => { if(level < 4) { level++; adjustFontSize(level) } else { level = 0; resetFontSize() } }"
                class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : font.isInitialised }" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto">
                    <title>Adjust font size</title>
                    <polyline points="4 7 4 4 20 4 20 7"></polyline>
                    <line x1="9" y1="20" x2="15" y2="20"></line>
                    <line x1="12" y1="4" x2="12" y2="20"></line>
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="font.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span class="sa-no-track" x-sa-text="settings.t_font_size"> Font size</span>
                <div class="sa-bar sa-no-track">
                    <div x-sa-show="level > 0" class="sa-bar__flex">
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span>
                    </div>
                </div>

            </button>

            <button
                x-sa-show="settings.show_screen_reader"
                x-sa-on:click="toggleScreenReader"
                :aria-label="settings.t_screen_reader"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : screenReader.isInitialised }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mic sa-mx-auto">
                    <title>Screen Reader</title>
                    <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
                    <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
                    <line x1="12" y1="19" x2="12" y2="23"></line>
                    <line x1="8" y1="23" x2="16" y2="23"></line>
                </svg>
                <svg class="sa-svg-checked" x-sa-bind:style="screenReader.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span class="sa-no-track" x-sa-text="settings.t_screen_reader"> Screen Reader</span>
            </button>

            <button
                x-sa-show="settings.show_contrast"
                x-sa-data="{ level: $persist(0).as('contrast-level') }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_contrast"
                x-sa-on:click="() => { if(level < 3) { level++; toggleContrast(level) } else { level = 0; resetContrast() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : contrast.isInitialised }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-contrast sa-mx-auto">
                    <title>Contrast</title>
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <circle cx="12" cy="12" r="9" />
                    <path d="M12 17a5 5 0 0 0 0 -10v10" />
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="contrast.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>

                <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_contrast"> Contrast</span>
                <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_inverted"> Inverted</span>
                <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_low_contrast"> Low Contrast</span>
                <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_high_contrast"> High Contrast</span>

                <div class="sa-bar sa-no-track">
                    <div x-sa-show="level > 0" class="sa-bar__flex">
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                        <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                    </div>
                </div>

            </button>

            <button
                x-sa-show="settings.show_highlight_links"
                x-sa-on:click="toggleLinkHighlights"
                :aria-label="settings.t_highlight_links"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : linkHighlights }" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto">
                    <title>Highlight Links</title>
                    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="linkHighlights && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <span class="sa-no-track" x-sa-text="settings.t_highlight_links"> Highlight Links</span>
            </button>

            <button
                x-sa-show="settings.show_cursor"
                x-sa-on:click="toggleBigCursor"
                :aria-label="settings.t_cursor"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : enableBigCursor }" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mouse-pointer sa-mx-auto">
                    <title>Change Cursor</title>
                    <path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path>
                    <path d="M13 13l6 6"></path>
                </svg>

                <svg class="sa-svg-checked" x-sa-bind:style="enableBigCursor && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                    <title>Checked mark</title>
                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>

                <span class="sa-no-track" x-sa-text="settings.t_cursor"> Cursor</span>

            </button>

            <button
                x-sa-show="settings.show_text_align"
                x-sa-data="{
                    level: $persist(0).as('text-align-level'),
                }"
                :aria-label="settings.t_text_align"
                x-sa-on:sa-reset-all.window="level = 0"
                x-sa-on:click="() => { if(level < 3) { level++; toggleTextAlign(level) } else { level = 0; resetTextAlign() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : textAlign.isInitialised }" type="button">

                    <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 0 || level == 2" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Text align</title>
                        <line x1="18" y1="10" x2="6" y2="10"></line>
                        <line x1="21" y1="6" x2="3" y2="6"></line>
                        <line x1="21" y1="14" x2="3" y2="14"></line>
                        <line x1="18" y1="18" x2="6" y2="18"></line>
                    </svg>

                    <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 1" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Text left</title>
                        <line x1="17" y1="10" x2="3" y2="10"></line>
                        <line x1="21" y1="6" x2="3" y2="6"></line>
                        <line x1="21" y1="14" x2="3" y2="14"></line>
                        <line x1="17" y1="18" x2="3" y2="18"></line>
                    </svg>

                    <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 3" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Text right</title>
                        <line x1="21" y1="10" x2="7" y2="10"></line>
                        <line x1="21" y1="6" x2="3" y2="6"></line>
                        <line x1="21" y1="14" x2="3" y2="14"></line>
                        <line x1="21" y1="18" x2="7" y2="18"></line>
                    </svg>

                    <svg class="sa-svg-checked" x-sa-bind:style="textAlign.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track">
                        <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_text_align"> Text Align </span>
                        <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_text_left"> Text Left </span>
                        <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_text_center"> Text Center </span>
                        <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_text_right"> Text Right </span>
                    </span>

                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                       </div>
                    </div>
            </button>

            <button
                x-sa-show="settings.show_saturation"
                x-sa-data="{ level: $persist(0).as('saturation-level') }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_saturation"
                x-sa-on:click="() => { if(level < 3) { level++; toggleSaturation(level) } else { level = 0; resetSaturation() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : saturation.isInitialised }" type="button">
                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 16 16" fill="currentColor" class="sa-icon sa-icon-droplet sa-mx-auto" style="fill: currentColor">
                        <title>Saturation icon</title>
                        <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/>
                        <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/>
                    </svg>

                    <svg class="sa-svg-checked" x-sa-bind:style="saturation.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>

                    <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_saturation"> Saturation</span>
                    <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_low_saturation"> Low Saturation</span>
                    <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_high_saturation"> High Saturation</span>
                    <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_grayscale"> Grayscale</span>

                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                        </div>
                    </div>
            </button>

            <button
                x-sa-show="settings.show_line_height"
                x-sa-data="{
                    level: $persist(0).as('line-height-level'),
                }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_line_height"
                x-sa-on:click="() => { if(level < 4) { level++; toggleLineHeight(level) } else { level = 0; resetLineHeight() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-line-height sa-mx-auto">
                        <title>Line Height</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <polyline points="3 8 6 5 9 8" />
                        <polyline points="3 16 6 19 9 16" />
                        <line x1="6" y1="5" x2="6" y2="19" />
                        <line x1="13" y1="6" x2="20" y2="6" />
                        <line x1="13" y1="12" x2="20" y2="12" />
                        <line x1="13" y1="18" x2="20" y2="18" />
                    </svg>
                    <svg class="sa-svg-checked" x-sa-bind:style="lineHeight.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_line_height"> Line Height</span>

                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span>
                        </div>
                    </div>

            </button>

            <button
                x-sa-show="settings.show_letter_spacing"
                x-sa-data="{
                    level: $persist(0).as('letter-spacing-level'),
                }"
                x-sa-on:sa-reset-all.window="level = 0"
                :aria-label="settings.t_letter_spacing"
                x-sa-on:click="() => { if(level < 4) { level++; toggleLetterSpacing(level) } else { level = 0; resetLetterSpacing() } }"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : letterSpacing.isInitialised }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-letter-spacing sa-mx-auto">
                        <title>Letter Spacing</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <path d="M5 12v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" />
                        <path d="M13 4l3 8l3 -8" />
                        <path d="M5 18h14" />
                        <path d="M17 20l2 -2l-2 -2" />
                        <path d="M7 16l-2 2l2 2" />
                    </svg>

                    <svg class="sa-svg-checked" x-sa-bind:style="letterSpacing.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>

                    <span class="sa-no-track" x-sa-text="settings.t_letter_spacing">Letter Spacing</span>
                    <div class="sa-bar sa-no-track">
                        <div x-sa-show="level > 0" class="sa-bar__flex">
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span>
                            <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span>
                        </div>
                    </div>
            </button>

            <button
                x-sa-show="settings.show_stop_animations"
                x-sa-on:click="toggleStopAnimations"
                :aria-label="settings.t_stop_animation"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : enableStopAnimations }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                    <title>Stop Animations</title>
                    <circle cx="12" cy="12" r="10"></circle>
                    <line x1="10" y1="15" x2="10" y2="9"></line>
                    <line x1="14" y1="15" x2="14" y2="9"></line>
                    </svg>
                    <svg class="sa-svg-checked" x-sa-bind:style="enableStopAnimations && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_stop_animation">Stop Animations</span>
            </button>

            <button
                x-sa-show="settings.show_mute_sounds"
                x-sa-on:click="toggleMuteSounds"
                :aria-label="settings.t_mute_sounds"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : enableMuteSounds }"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Mute sounds</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <path d="M6 10c0 -1.146 .277 -2.245 .78 -3.219m1.792 -2.208a7 7 0 0 1 10.428 9.027a10 10 0 0 1 -.633 .762m-2.045 1.96a8 8 0 0 0 -1.322 2.278a4.5 4.5 0 0 1 -6.8 1.4" />
                        <path d="M11.42 7.414a3 3 0 0 1 4.131 4.13" />
                        <line x1="3" y1="3" x2="21" y2="21" />
                    </svg>
                    <svg class="sa-svg-checked"
                        x-sa-bind:style="enableMuteSounds && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_mute_sounds">Mute Sounds</span>
            </button>

            <button
                x-sa-show="settings.show_hide_images"
                x-sa-on:click="toggleHideImages"
                :aria-label="settings.t_hide_images"
                x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }"
                class="widget__feature sa-no-track sa-relative sa-button"
                x-sa-bind:class="{ 'active' : hideImages }"
                type="button">
                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto">
                        <title>Hide Image</title>
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <line x1="3" y1="3" x2="21" y2="21" />
                        <line x1="15" y1="8" x2="15.01" y2="8" />
                        <path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" />
                        <path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" />
                        <path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" />
                    </svg>
                    <svg class="sa-svg-checked"
                        x-sa-bind:style="hideImages && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                    </svg>
                    <span class="sa-no-track" x-sa-text="settings.t_hide_images">Hide Images</span>
            </button>

            <div x-sa-show="settings.show_text_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2">
                <div class="sa-no-track sa-text" x-sa-text="settings.t_text_colors">Adjust text colors</div>
                <svg class="sa-svg-checked"
                        x-sa-bind:style="textColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track">
                    <button class="sa-button sa-widget__swatch sa-bg-red"
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#dc2626') }"
                        x-sa-on:click="setTextColor('#dc2626')"
                        aria-label="Change text color to red"
                        title="Change text color to red"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-blue"
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#2563eb') }"
                        x-sa-on:click="setTextColor('#2563eb')"
                        aria-label="Change text color to blue"
                        title="Change text color to blue"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-green "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#16a34a') }"
                        x-sa-on:click="setTextColor('#16a34a')"
                        aria-label="Change text color to green"
                        title="Change text color to green"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-purple "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#9333ea') }"
                        x-sa-on:click="setTextColor('#9333ea')"
                        aria-label="Change text color to purple"
                        title="Change text color to purple"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-orange "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#ea580c') }"
                        x-sa-on:click="setTextColor('#ea580c')"
                        aria-label="Change text color to orange"
                        title="Change text color to orange"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-teal "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#0d9488') }"
                        x-sa-on:click="setTextColor('#0d9488')"
                        aria-label="Change text color to teal"
                        title="Change text color to teal"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-black "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#000') }"
                        x-sa-on:click="setTextColor('#000')"
                        aria-label="Change text color to black"
                        title="Change text color to black"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-white "
                        x-sa-bind:class="{ 'sa-active' : isTextColor('#fff') }"
                        x-sa-on:click="setTextColor('#fff')"
                        aria-label="Change text color to white"
                        title="Change text color to white"></button>
                </div>
                <button class="sa-widget__reset-btn sa-button sa-no-track"
                x-sa-on:click="resetTextColor()"
                x-sa-text="settings.t_reset">Reset</button>
            </div>

            <div x-sa-show="settings.show_heading_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2">
                <div class="sa-no-track sa-text" x-sa-text="settings.t_heading_colors">Adjust heading colors</div>
                <svg class="sa-svg-checked"
                        x-sa-bind:style="headingColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track">
                    <button class="sa-button sa-widget__swatch sa-bg-red"
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#dc2626') }"
                        x-sa-on:click="setHeadingColor('#dc2626')"
                        aria-label="Change heading color to red"
                        title="Change heading color to red"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-blue"
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#2563eb') }"
                        x-sa-on:click="setHeadingColor('#2563eb')"
                        aria-label="Change heading color to blue"
                        title="Change heading color to blue"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-green "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#16a34a') }"
                        x-sa-on:click="setHeadingColor('#16a34a')"
                        aria-label="Change heading color to green"
                        title="Change heading color to green"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-purple "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#9333ea') }"
                        x-sa-on:click="setHeadingColor('#9333ea')"
                        aria-label="Change heading color to purple"
                        title="Change heading color to purple"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-orange "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#ea580c') }"
                        x-sa-on:click="setHeadingColor('#ea580c')"
                        aria-label="Change heading color to orange"
                        title="Change heading color to orange"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-teal "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#0d9488') }"
                        x-sa-on:click="setHeadingColor('#0d9488')"
                        aria-label="Change heading color to teal"
                        title="Change heading color to teal"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-black "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#000') }"
                        x-sa-on:click="setHeadingColor('#000')"
                        aria-label="Change heading color to black"
                        title="Change heading color to black"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-white "
                        x-sa-bind:class="{ 'sa-active' : isHeadingColor('#fff') }"
                        x-sa-on:click="setHeadingColor('#fff')"
                        aria-label="Change heading color to white"
                        title="Change heading color to white"></button>
                </div>
                <button class="sa-widget__reset-btn sa-button sa-no-track"
                x-sa-on:click="resetHeadingColor()"
                x-sa-text="settings.t_reset">Reset</button>
            </div>

            <div x-sa-show="settings.show_bg_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2">
                <div class="sa-no-track sa-text" x-sa-text="settings.t_bg_colors">Adjust background colors</div>
                <svg class="sa-svg-checked"
                        x-sa-bind:style="bgColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff">
                        <title>Checked mark</title>
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                </svg>
                <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track">
                    <button class="sa-button sa-widget__swatch sa-bg-red"
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#dc2626') }"
                        x-sa-on:click="setBgColor('#dc2626')"
                        aria-label="Change background color to red"
                        title="Change background color to red"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-blue"
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#2563eb') }"
                        x-sa-on:click="setBgColor('#2563eb')"
                        aria-label="Change background color to blue"
                        title="Change background color to blue"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-green "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#16a34a') }"
                        x-sa-on:click="setBgColor('#16a34a')"
                        aria-label="Change background color to green"
                        title="Change background color to green"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-purple "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#9333ea') }"
                        x-sa-on:click="setBgColor('#9333ea')"
                        aria-label="Change background color to purple"
                        title="Change background color to purple"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-orange "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#ea580c') }"
                        x-sa-on:click="setBgColor('#ea580c')"
                        aria-label="Change background color to orange"
                        title="Change background color to orange"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-teal "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#0d9488') }"
                        x-sa-on:click="setBgColor('#0d9488')"
                        aria-label="Change background color to teal"
                        title="Change background color to teal"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-black "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#000') }"
                        x-sa-on:click="setBgColor('#000')"
                        aria-label="Change background color to black"
                        title="Change background color to black"></button>
                    <button class="sa-button sa-widget__swatch sa-bg-white "
                        x-sa-bind:class="{ 'sa-active' : isBgColor('#fff') }"
                        x-sa-on:click="setBgColor('#fff')"
                        aria-label="Change background color to white"
                        title="Change background color to white"></button>
                </div>
                <button class="sa-widget__reset-btn sa-button sa-no-track"
                x-sa-on:click="resetBgColor()"
                x-sa-text="settings.t_reset">Reset</button>
            </div>

        </div>

        

    </div>

</div>

<!--googleon: all-->


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
