<!doctype html>
<html
  class="no-js"
  lang="en"
>
  <head>
    

    
<link
        rel="icon"
        type="image/png"
        href="//bespoke-arcades.co.uk/cdn/shop/files/fav-2_231abc9f-9059-47e8-905b-6cb2c9b4d7b1.png?crop=center&height=32&v=1733842266&width=32"
      ><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="Bespoke Arcades"
>
<meta
property="og:url"
content="https://bespoke-arcades.co.uk/"
>
<meta
property="og:title"
content="Arcade Machines UK | 3,500+ Sold | UK Built Not Imports | £995+"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Buy arcade machines direct from the UK manufacturer. Hand-built since 2004, not imports. Shop now with free UK delivery, 12-month warranty, and secure payment. Arcade machines for sale from £995."
><meta
property="og:image"
content="http://bespoke-arcades.co.uk/cdn/shop/files/ba-logomark-blue_6933ea60-169d-4de8-a3fe-8efa22854cc7.png?v=1696257058"
>
<meta
property="og:image:secure_url"
content="https://bespoke-arcades.co.uk/cdn/shop/files/ba-logomark-blue_6933ea60-169d-4de8-a3fe-8efa22854cc7.png?v=1696257058"
>
<meta
property="og:image:width"
content="2000"
>
<meta
property="og:image:height"
content="2676"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Arcade Machines UK | 3,500+ Sold | UK Built Not Imports | £995+"
>
<meta
name="twitter:description"
content="Buy arcade machines direct from the UK manufacturer. Hand-built since 2004, not imports. Shop now with free UK delivery, 12-month warranty, and secure payment. Arcade machines for sale from £995."
>
<title>
Arcade Machines UK | 3,500+ Sold | UK Built Not Imports | £995+
</title>

<link
rel="canonical"
href="https://bespoke-arcades.co.uk/"
>


<meta
name="description"
content="Buy arcade machines direct from the UK manufacturer. Hand-built since 2004, not imports. Shop now with free UK delivery, 12-month warranty, and secure payment. Arcade machines for sale from £995."
>
<style type="text/css">@import url("data:text/css;base64,I2Z2LWxvYWRpbmctaWNvbiB7CiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlOwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgZGlzcGxheTogZmxleAo7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBmb250LWZhbWlseTogc3lzdGVtLXVpLCBzYW5zLXNlcmlmOwogICAgZm9udC1zaXplOiAxOTB2dzsKICAgIGxpbmUtaGVpZ2h0OiAxOwogICAgd29yZC13cmFwOiBicmVhay13b3JkOwogICAgdG9wOiAwOwogICAgbGVmdDogMDsKICAgIG1hcmdpbjogMDsKICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICAgIGZpbHRlcjogbm9uZTsKICAgIHRyYW5zaXRpb246IGFsbCAwczsKICAgIHRyYW5zZm9ybTogbm9uZTsKICAgIHdpZHRoOiA5OXZ3OwogICAgaGVpZ2h0OiA5OXZoOwogICAgbWF4LXdpZHRoOiA5OXZ3OwogICAgbWF4LWhlaWdodDogOTl2aDsKICAgIHBvaW50ZXItZXZlbnRzOiBub25lOwogICAgei1pbmRleDogLTk5OwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIG9wYWNpdHk6IDAuMDAwMTsKfQ==");</style><div data-custom="value" aria-label="Description" data-id="main-Page-23" id="fv-loading-icon" class="mainBodyContainer" data-optimizer="layout" aria-hidden="true">&#915;</div> 

 
<link
    rel="preconnect"
    href="https://fonts.shopifycdn.com"
    crossorigin
  >
<link
    rel="preload"
    as="font"
    href="//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
    type="font/woff2"
    crossorigin
  ><script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="text/javascript">eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('l(r.O=="P y"){i j=[],s=[];u Q(a,b=R){S c;T(...d)=>{U(c),c=V(()=>a.W(X,d),b)}}2.m="Y"+(2.z||"")+"Z";2.A="10"+(2.z||"")+"11";12{i a=r[2.m],e=r[2.A];2.k=(e.B(\'y\')>-1&&a.B(\'13\')<0),2.m="!1",c=C}14(d){2.k=!1;i c=C;2.m="!1"}2.k=k;l(k)i v=D E(e=>{e.8(({F:e})=>{e.8(e=>{1===e.5&&"G"===e.6&&(e.4("n","o"),e.4("f-3",e.3),e.g("3")),1===e.5&&"H"===e.6&&++p>q&&e.4("n","o"),1===e.5&&"I"===e.6&&j.w&&j.8(t=>{e.7.h(t)&&(e.4("f-7",e.7),e.g("7"))}),1===e.5&&"J"===e.6&&(e.4("f-3",e.3),e.g("3"),e.15="16/17")})})}),p=0,q=K;18 i v=D E(e=>{e.8(({F:e})=>{e.8(e=>{1===e.5&&"G"===e.6&&(e.4("n","o"),e.4("f-3",e.3),e.g("3")),1===e.5&&"H"===e.6&&++p>q&&e.4("n","o"),1===e.5&&"I"===e.6&&j.w&&j.8(t=>{e.7.h(t)&&(e.4("f-7",e.7),e.g("7"))}),1===e.5&&"J"===e.6&&(s.w&&s.8(t=>{e.3.h(t)&&(e.4("f-3",e.3),e.g("3"))}),e.9.h("x")&&(e.9=e.9.L("l(2.M)","N.19(\'1a\',u(1b){x();});l(2.M)").1c(", x",", u(){}")),(e.9.h("1d")||e.9.h("1e"))&&(e.9=e.9.L("1f","1g")))})})}),p=0,q=K;v.1h(N.1i,{1j:!0,1k:!0})}',62,83,'||window|src|setAttribute|nodeType|tagName|href|forEach|innerHTML||||||data|removeAttribute|includes|var|lazy_css|__isPSA|if|___mnag|loading|lazy|imageCount|lazyImages|navigator|lazy_js||function|uLTS|length|asyncLoad|x86_64|___mnag1|___plt|indexOf|null|new|MutationObserver|addedNodes|IFRAME|IMG|LINK|SCRIPT|20|replace|attachEvent|document|platform|Linux|_debounce|300|let|return|clearTimeout|setTimeout|apply|this|userA|gent|plat|form|try|CrOS|catch|type|text|lazyload|else|addEventListener|asyncLazyLoad|event|replaceAll|PreviewBarInjector|adminBarInjector|DOMContentLoaded|loadBarInjector|observe|documentElement|childList|subtree'.split('|'),0,{}))</script>  


<script type="importmap">
  {
    "imports": {
      "@theme/critical": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/critical.js?v=169402557219780209121761767564",
      "@theme/product-title": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/product-title-truncation.js?v=81744426891537421781761767564",
      "@theme/component": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/component.js?v=74239122572524296041761767564",
      "@theme/dialog": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/dialog.js?v=94382931671780430451761767564",
      "@theme/events": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/events.js?v=59172389608566392641761767564",
      "@theme/focus": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/focus.js?v=60436577539430446401761767564",
      "@theme/morph": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/morph.js?v=175376767362814376631761767564",
      "@theme/paginated-list": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/paginated-list.js?v=95298315036233333871761767564",
      "@theme/performance": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/performance.js?v=160961134082498414901761767564",
      "@theme/product-form": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/product-form.js?v=127515301325557712001761767564",
      "@theme/recently-viewed-products": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/recently-viewed-products.js?v=94729125001750262651761767564",
      "@theme/scrolling": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/scrolling.js?v=10957690925586738441761767564",
      "@theme/section-renderer": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/section-renderer.js?v=117273408521114569061761767564",
      "@theme/section-hydration": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/section-hydration.js?v=177651605160027701221761767564",
      "@theme/utilities": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/utilities.js?v=20543301071820501481761767564",
      "@theme/variant-picker": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/variant-picker.js?v=113536721324242252251761767564",
      "@theme/media-gallery": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/media-gallery.js?v=111441960308641931071761767564",
      "@theme/quick-add": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/quick-add.js?v=74531385036627369001761767564",
      "@theme/paginated-list-aspect-ratio": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/paginated-list-aspect-ratio.js?v=25254270272143792451761767564",
      "@theme/popover-polyfill": "//bespoke-arcades.co.uk/cdn/shop/t/85/assets/popover-polyfill.js?v=119029313658895111201761767564"
    }
  }
</script>



<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/critical.js?v=169402557219780209121761767564"
>

<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/utilities.js?v=20543301071820501481761767564"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/component.js?v=74239122572524296041761767564"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/section-renderer.js?v=117273408521114569061761767564"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/section-hydration.js?v=177651605160027701221761767564"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/morph.js?v=175376767362814376631761767564"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/focus.js?v=60436577539430446401761767564"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/recently-viewed-products.js?v=94729125001750262651761767564"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/scrolling.js?v=10957690925586738441761767564"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/events.js?v=59172389608566392641761767564"
  fetchpriority="low"
>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/popover-polyfill.js?v=119029313658895111201761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/quick-add.js?v=74531385036627369001761767564"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/cart-discount.js?v=107077853990124422021761767564"
    type="module"
    fetchpriority="low"
  ></script>

<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/dialog.js?v=94382931671780430451761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/variant-picker.js?v=113536721324242252251761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/product-card.js?v=174129639976667491711761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/product-form.js?v=127515301325557712001761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/accordion-custom.js?v=99000499017714805851761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/disclosure-custom.js?v=168050880623268140331761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/media.js?v=37825095869491791421761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/product-price.js?v=30079423257668675401761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/product-title-truncation.js?v=81744426891537421781761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/product-inventory.js?v=16343734458933704981761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/show-more.js?v=94563802205717136101761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/slideshow.js?v=63092151078244317761761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/anchored-popover.js?v=95953304814728754461761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/floating-panel.js?v=128677600744947036551761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/video-background.js?v=25237992823806706551761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/component-quantity-selector.js?v=56330027151833116691761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/media-gallery.js?v=111441960308641931071761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/rte-formatter.js?v=101420294193111439321761767564"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/gift-card-recipient-form.js?v=129634859299628245901761767564"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/localization.js?v=87759161307859666401761767564"
    type="module"
    fetchpriority="low"
  ></script>






<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/auto-close-details.js?v=58350291535404441581761767564"
  defer="defer"
></script>

<script>
  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
  const Theme = {
    placeholders: {
      general: [
        `${basePath}/general-1.png`,
        `${basePath}/general-2.png`,
        `${basePath}/general-3.png`,
        `${basePath}/general-4.png`,
        `${basePath}/general-5.png`,
        `${basePath}/general-6.png`,
        `${basePath}/general-7.png`,
      ],
      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
    },
    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`,
    },
    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: "Red Hat Display";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n4.09f5571be81da8a8c0e78adb7638383541ff61a2.woff") format("woff");
}

  @font-face {
  font-family: "Red Hat Display";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}

  @font-face {
  font-family: "Red Hat Display";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i4.d3bef3a05bb92acc510c17d15f6c01c87e3bce0d.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i4.3f1b2b6da2f26f2d4eb6921830f13bbdcc7b4092.woff") format("woff");
}

  @font-face {
  font-family: "Red Hat Display";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}


  


    @font-face {
  font-family: "Red Hat Display";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n6.005eeb3c4714c4b460079358b1e05b655e0e4e3e.woff") format("woff");
}

    @font-face {
  font-family: "Red Hat Display";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}

    @font-face {
  font-family: "Red Hat Display";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i6.7ed8d8fa04c1a330cadfbdd1cc3305a5b131dba3.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i6.c095621994e8bfc049bdd6a8818815964641850d.woff") format("woff");
}

    @font-face {
  font-family: "Red Hat Display";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}

  

  


    @font-face {
  font-family: Trirong;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_n2.6df3ab7336d79d347e7f6766ffd8d29c91ae4ca5.woff") format("woff");
}

    @font-face {
  font-family: Trirong;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_n7.a33ed6536f9a7c6d7a9d0b52e1e13fd44f544eff.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_n7.cdb88d0f8e5c427b393745c8cdeb8bc085cbacff.woff") format("woff");
}

    @font-face {
  font-family: Trirong;
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_i2.09cedbbfb7eff094cf6e44047e16996f6069ec3a.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_i2.cbddd6d75dc4501c52e81dac1a4a3205fc02ae42.woff") format("woff");
}

    @font-face {
  font-family: Trirong;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_i7.0a12b233073555ab8fbb6a4daaa950731de27544.woff2") format("woff2"),
       url("//bespoke-arcades.co.uk/cdn/fonts/trirong/trirong_i7.3425495581434e8c758c3f19251e34b0b1f89e77.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: "Red Hat Display", sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: "Red Hat Display", sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 600;
    --font-heading--family: Trirong, serif;
    --font-heading--style: normal;
    --font-heading--weight: 200;
    --font-accent--family: Trirong, serif;
    --font-accent--style: normal;
    --font-accent--weight: 200;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --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: 50ch;
    --max-width--body-narrow: 35ch;

    --max-width--heading-normal: 50ch;
    --max-width--heading-narrow: 30ch;

    --max-width--display-normal: 20ch;
    --max-width--display-narrow: 15ch;
    --max-width--display-tight: 5ch;

    /* 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: 0.875rem;--font-size--h6: 0.75rem;--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: none;--font-h1--line-height: var(--line-height--display-tight);--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: none;--font-h2--line-height: var(--line-height--display-normal);--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: none;--font-h3--line-height: var(--line-height--heading-tight);--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: none;--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-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--2xs: 0.625rem;
    --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: 8px;

    /* 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: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 4px;
    --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);
    --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);

    /* 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: 1px;

    /* 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;

    /* 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-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button font-weight */
    --button-font-weight-primary: default;
    --button-font-weight-secondary: default;

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --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;

    /* 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: 50;
    --variant-picker-swatch-height-unitless: 20;
    --variant-picker-swatch-width: 50px;
    --variant-picker-swatch-height: 20px;
    --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 height variables */
    --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;

    /* 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-secondary--family);
    --cart-secondary-font-style: var(--font-secondary--style);
    --cart-secondary-font-weight: var(--font-secondary--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(249 248 246 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 249 248 246;
        --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(0 0 0 / 0.28);
        --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(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(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(255 255 255 / 1.0);
        --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(222 222 222 / 1.0);
        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-input-background: rgb(0 0 0 / 0.05);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(230 230 230 / 1.0);
        --color-variant-background: rgb(249 248 246 / 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(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(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(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(0 15 159 / 1.0);
        --color-primary-button-hover-border: rgb(0 15 159 / 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(0 15 159 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(0 15 159 / 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-3 {
        --color-background: rgb(247 247 247 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 247 247 247;
        --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 15 159 / 1.0);
        --color-primary-rgb: 0 15 159;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(214 212 211 / 1.0);
        --color-border-rgb: 214 212 211;
        --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(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 15 159 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 1.0);
        --color-secondary-button-border: rgb(0 15 159 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(239 239 239 / 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(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-4 {
        --color-background: rgb(46 46 46 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 46 46 46;
        --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(225 225 225 / 1.0);
        --color-primary-hover-rgb: 225 225 225;
        --color-border: rgb(225 225 225 / 1.0);
        --color-border-rgb: 225 225 225;
        --color-shadow: rgb(0 0 0 / 1.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(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(225 225 225 / 1.0);
        --color-primary-button-hover-border: rgb(225 225 225 / 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(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(80 80 80 / 1.0);
        --color-secondary-button-hover-border: rgb(80 80 80 / 1.0);
        --color-input-background: rgb(46 46 46 / 1.0);
        --color-input-text: rgb(249 248 246 / 1.0);
        --color-input-text-rgb: 249 248 246;
        --color-input-border: rgb(249 248 246 / 1.0);
        --color-input-hover-background: rgb(26 26 26 / 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-5 {
        --color-background: rgb(228 223 181 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 228 223 181;
        --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(102 102 102 / 1.0);
        --color-border-rgb: 102 102 102;
        --color-shadow: rgb(0 0 0 / 1.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(255 255 255 / 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 / 1.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 / 1.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-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(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(172 172 172 / 1.0);
        --color-primary-hover-rgb: 172 172 172;
        --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(255 255 255 / 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-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
        --color-background: rgb(0 0 0 / 0.03);
        /* 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(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(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(0 0 0 / 0.8);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(239 239 239 / 1.0);
        --color-secondary-button-border: rgb(0 15 159 / 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(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));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>
<link href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/overflow-list.css?v=168694168152117541881761767564" as="style" rel="preload">
<link href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/base.css?v=19295334643480327241761767564" rel="stylesheet" type="text/css" media="all" />



    
    <link
      rel="expect"
      href="#MainContent"
      blocking="render"
      id="view-transition-render-blocker"
    >

<!-- Modified Header hook for plugins -->
  


















<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="IS4wv8jlxoddUuMhNFtSkEHsEb_is0tJKhqmUUyp_Z0">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/18951045220/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="52d38da449a8792ebcd964d3678de00c">
<meta id="in-context-paypal-metadata" data-shop-id="18951045220" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP">
<script async="async" data-src="/checkouts/internal/preloads.js?locale=en-GB"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" data-src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&shop_id=18951045220" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":18951045220,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/18951045220","merchantName":"Bespoke Arcades","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Bespoke Arcades","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"52d38da449a8792ebcd964d3678de00c","betas":["rich-media-storefront-analytics"],"domain":"bespoke-arcades.co.uk","predictiveSearch":true,"shopId":18951045220,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "bespoke-arcades-store.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"GBP","rate":"1.0"};
Shopify.country = "GB";
Shopify.theme = {"name":"Updated copy of 2025 GUI Overhaul | NEW","id":183138582901,"schema_name":"Vessel","schema_version":"2.1.6","theme_store_id":3628,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "bespoke-arcades.co.uk/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.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" data-src="//bespoke-arcades.co.uk/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//bespoke-arcades.co.uk/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-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.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"],"shop-login":["modules/v2/loader.shop-login.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-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["\/\/d1liekpayvooaz.cloudfront.net\/apps\/customizery\/customizery.js?shop=bespoke-arcades-store.myshopify.com","https:\/\/outlanefeatures.com\/static\/outlane-features.js?shop=bespoke-arcades-store.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiJ5RGV0Z1RWejU0SWlMbmNoIiwicyI6Im5vbmUifQ==\u0026shop=bespoke-arcades-store.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/bespoke-arcades-store.myshopify.com.js?settings=1761748545807\u0026shop=bespoke-arcades-store.myshopify.com","https:\/\/widget.trustpilot.com\/bootstrap\/v5\/tp.widget.sync.bootstrap.min.js?shop=bespoke-arcades-store.myshopify.com","https:\/\/depo.sidepanda.com\/popups-subscription.js?shop=bespoke-arcades-store.myshopify.com","https:\/\/app.adoric-om.com\/adoric.js?key=8293b5a1d2c550c00335d88b3cbc7177\u0026shop=bespoke-arcades-store.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/success.min.js?settings=eyJrZXkiOiJ5RGV0Z1RWejU0SWlMbmNoIiwicyI6Im5vbmUiLCJ0IjpbIm9yZGVycy9mdWxmaWxsZWQiXSwidiI6IiIsImEiOiIifQ==\u0026shop=bespoke-arcades-store.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);
    }
  };
  document.addEventListener('StartAsyncLoading',function(event){asyncLoad();});if(window.attachEvent) {
    window.attachEvent('onload', function(){});
  } else {
    window.addEventListener('load', function(){}, false);
  }
})();</script>
<script id="__st">var __st={"a":18951045220,"offset":3600,"reqid":"98b85005-683e-468f-b8fe-cf372e008045-1779513152","pageurl":"bespoke-arcades.co.uk\/","u":"4945508b7520","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" data-src="//bespoke-arcades.co.uk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" data-src="//bespoke-arcades.co.uk/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.data-src="https://bespoke-arcades.co.uk/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-haKOhzT83GjvO3v6qzDZfOsoJVFdXid/w2WH/c5LJ+s=" data-src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-0583672e.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' data-src='https://bespoke-arcades.co.uk/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin data-src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://bespoke-arcades.co.uk/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="//bespoke-arcades.co.uk/cdn/shop/t/85/compiled_assets/styles.css?v=102663844362645574771778506665">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
   

    <!-- Hotjar Tracking Code for https://www.bespoke-arcades.co.uk -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1428369,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Bespoke Arcades",
  "url": "https://bespoke-arcades.co.uk/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://bespoke-arcades.co.uk/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>






  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "@id": "https://bespoke-arcades.co.uk/#organization",
    "name": "Bespoke Arcades",
    "legalName": "Bespoke Arcades",
    "alternateName": "Bespoke-Arcades",
    "url": "https://bespoke-arcades.co.uk/",
    "image": "https://bespoke-arcades.co.uk/cdn/shop/files/ba-black-logo-stacked.png",
    "description": "Manufacturer of bespoke custom arcade machines, multi-game cabinets, virtual pinball and retro gaming cabinets for personal and commercial use.",
    "telephone": "+44 207 935 9005",
    "email": "info@bespoke-arcades.co.uk",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Unit B1, Hodge House, Cranborne Road",
      "addressLocality": "Potters Bar",
      "postalCode": "EN6 3JN",
      "addressCountry": "GB"
    },
    "knowsAbout": [
      "Arcade cabinets",
      "Multi-game arcade machines",
      "Virtual pinball tables",
      "Stand-up arcade machines",
      "Cocktail arcade machines",
      "Commercial arcade machines",
      "Custom arcade machine design"
    ],
    "hasOfferCatalog": {
      "@type": "OfferCatalog",
      "name": "Arcade Machine Product Categories",
      "itemListElement": [
        {
          "@type": "Offer",
          "name": "Synergy Tabletop Arcade Machine",
          "description": "High-quality tabletop-style arcade machine with classic games."
        },
        {
          "@type": "Offer",
          "name": "Evo Upright Arcade Cabinet",
          "description": "Premium upright multi-game arcade cabinet with bespoke artwork."
        },
        {
          "@type": "Offer",
          "name": "GT Racing Arcade Machine",
          "description": "Driving/racing arcade cabinet with steering and pedal controls."
        },
        {
          "@type": "Offer",
          "name": "Virtual Pinball Machine",
          "description": "State-of-the-art virtual pinball machine with multiple tables and HD display."
        },
        {
          "@type": "Offer",
          "name": "Coffee Table Arcade Machine",
          "description": "Low-profile arcade machine designed as a coffee table with built-in games."
        },
        {
          "@type": "Offer",
          "name": "Commercial Arcade Machine",
          "description": "High-durability machines for commercial use: arcades, bars, hospitality venues."
        },
        {
          "@type": "Offer",
          "name": "Fully Custom Arcade Machine",
          "description": "Tailor-made arcade machine built to client specifications, including artwork, controls & features."
        }
      ]
    },
    "sameAs": [
      "https://www.facebook.com/BespokeArcades/",
      "https://www.instagram.com/bespokearcades/",
      "https://www.youtube.com/user/BespokeArcades",
      "https://x.com/bespokearcades?lang=en"    
    ]
  }
  </script>


  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PQSJ7G48');</script>
<!-- End Google Tag Manager -->

    <!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=103661722', 'ym');

    ym(103661722, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/103661722" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --><!-- Schema Markup: LocalBusiness + AggregateRating + Reviews -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Bespoke Arcades",
  "image": "https://bespoke-arcades.co.uk/cdn/shop/files/ba-logo-stacked.png?height=72&v=1683132838",
  "url": "https://bespoke-arcades.co.uk",
  "telephone": "+44-20-7935-9005",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Block A, Unit 9D, Cranborne Road",
    "addressLocality": "Potters Bar",
    "addressRegion": "England",
    "postalCode": "EN6 3JN",
    "addressCountry": "GB"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "bestRating": "5",
    "worstRating": "1",
    "reviewCount": "104"
  },
  "review": [
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Chris Carroll-Davis"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Great product and service from Bespoke Arcades. The team there made us very welcome when we came to visit their workshop. They guided us through all the options and gave us great advice. The machine arrived promptly, is well-built and easy to use... and great fun!",
      "datePublished": "2026-04-08"
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Nathan C"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Got a standup arcade machine from Bespoke arcades with all retro games. This company couldn't have been more helpful from the very first query. Can choose where to put all controls as you may be left or right handed. Can put any artwork on the machine and the company really help with suggestions. Looks fantastic and I would highly recommend getting some art on your machine. Very happy with my purchase and the support provided.",
      "datePublished": "2026-01-21"
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Sam Gibb-Cohen"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Love my new arcade machine! Phil, Ben and the team were super helpful, friendly, and communicative throughout. A few technical teething issues on receipt and Phil was quick to remote into the machine and sort it all out in no time. Great customer service!",
      "datePublished": "2025-12-11"
    }
  ]
}
</script><script src="https://cdn.shopify.com/extensions/538183fa-e9d7-460f-8ede-f268bcd8b172/inbox-1269/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<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: 18951045220,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: 18951045220,storefrontBaseUrl: "https://bespoke-arcades.co.uk",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","5acaffe6","6faea013"],webPixelsConfigList: [{"id":"2088927605","configuration":"{\"shopId\":\"18951045220\",\"domainId\":\"6512e37a08459d1998ea45d9\",\"userId\":\"6512e37a08459d1998ea45d8\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524763c7ffe150f5758729a0c55dcfca","type":"APP","apiClientId":3255653,"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"},{"id":"1942815093","configuration":"{\"account_ID\":\"1043139\",\"google_analytics_tracking_tag\":\"1\",\"measurement_id\":\"2\",\"api_secret\":\"3\",\"shop_settings\":\"{\\\"custom_pixel_script\\\":\\\"https:\\\\\\\/\\\\\\\/storage.googleapis.com\\\\\\\/gsf-scripts\\\\\\\/custom-pixels\\\\\\\/bespoke-arcades-store.js\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"a90a2386b8d48cfc1abdd2eff8b04392","type":"APP","apiClientId":1558137,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"934019445","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\",\\\"GT-TNP9P5R4\\\"],\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\/TvjJCOrM4sQaEIS-69wp\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\/cyCiCOTM4sQaEIS-69wp\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\/nXjeCOHM4sQaEIS-69wp\\\",\\\"MC-Y53CQWLTNZ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\/620ZCNvM4sQaEIS-69wp\\\",\\\"MC-Y53CQWLTNZ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\/cT9gCN7M4sQaEIS-69wp\\\",\\\"MC-Y53CQWLTNZ\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\/bYI9CO3M4sQaEIS-69wp\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-CH4QRQ74H5\\\",\\\"AW-11200552708\\\/RT-VCOfM4sQaEIS-69wp\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","type":"APP","apiClientId":1780363,"privacyPurposes":[],"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":"137757045","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GADS DYR"},{"id":"202047861","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GADS + GA4 EC Conversions "},{"id":"202408309","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GADS Purchase "},{"id":"215155061","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Simprosis Custom Pixel"},{"id":"215187829","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Simprosis Custom Pixels 2"},{"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":"Bespoke Arcades","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"bespoke-arcades-store.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/bespoke-arcades.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://bespoke-arcades.co.uk/cdn","34f07b34w0f0599d7pa9bdc545m9e2c49eb",{"modern":"","legacy":""},{"trekkieShim":true,"pageType":"home","shopId":"18951045220","storefrontBaseUrl":"https:\/\/bespoke-arcades.co.uk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5acaffe6\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"34f07b34w0f0599d7pa9bdc545m9e2c49eb","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'GBP';
  var meta = {"page":{"pageType":"home","requestId":"98b85005-683e-468f-b8fe-cf372e008045-1779513152"}};
  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: 18951045220,
      theme_id: 183138582901,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//bespoke-arcades.co.uk/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//bespoke-arcades.co.uk/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//bespoke-arcades.co.uk/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":18951045220,"isMerchantRequest":null,"themeId":183138582901,"themeCityHash":"5606365508908994266","contentLanguage":"en","currency":"GBP","eventMetadataId":"da3d8076-24d0-4f23-b7b6-5e9cac43fd35"},"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":"98b85005-683e-468f-b8fe-cf372e008045-1779513152","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 = "//bespoke-arcades.co.uk/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://bespoke-arcades.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="18951045220"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="183138582901"
  data-theme-name="Vessel"
  data-theme-version="2.1.6"
  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://bespoke-arcades.co.uk/api/collect"
></script>
</head>

  <body class="page-width-narrow card-hover-effect-scale">
        <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PQSJ7G48"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>

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



<div class="section-background color-scheme-2"></div>
<aside
  class="announcement-bar spacing-style section section--page-width color-scheme-2"
  style="--padding-block-start: 15px; --padding-block-end:15px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 0px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
  >
    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--Aci8vUWU2NWRxMStVT__announcement_pMFrLq
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      ***<a href="tel:+442079359005">Call</a> or Mail ASAP to arrange a showroom visit or discuss your arcade machine requirements***
    </p>

    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div><div id="shopify-section-sections--25797520654709__17569633961f9e6b1c" class="shopify-section shopify-section-group-header-group section-wrapper">



<div class="section-background color-scheme-4"></div>
<div
  class="section section--full-width color-scheme-4"

  

  style="
    

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

--gap: 12px;

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

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


<style data-shopify>
  .ai-secondary-nav-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
    background-color: #29222247;
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0;
  }

  .ai-secondary-nav-container-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .ai-secondary-nav-list-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
  }

  .ai-secondary-nav-item-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
    margin: 0;
  }

  .ai-secondary-nav-link-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    padding: 5px;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: block;
  }

  .ai-secondary-nav-link-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4:hover {
    color: #000f9f;
    background-color: #0000000d;
  }

  .ai-secondary-nav-divider-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
    width: 1px;
    height: 14px;
    background-color: #e6e6e6;
    margin: 0;
  }

  @media screen and (max-width: 749px) {
    .ai-secondary-nav-list-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
      gap: 10px;
      justify-content: center;
    }

    .ai-secondary-nav-link-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
      font-size: 12px;
      padding: 5px;
    }

    .ai-secondary-nav-container-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4 {
      padding: 0 15px;
    }
  }

  
</style><nav class="ai-secondary-nav-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4" >
  <div class="ai-secondary-nav-container-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
    <ul class="ai-secondary-nav-list-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
      
        
        
        
        
        
        
          <li class="ai-secondary-nav-item-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
            
              <a href="https://bespoke-arcades.co.uk/pages/why-choose-us" class="ai-secondary-nav-link-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
                Why Choose Us
              </a>
            
          </li>
          
          
            
            
            
            
              <li class="ai-secondary-nav-divider-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4"></li>
            
          
        
      
        
        
        
        
        
        
          <li class="ai-secondary-nav-item-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
            
              <a href="/pages/where-to-buy" class="ai-secondary-nav-link-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
                Where To Buy
              </a>
            
          </li>
          
          
            
            
            
            
              <li class="ai-secondary-nav-divider-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4"></li>
            
          
        
      
        
        
        
        
        
        
          <li class="ai-secondary-nav-item-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
            
              <a href="/pages/contact" class="ai-secondary-nav-link-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
                Contact
              </a>
            
          </li>
          
          
            
            
            
            
              <li class="ai-secondary-nav-divider-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4"></li>
            
          
        
      
        
        
        
        
        
        
          <li class="ai-secondary-nav-item-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
            
              <a href="/blogs/blog" class="ai-secondary-nav-link-auzcym2t1wtbjcvhewaigenblock6724612xbgpk4">
                Blog
              </a>
            
          </li>
          
          
            
            
            
            
          
        
      
        
        
        
        
        
        
      
        
        
        
        
        
        
      
    </ul>
  </div>
</nav>



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





</div><header id="shopify-section-sections--25797520654709__header_section" class="shopify-section shopify-section-group-header-group header-section">



<header-component
  id="header-component"
  class="header color-scheme-6  header--compact"
  
    transparent="not-sticky"
  
  
    sticky="scroll-up"
  
  data-skip-node-update
  data-scroll-direction="none"
>
  
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-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 desktop:hidden"
      ref="headerDrawerContainer"
      style=""
      
    >
      

<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/header-drawer.js?v=38290796699993510201761767564"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer header__drawer--mobile"
  style="--menu-image-border-radius: px;"
>
  <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
      data-header-drawer
      class="
        menu-drawer
        motion-reduce
        color-scheme-1
      "
    >
      <button
        class="button button-unstyled 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-body--family);
--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --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-secondary--family); --menu-parent-font-style:
var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:
none;

    --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-secondary--family); --menu-child-font-style:
var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:
none;

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

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


              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 1;"
              ><a
                    id="HeaderDrawer-overview"
                    href="/pages/overview-arcade-machine-bespoke-arcades"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text">Overview</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 2;"
              ><a
                    id="HeaderDrawer-commercial"
                    href="/collections/commercial-arcade-jamma-cabinet-machines"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text">Commercial</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 3;"
              ><a
                    id="HeaderDrawer-virtual-pinball"
                    href="/collections/virtual-pinball"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text">Virtual Pinball</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 4;"
              ><details
                    id="Details-menu-drawer-menu-item-4"
                    class="menu-drawer__menu-container"
                  >
                    <summary
                      id="HeaderDrawer-collections"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open"
                    >
                      <span class="menu-drawer__menu-item-text">Collections</span>
                      <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
                      id="link-collections"
                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 4;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            aria-expanded="true"
                            on:click="header-drawer/back"
                            aria-label="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>
                            <span class="menu-drawer__menu-item-text">Collections</span>
                          </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>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-multi-game-arcade-machines"
                                  href="/collections/all-arcade-machine-cabinets"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Multi Game Arcade Machines</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-arcade-machines-overview"
                                  href="/pages/overview-arcade-machine-bespoke-arcades"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Arcade Machines Overview</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-stand-up-arcade-machines"
                                  href="/collections/stand-up"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Stand-Up Arcade Machines</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-sit-down-arcade-machines"
                                  href="/collections/sit-down"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Sit-Down Arcade Machines</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-cocktail-arcade-machines"
                                  href="/collections/cocktail-arcade-machine-cabinets"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Cocktail Arcade Machines</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-coffee-table-arcade-machines"
                                  href="/collections/coffee-table"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Coffee Table Arcade Machines</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-modern-arcade-cabinets"
                                  href="/collections/modern"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Modern Arcade Cabinets</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-4-player-arcade-machines"
                                  href="/collections/4-player"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">4 Player Arcade Machines</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-driving-arcade-machine"
                                  href="https://bespoke-arcades.co.uk/products/25-apex-arcade-machine"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Driving Arcade Machine</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-light-gun-arcade-machine"
                                  href="https://bespoke-arcades.co.uk/products/25-gun-cab-lightgun-arcade-machine"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Light Gun Arcade Machine</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat
                              "
                            >
                                
<a
                                    id="HeaderDrawer-collections-bespoke-arcade-machines"
                                    href="/collections/bespoke-arcades"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  >
                                    <span class="menu-drawer__menu-item-text">Bespoke Arcade Machines</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-bespoke-arcade-machines-why-choose-bespoke-arcades"
                                          href="/pages/why-choose-bespoke-arcades"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text">Why Choose Bespoke Arcades?</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 2;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-bespoke-arcade-machines-all-bespoke-arcade-machines"
                                          href="/collections/bespoke-arcades"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text">All Bespoke Arcade Machines</span>
                                        </a>
                                      </li></ul></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat
                              "
                            >
                                
<a
                                    id="HeaderDrawer-collections-gt-arcade-cabinets"
                                    href="/collections/gt"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  >
                                    <span class="menu-drawer__menu-item-text">GT Arcade Cabinets</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-gt-arcade-cabinets-all-gt-arcade-machines"
                                          href="/collections/gt"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text">All GT Arcade Machines</span>
                                        </a>
                                      </li></ul></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat
                              "
                            >
                                
<a
                                    id="HeaderDrawer-collections-commercial-arcade-machines"
                                    href="/collections/commercial-arcade-jamma-cabinet-machines"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  >
                                    <span class="menu-drawer__menu-item-text">Commercial Arcade Machines</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-commercial-arcade-machines-all-commercial-arcade-machines"
                                          href="/collections/commercial-arcade-jamma-cabinet-machines"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text">All Commercial Arcade Machines</span>
                                        </a>
                                      </li></ul></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat
                              "
                            >
                                
<a
                                    id="HeaderDrawer-collections-king-pin-virtual-pinball-machines"
                                    href="/collections/virtual-pinball"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  >
                                    <span class="menu-drawer__menu-item-text">King-Pin Virtual Pinball Machines</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-king-pin-virtual-pinball-machines-why-choose-king-pin"
                                          href="/pages/why-choose-king-pin"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text">Why Choose King-Pin?</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 2;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-king-pin-virtual-pinball-machines-all-king-pin-tables"
                                          href="/collections/virtual-pinball"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text">All King-Pin Tables</span>
                                        </a>
                                      </li></ul></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-fully-custom-a-game"
                                  href="/pages/fully-custom-a-game"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Fully Custom (A-Game)</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 5;"
              ><details
                    id="Details-menu-drawer-menu-item-5"
                    class="menu-drawer__menu-container"
                  >
                    <summary
                      id="HeaderDrawer-how-to-buy"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open"
                    >
                      <span class="menu-drawer__menu-item-text">How to Buy</span>
                      <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
                      id="link-how-to-buy"
                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 5;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            aria-expanded="true"
                            on:click="header-drawer/back"
                            aria-label="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>
                            <span class="menu-drawer__menu-item-text">How to Buy</span>
                          </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>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-how-to-buy-bespoke-arcades-buyers-guide"
                                  href="/pages/about-us"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Bespoke Arcades Buyers Guide</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-how-to-buy-play-media-or-elite"
                                  href="/pages/play-media-elite"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Play, Media or Elite</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-how-to-buy-customise"
                                  href="/pages/options-2025"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Customise</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-how-to-buy-games-list"
                                  href="/pages/retro-arcade-games"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Games List</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-how-to-buy-where-to-buy"
                                  href="/pages/where-to-buy"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text">Where to Buy</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 6;"
              ><a
                    id="HeaderDrawer-projects"
                    href="/pages/past-projects"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text">Projects</span>
                  </a></li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 6;"
      >
        
        
          


  <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 link--text focus-inset"
        aria-expanded="false"
        on:click="header-drawer/open"
        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 link--text"><span
                  class="icon-flag"
                  style="
                    background-image: url(//cdn.shopify.com/static/images/flags/gb.svg?width=32);
                    --size-shadow: 2px;
                    --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
                  "
                ></span><span class="currency-code">GBP</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 gradient motion-reduce color-scheme-1"
        style=""
      >
        <div
          class="menu-drawer__nav-buttons"
          ref="navButtons"
        >
          <button
            class="button menu-drawer__back-button link link--text 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 motion-reduce">
              <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-AUFpOVlRmcVdtNVhWW__header-menu-1"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list country-selector__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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="GB"
          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>

  





            
        
      
        
          
              
  <search-button class="search-action desktop:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Open search"
    >
      <span
        aria-hidden="true"
        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>




            
        
      
        
          
              



    <header-menu
      ref="headerMenu"
      class="header-menu mobile:hidden"
      data-animation-delay="200"
      
      style="--submenu-animation-speed: 200ms;"
    >
      <div class="header-menu__inner">



<nav header-menu>
  <div
    class="menu-list"
    style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --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-matches-parent"
  
  
    minimum-items="2"
  
  
    defer
  
>
  <template shadowrootmode="open">
    <link href="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/overflow-list.css?v=168694168152117541881761767564" 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="/pages/overview-arcade-machine-bespoke-arcades"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Overview</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="/collections/commercial-arcade-jamma-cabinet-machines"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Commercial</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="/collections/virtual-pinball"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Virtual Pinball</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="/collections"
        data-skip-node-update="true"
        class="menu-list__link"aria-controls="submenu-4"
          aria-haspopup="true"
          aria-expanded="false"ref="menuitem"
      >
        <span class="menu-list__link-title">Collections</span>
      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
          <div
            id="submenu-4"
            class="menu-list__submenu-inner"
            style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:
var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:
none;

    --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-secondary--family); --menu-child-font-style:
var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
          >
            
            <div class="mega-menu section section--full-width-margin section--page-width">
  <div
    class="mega-menu__grid"
    data-menu-grid-id="MegaMenuList-4"
  >
    
<ul
  data-menu-list-id="MegaMenuList-4"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/all-arcade-machine-cabinets"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Multi Game Arcade Machines</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/overview-arcade-machine-bespoke-arcades"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Arcade Machines Overview</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/stand-up"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Stand-Up Arcade Machines</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/sit-down"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Sit-Down Arcade Machines</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/cocktail-arcade-machine-cabinets"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Cocktail Arcade Machines</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/coffee-table"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Coffee Table Arcade Machines</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/modern"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Modern Arcade Cabinets</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/4-player"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >4 Player Arcade Machines</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="https://bespoke-arcades.co.uk/products/25-apex-arcade-machine"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Driving Arcade Machine</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="https://bespoke-arcades.co.uk/products/25-gun-cab-lightgun-arcade-machine"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Light Gun Arcade Machine</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/bespoke-arcades"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span
          class="mega-menu__link-title"
        >Bespoke Arcade Machines</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/pages/why-choose-bespoke-arcades"
                class="mega-menu__link"
              >
                <span class="mega-menu__link-title">Why Choose Bespoke Arcades?</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/bespoke-arcades"
                class="mega-menu__link"
              >
                <span class="mega-menu__link-title">All Bespoke Arcade Machines</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/gt"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span
          class="mega-menu__link-title"
        >GT Arcade Cabinets</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/gt"
                class="mega-menu__link"
              >
                <span class="mega-menu__link-title">All GT Arcade Machines</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/commercial-arcade-jamma-cabinet-machines"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span
          class="mega-menu__link-title"
        >Commercial Arcade Machines</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/commercial-arcade-jamma-cabinet-machines"
                class="mega-menu__link"
              >
                <span class="mega-menu__link-title">All Commercial Arcade Machines</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/virtual-pinball"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span
          class="mega-menu__link-title"
        >King-Pin Virtual Pinball Machines</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/pages/why-choose-king-pin"
                class="mega-menu__link"
              >
                <span class="mega-menu__link-title">Why Choose King-Pin?</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/virtual-pinball"
                class="mega-menu__link"
              >
                <span class="mega-menu__link-title">All King-Pin Tables</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/pages/fully-custom-a-game"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Fully Custom (A-Game)</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-4"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-4"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



  </div>
</div>

          </div>
        </div></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/overview-arcade-machine-bespoke-arcades"
        data-skip-node-update="true"
        class="menu-list__link"aria-controls="submenu-5"
          aria-haspopup="true"
          aria-expanded="false"ref="menuitem"
      >
        <span class="menu-list__link-title">How to Buy</span>
      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
          <div
            id="submenu-5"
            class="menu-list__submenu-inner"
            style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:
var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:
none;

    --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-secondary--family); --menu-child-font-style:
var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
          >
            
            <div class="mega-menu section section--full-width-margin section--page-width">
  <div
    class="mega-menu__grid"
    data-menu-grid-id="MegaMenuList-5"
  >
    
<ul
  data-menu-list-id="MegaMenuList-5"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/pages/about-us"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Bespoke Arcades Buyers Guide</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/play-media-elite"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Play, Media or Elite</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/options-2025"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Customise</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/retro-arcade-games"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Games List</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/where-to-buy"
        class="mega-menu__link "
      >
        
        <span
          class="mega-menu__link-title"
        >Where to Buy</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-5"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-5"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



  </div>
</div>

          </div>
        </div></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/past-projects"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Projects</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="menuitem" class="button menu-list__link button-unstyled">
      <span class="menu-list__link-title">More</span>
    </button>
  </li>

</overflow-list>

  </div>
</nav>

      </div>

      <script
        src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/header-menu.js?v=98986771878453457241761767564"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>






            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              




<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="//bespoke-arcades.co.uk/cdn/shop/files/ba-black-logo-stacked.png?height=36&amp;v=1756904537" alt="BESPOKE ARCADES Logo" width="171" height="36" class="header-logo__image" srcset="//bespoke-arcades.co.uk/cdn/shop/files/ba-black-logo-stacked.png?height=36&amp;v=1756904537 1x, //bespoke-arcades.co.uk/cdn/shop/files/ba-black-logo-stacked.png?height=72&amp;v=1756904537 2x, //bespoke-arcades.co.uk/cdn/shop/files/ba-black-logo-stacked.png?height=108&amp;v=1756904537 3x" style="--header-logo-image-width: 171px;--header-logo-image-width-mobile: 133px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">


  </span>

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

  

  

  

  <img src="//bespoke-arcades.co.uk/cdn/shop/files/ba-logo-stacked.png?height=36&amp;v=1683132838" alt="Bespoke Arcades Logo" width="171" height="36" class="header-logo__image" srcset="//bespoke-arcades.co.uk/cdn/shop/files/ba-logo-stacked.png?height=36&amp;v=1683132838 1x, //bespoke-arcades.co.uk/cdn/shop/files/ba-logo-stacked.png?height=72&amp;v=1683132838 2x, //bespoke-arcades.co.uk/cdn/shop/files/ba-logo-stacked.png?height=108&amp;v=1683132838 3x" style="--header-logo-image-width: 171px;--header-logo-image-width-mobile: 133px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">


    </span>
  
</a>





            
        
      
    </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 link link--text"
      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: 0.875rem; "
    >
      <span class="visually-hidden">Open region and language selector</span>
      
        
          <span
            class="icon-flag"
            style="
              background-image: url(//cdn.shopify.com/static/images/flags/gb.svg?width=32);
              --size-shadow: 2px;
              --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
            "
          ></span>
        
        <span class="currency-code">GBP</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-1"
      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: 0.875rem; --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 motion-reduce">
              <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-"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list country-selector__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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</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 motion-reduce"
                  
                    hidden
                  
                >
                  GBP
                  £</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="GB"
          ref="countryInput"
        >
      </div>
    

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



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


            
        
      
        
          
              
  <search-button class="search-action mobile:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Open search"
    >
      <span
        aria-hidden="true"
        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="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/cart-icon.js?v=14733679814066288171761767564"
  fetchpriority="low"
></script>

<header-actions>
  
    <anchored-popover-component
  data-close-on-resize="true"
  class="account-popover mobile:hidden"
>
  <button
  class="account-button header-actions__action"
  aria-label="Open account menu"popovertarget="account-popover"
    popovertargetaction="toggle"ref="trigger"
  
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



  <div
    class="account-popover__panel details-content color-scheme-1"
    id="account-popover"
    popover="auto"
    ref="popover"
  >
    <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <span class="account-actions__title h5">
        
          Account
        
      </span>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/account-login-actions.js?v=132624473766457443991761767564"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//bespoke-arcades.co.uk/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//bespoke-arcades.co.uk/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://bespoke-arcades.co.uk/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full"
          class="account-actions__link button"
          
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
            
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



  </div>
</anchored-popover-component>



    <script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/dialog.js?v=94382931671780430451761767564"
  type="module"
></script>

<dialog-component
  class="account-drawer"
  
>
  <button
  class="account-button header-actions__action"
  aria-label="Open account menu"ref="trigger"
  on:click="/showDialog"
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



  <dialog
    ref="dialog"
    class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button account-drawer__close-button"
      aria-label="Close dialog"
    >
      <span
        class="svg-wrapper"
        aria-hidden="true"
      ><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 class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <span class="account-actions__title h5">
        
          Account
        
      </span>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/account-login-actions.js?v=132624473766457443991761767564"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//bespoke-arcades.co.uk/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//bespoke-arcades.co.uk/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://bespoke-arcades.co.uk/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full"
          class="account-actions__link button"
          
            autofocus
          
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
            
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



  </dialog>
</dialog-component>



  

  
    <a
      href="/cart"
      class="header-actions__action action__cart"
      aria-label="Cart Total items in cart: 0"
    >
      <cart-icon
  class="
    header-actions__cart-icon
    
  "
  data-testid="cart-icon"
>
  <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"
    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>



    </a>
  
</header-actions>



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

    

    
    
  

  
</header-component>

<script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/header.js?v=78043468934677320351761767564"
  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--25797520654709__header_section', url);
  </script>



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

    <script
      src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/critical.js?v=169402557219780209121761767564"
      type="module"
      async
      blocking="render"
    ></script>

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







<div
  id="Hero-template--25797525537141__hero_irjTFL"
  class="hero color-scheme-6"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-small);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));"
  ><div
      class="hero__media-wrapper"
      style="--hero-media-count: 1;--hero-media-aspect-ratio: 2.075187969924812;"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #0000009e;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to bottom;"
></div>



      

    <img src="//bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg?v=1642424873&amp;width=3840" alt="Apex Arcade machines at Stereo Arcade-Dubai" srcset="//bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg?v=1642424873&amp;width=832 832w, //bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg?v=1642424873&amp;width=1200 1200w, //bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg?v=1642424873&amp;width=1600 1600w, //bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg?v=1642424873&amp;width=1920 1920w, //bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg?v=1642424873&amp;width=2560 2560w, //bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg?v=1642424873&amp;width=3840 3840w" width="1380" height="665" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" style="object-position:16.1924% 73.7064%;">

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

--gap: max(24px, calc(var(--gap-scale, 1.0) * 96px));

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

<div>
  
<div class="new-hero-text-content">
  <h1 class="new-hero-text-content__title">
    <span class="new-hero-text-content__title-desktop">Premium UK Arcade Machines - Custom Built Since 2004</span>
    <span class="new-hero-text-content__title-mobile">Premium UK Arcade Machines - Custom Built Since 2004</span>
  </h1>
  <p class="new-hero-text-content__subtitle">★ 4.9/5 | 3,500+ Delivered | UK Made | Free Ship</p>
  <div class="new-hero-text-content__buttons">
    <a href="mailto:info@bespoke-arcades.co.uk" class="new-hero-text-content__btn">
      <span class="new-hero-text-content__btn-desktop">Get Free Quote</span>
      <span class="new-hero-text-content__btn-mobile">Get Quote</span>
    </a>
    <a href="https://bespoke-arcades.co.uk/collections/all-arcade-machine-cabinets" class="new-hero-text-content__btn">
      <span class="new-hero-text-content__btn-desktop">All machines</span>
      <span class="new-hero-text-content__btn-mobile">Browse</span>
    </a>
  </div>
  <div class="new-hero-text-content__scroll-indicator">
    <span class="new-hero-text-content__scroll-arrow"></span>
  </div>
</div>
<div class="new-hero-text-content__trust-bar">
  <p class="new-hero-text-content__trust-text">★ 4.8/5 | 3,500+ | UK Made | Free Ship</p>
</div>
<style>
  .new-hero-text-content {
    text-align: center;
    padding: 60px 20px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .new-hero-text-content__title {
    font-family: "Trirong", serif;
    font-size: 48px;
    color: #ffffff;
    margin: 0 0 16px 0;
    font-weight: 500;
    line-height: 1.2;
  }
  .new-hero-text-content__title-mobile,
  .new-hero-text-content__btn-mobile {
    display: none;
  }
  .new-hero-text-content__subtitle {
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 32px 0;
    font-weight: 400;
  }
  .new-hero-text-content__buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  .new-hero-text-content__btn {
    display: inline-block;
    padding: 14px 32px;
    background-color: #ffffff;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    transition: opacity 0.3s ease;
  }
  .new-hero-text-content__btn:hover {
    opacity: 0.85;
  }
  .new-hero-text-content__scroll-indicator {
    display: none;
  }
  .new-hero-text-content__trust-bar {
    display: none;
  }
  @media (max-width: 600px) {
    .new-hero-text-content__title {
      font-size: 32px;
    }
    .new-hero-text-content__title-desktop,
    .new-hero-text-content__btn-desktop {
      display: none;
    }
    .new-hero-text-content__title-mobile,
    .new-hero-text-content__btn-mobile {
      display: inline;
    }
    .new-hero-text-content__subtitle {
      display: none;
    }
    .new-hero-text-content__buttons {
      flex-direction: row;
      justify-content: center;
      gap: 12px;
    }
    .new-hero-text-content__btn {
      padding: 12px 24px;
      font-size: 14px;
    }
    .new-hero-text-content__scroll-indicator {
      display: flex;
      justify-content: center;
      margin-top: 32px;
    }
    .new-hero-text-content__scroll-arrow {
      width: 24px;
      height: 24px;
      border-right: 2px solid #ffffff;
      border-bottom: 2px solid #ffffff;
      transform: rotate(45deg);
      animation: new-hero-scroll-bounce 1.5s ease-in-out infinite;
    }
    @keyframes new-hero-scroll-bounce {
      0%, 100% {
        transform: rotate(45deg) translateY(0);
        opacity: 1;
      }
      50% {
        transform: rotate(45deg) translateY(8px);
        opacity: 0.5;
      }
    }
    .new-hero-text-content__trust-bar {
      display: block;
      background-color: rgb(46, 46, 46);
      padding: 12px 20px;
      width: 100%;
    }
    .new-hero-text-content__trust-text {
      color: #ffffff;
      font-size: 14px;
      margin: 0;
      text-align: center;
      font-weight: 400;
    }
  }
</style>
</div>



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




</section><div id="shopify-section-template--25797525537141__section_wwWydV" class="shopify-section section-wrapper">



<div class="section-background color-scheme-4"></div>
<div
  class="section section--page-width color-scheme-4"

  

  style="
    

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

--gap: 12px;

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

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 26px));--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

<div>
  
<div class="new-quick-intro-section">
  <div class="new-quick-intro-section__container">
    <!-- Column 1: Text Content -->
    <div class="new-quick-intro-section__col-text">
      <p class="new-quick-intro-section__intro">UK's leading custom arcade machine builder since 2004. Hand-crafted in our Hertfordshire workshop with over 20 years of manufacturing experience, we've delivered 3,500+ machines to homes, businesses and prestigious venues nationwide.</p>
      
      <!-- Desktop: Full text, no accordion -->
      <div class="new-quick-intro-section__full-content">
        <p>Every Bespoke Arcades cabinet is built to order using premium components, including genuine Happ or Sanwa joysticks and buttons - the same professional-grade parts used in commercial arcades. Our machines feature access to thousands of classic games from the golden age of gaming, with options ranging from 2,500 curated titles to extensive libraries of 35,000+ games across multiple systems.</p>
        <p>We've earned industry recognition by supplying arcade cabinets to major publishers including Capcom, Warner Bros and 2K Games for game showcases and promotional events. Our work has been featured in Selfridges and Harrods, establishing our reputation for exceptional craftsmanship.</p>
        <p>From compact tabletop models starting at £995 to luxurious sit-down cabinets, each machine is fully customisable to match your space and gaming preferences. Free UK mainland delivery included.</p>
      </div>

      <!-- Mobile: Intro with inline Read More -->
      <div class="new-quick-intro-section__mobile-intro">
        <p class="new-quick-intro-section__intro-mobile">UK's leading custom arcade machine builder since 2004. Hand-crafted in our Hertfordshire workshop with over 20 years of manufacturing experience, we've delivered 3,500+ machines to homes, businesses and prestigious venues nationwide. <label for="new-quick-intro-toggle" class="new-quick-intro-section__inline-toggle">Read More</label></p>
        <input type="checkbox" id="new-quick-intro-toggle" class="new-quick-intro-section__toggle-input">
        <div class="new-quick-intro-section__hidden-content">
          <p>Every Bespoke Arcades cabinet is built to order using premium components, including genuine Happ or Sanwa joysticks and buttons - the same professional-grade parts used in commercial arcades. Our machines feature access to thousands of classic games from the golden age of gaming, with options ranging from 2,500 curated titles to extensive libraries of 35,000+ games across multiple systems.</p>
          <p>We've earned industry recognition by supplying arcade cabinets to major publishers including Capcom, Warner Bros and 2K Games for game showcases and promotional events. Our work has been featured in Selfridges and Harrods, establishing our reputation for exceptional craftsmanship.</p>
          <p>From compact tabletop models starting at £995 to luxurious sit-down cabinets, each machine is fully customisable to match your space and gaming preferences. Free UK mainland delivery included.</p>
        </div>
      </div>
    </div>

    <!-- Column 2: Categories & CTA (Desktop) -->
    <div class="new-quick-intro-section__col-cta">
      <nav class="new-quick-intro-section__nav">
        <a href="https://bespoke-arcades.co.uk/collections/commercial-arcade-jamma-cabinet-machines" class="new-quick-intro-section__nav-link">Commercial</a>
        <a href="https://bespoke-arcades.co.uk/collections/stand-up" class="new-quick-intro-section__nav-link">Stand-Up Models</a>
        <a href="https://bespoke-arcades.co.uk/collections/coffee-table" class="new-quick-intro-section__nav-link">Coffee Table</a>
        <a href="https://bespoke-arcades.co.uk/collections/modern" class="new-quick-intro-section__nav-link">Modern</a>
        <a href="https://bespoke-arcades.co.uk/collections/cocktail-arcade-machine-cabinets" class="new-quick-intro-section__nav-link">Cocktail</a>
      </nav>
      <div class="new-quick-intro-section__cta-block">
        <a href="mailto:info@bespoke-arcades.co.uk" class="new-quick-intro-section__btn">Get Free Quote</a>
        <a href="tel:+442079359005" class="new-quick-intro-section__phone">+44 (0) 207 935 9005</a>
      </div>
    </div>
  </div>
</div>

<style>
  .new-quick-intro-section {
    padding: 60px 20px;
    background-color: rgb(46, 46, 46);
  }
  .new-quick-intro-section__container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    gap: 80px;
    align-items: center;
  }
  .new-quick-intro-section__col-text {
    flex: 1.6;
  }
  .new-quick-intro-section__col-cta {
    flex: 1;
    padding: 32px 32px 32px 40px;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .new-quick-intro-section__intro {
    font-size: 18px;
    line-height: 1.7;
    color: #ffffff;
    margin: 0 0 20px 0;
  }
  .new-quick-intro-section__full-content {
    display: block;
  }
  .new-quick-intro-section__full-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff;
    margin: 0 0 16px 0;
  }
  .new-quick-intro-section__mobile-intro {
    display: none;
  }
  .new-quick-intro-section__toggle-input {
    display: none;
  }
  .new-quick-intro-section__inline-toggle {
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
    transition: opacity 0.3s ease;
  }
  .new-quick-intro-section__inline-toggle:hover {
    opacity: 0.7;
  }
  .new-quick-intro-section__hidden-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
  .new-quick-intro-section__hidden-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff;
    margin: 0 0 16px 0;
  }
  .new-quick-intro-section__toggle-input:checked ~ .new-quick-intro-section__hidden-content {
    max-height: 1000px;
  }
  .new-quick-intro-section__nav {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 28px;
  }
  .new-quick-intro-section__nav-link {
    display: block;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition: padding-left 0.25s ease;
  }
  .new-quick-intro-section__nav-link:hover {
    padding-left: 8px;
  }
  .new-quick-intro-section__cta-block {
    padding-top: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .new-quick-intro-section__btn {
    display: inline-block;
    padding: 14px 32px;
    background-color: #ffffff;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    transition: opacity 0.3s ease;
    min-width: 180px;
    text-align: center;
    box-sizing: border-box;
  }
  .new-quick-intro-section__btn:hover {
    opacity: 0.85;
  }
  .new-quick-intro-section__phone {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-weight: 400;
    font-style: italic;
    transition: color 0.3s ease;
  }
  .new-quick-intro-section__phone:hover {
    color: #ffffff;
  }

  /* Mobile Styles */
  @media (max-width: 768px) {
    .new-quick-intro-section {
      padding: 40px 20px;
    }
    .new-quick-intro-section__container {
      flex-direction: column;
      gap: 24px;
    }
    .new-quick-intro-section__col-cta {
      display: none;
    }
    .new-quick-intro-section__intro {
      display: none;
    }
    .new-quick-intro-section__full-content {
      display: none;
    }
    .new-quick-intro-section__mobile-intro {
      display: block;
    }
    .new-quick-intro-section__intro-mobile {
      font-size: 16px;
      line-height: 1.7;
      color: #ffffff;
      margin: 0;
    }
    .new-quick-intro-section__hidden-content p {
      font-size: 15px;
      margin-top: 16px;
    }
  }
</style>
</div>




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





</div><div id="shopify-section-template--25797525537141__section_yihger" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"

  

  style="
    

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

--gap: 12px;

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

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

<div>
  
<div class="new-category-nav">
  <div class="new-category-nav__container">
    <!-- Desktop: Horizontal -->
    <nav class="new-category-nav__desktop">
      <a href="https://bespoke-arcades.co.uk/collections/commercial-arcade-jamma-cabinet-machines" class="new-category-nav__link">Commercial</a>
      <a href="https://bespoke-arcades.co.uk/collections/stand-up" class="new-category-nav__link">Stand-Up</a>
      <a href="https://bespoke-arcades.co.uk/collections/coffee-table" class="new-category-nav__link">Coffee Table</a>
      <a href="https://bespoke-arcades.co.uk/collections/modern" class="new-category-nav__link">Modern</a>
      <a href="https://bespoke-arcades.co.uk/collections/cocktail-arcade-machine-cabinets" class="new-category-nav__link">Cocktail</a>
      <a href="https://bespoke-arcades.co.uk/collections/all-arcade-machine-cabinets" class="new-category-nav__link">All Machines</a>
    </nav>

    <!-- Mobile: 2 rows grid -->
    <nav class="new-category-nav__mobile">
      <a href="https://bespoke-arcades.co.uk/collections/commercial-arcade-jamma-cabinet-machines" class="new-category-nav__btn">Commercial</a>
      <a href="https://bespoke-arcades.co.uk/collections/stand-up" class="new-category-nav__btn">Stand</a>
      <a href="https://bespoke-arcades.co.uk/collections/coffee-table" class="new-category-nav__btn">Coffee Table</a>
      <a href="https://bespoke-arcades.co.uk/collections/modern" class="new-category-nav__btn">Modern</a>
      <a href="https://bespoke-arcades.co.uk/collections/cocktail-arcade-machine-cabinets" class="new-category-nav__btn">Cocktail</a>
      <a href="https://bespoke-arcades.co.uk/collections/all-arcade-machine-cabinets" class="new-category-nav__btn">All Machines</a>
    </nav>
  </div>
</div>

<style>
  .new-category-nav {
    padding: 40px 20px;
    background-color: transparent;
  }
  .new-category-nav__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  .new-category-nav__desktop {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
  }
  .new-category-nav__link {
    display: block;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    text-decoration: none;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    transition: all 0.25s ease;
  }
  .new-category-nav__link:hover {
    background-color: #1a1a1a;
    color: #ffffff;
    border-color: #1a1a1a;
  }
  .new-category-nav__mobile {
    display: none;
  }

  /* Mobile Styles */
  @media (max-width: 768px) {
    .new-category-nav {
      padding: 32px 20px;
    }
    .new-category-nav__container {
      width: 100%;
      max-width: 428px;
      margin: 0 auto;
      box-sizing: border-box;
    }
    .new-category-nav__desktop {
      display: none;
    }
    .new-category-nav__mobile {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      width: 100%;
    }
    .new-category-nav__btn {
      display: block;
      padding: 14px 8px;
      font-size: 14px;
      font-weight: 500;
      color: #1a1a1a;
      text-decoration: none;
      text-align: center;
      background-color: #f5f5f5;
      border: 1px solid #e0e0e0;
      transition: all 0.25s ease;
      width: 100%;
      min-width: 120px;
    }
    .new-category-nav__btn:hover {
      background-color: #1a1a1a;
      color: #ffffff;
      border-color: #1a1a1a;
    }
  }
</style>
</div>




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





</div><div id="shopify-section-template--25797525537141__section_6wrcwr" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

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

--gap: 12px;

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

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

<div>
  

<div class="featured-machines-section">
  <div class="featured-machines-section__container">
    <!-- Desktop Title -->
    <h2 class="featured-machines-section__desktop-title">Premium UK Arcade Machines - Choose Your Perfect Cabinet</h2>
    <p class="featured-machines-section__desktop-subtitle">Hand-built arcade machines manufactured in our UK workshop since 2004. Every cabinet features genuine arcade components, CE certification, and comprehensive 12-month warranty. Choose from compact stand-up models to luxury sit-down cabinets.</p>
    
    <!-- Desktop Layout - 4 Column Cards -->
    <div class="featured-machines-section__desktop-layout">
      <h3 style="font-size: 24px; text-align: center; margin: 40px 0 30px; color: #2c3e50;">
        Premium Arcade Game Machines - Hand-Built in UK Since 2004
      </h3>
      <div class="featured-machines-section__grid">
        <!-- Apex Cabinet Card -->
        <div class="featured-machines-section__card">
          <div class="featured-machines-section__card-header" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/white-oak-apex.jpg');">
          </div>
          <div class="featured-machines-section__card-info">
            <p class="featured-machines-section__card-name">Apex</p>
            <p class="featured-machines-section__card-tagline">Classic Compact Cabinet</p>
            <p class="featured-machines-section__card-price">From £1,995</p>
          </div>
          <div class="featured-machines-section__card-content">
            <p class="featured-machines-section__card-description">Award-winning compact 20" square-screen 2-player upright arcade machine. Perfect for homes and offices where space is limited. Authentic 4:3 aspect ratio for classic arcade gaming.</p>
            <ul class="featured-machines-section__card-features">
              <li>20" Square Screen (4:3 Ratio)</li>
              <li>2-Player Control Panel</li>
              <li>Light Gun Compatible</li>
              <li>Fits Anywhere - 56cm Wide</li>
              <li>165cm Height × 64cm Depth</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/25-apex-arcade-machine" class="featured-machines-section__card-button">View Apex Models →</a>
          </div>
        </div>
        
        <!-- Evo Cabinet Card -->
        <div class="featured-machines-section__card">
          <div class="featured-machines-section__card-header" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/capcom-home-arcade-evo.jpg');">
          </div>
          <div class="featured-machines-section__card-info">
            <p class="featured-machines-section__card-name">Evo</p>
            <p class="featured-machines-section__card-tagline">Modern Widescreen Cabinet</p>
            <p class="featured-machines-section__card-price">From £2,595</p>
          </div>
          <div class="featured-machines-section__card-content">
            <p class="featured-machines-section__card-description">Premium 28" widescreen upright arcade machine where classic meets modern. Perfect for both retro arcade titles and contemporary gaming. Used by Capcom for game demonstrations.</p>
            <ul class="featured-machines-section__card-features">
              <li>28" Widescreen Display</li>
              <li>Supports Trackball & Spinner</li>
              <li>Light Gun Compatible</li>
              <li>4-Player Panel Available</li>
              <li>174cm Height × 71cm Width</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/25-evo-arcade-machine" class="featured-machines-section__card-button">View Evo Models →</a>
          </div>
        </div>
        
        <!-- Nu-Gen Cabinet Card -->
        <div class="featured-machines-section__card">
          <div class="featured-machines-section__card-header" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/injustice-2-black-nugen.jpg');">
          </div>
          <div class="featured-machines-section__card-info">
            <p class="featured-machines-section__card-name">Nu-Gen</p>
            <p class="featured-machines-section__card-tagline">Luxury Sit-Down Cabinet</p>
            <p class="featured-machines-section__card-price">From £3,795</p>
          </div>
          <div class="featured-machines-section__card-content">
            <p class="featured-machines-section__card-description">Flagship Japanese-style 32" widescreen sit-down arcade machine with elegant curves. Perfect for 4-player gaming with massive control panel. Tournament-grade quality.</p>
            <ul class="featured-machines-section__card-features">
              <li>Massive 32" 4K Display</li>
              <li>2-Player & 4-Player Options</li>
              <li>95cm Control Panel Width</li>
              <li>Used in MK Tournaments</li>
              <li>155cm Height × 96cm Width</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/25-nu-gen-arcade-machine" class="featured-machines-section__card-button">View Nu-Gen Models →</a>
          </div>
        </div>
        
        <!-- GT Range Card -->
        <div class="featured-machines-section__card">
          <div class="featured-machines-section__card-header" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/GT-Table-04.jpg');">
          </div>
          <div class="featured-machines-section__card-info">
            <p class="featured-machines-section__card-name">GT Range</p>
            <p class="featured-machines-section__card-tagline">Budget-Friendly Cabinets</p>
            <p class="featured-machines-section__card-price">From £995</p>
          </div>
          <div class="featured-machines-section__card-content">
            <p class="featured-machines-section__card-description">Premium arcade machines at exceptional value. Hand-built in UK with quality components. Available in stand-up, coffee table, and cocktail formats with screen sizes up to 43 inches.</p>
            <ul class="featured-machines-section__card-features">
              <li>Multiple Size Options (19"-43")</li>
              <li>Stand-Up & Tabletop Styles</li>
              <li>15,000+ Classic Games</li>
              <li>UK Manufacturing Quality</li>
              <li>CE Certified & Warranted</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/gt-60-tabletop-arcade-machine" class="featured-machines-section__card-button">View GT Range →</a>
          </div>
        </div>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="featured-machines-section__mobile">
      <div class="featured-machines-section__accordion">
        <div class="featured-machines-section__accordion-top">
          <div class="featured-machines-section__accordion-header">
            <span>Featured Arcade Machines</span>
            <svg class="featured-machines-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <div class="featured-machines-section__mobile-subtitle">
            <p>Apex, Evo, Nu-Gen, GT Range</p>
          </div>
        </div>
        
        <div class="featured-machines-section__accordion-border"></div>
        
        <div class="featured-machines-section__accordion-content">
          <!-- Apex -->
          <div class="featured-machines-section__mobile-item">
            <div class="featured-machines-section__mobile-image" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/white-oak-apex.jpg');"></div>
            <div class="featured-machines-section__mobile-header">
              <p class="featured-machines-section__mobile-name">Apex</p>
              <p class="featured-machines-section__mobile-tagline">Classic Compact Cabinet</p>
              <p class="featured-machines-section__mobile-price">From £1,995</p>
            </div>
            <p class="featured-machines-section__mobile-description">Award-winning compact 20" square-screen 2-player upright arcade machine. Perfect for homes and offices where space is limited. Authentic 4:3 aspect ratio for classic arcade gaming.</p>
            <ul class="featured-machines-section__mobile-features">
              <li>20" Square Screen (4:3 Ratio)</li>
              <li>2-Player Control Panel</li>
              <li>Light Gun Compatible</li>
              <li>Fits Anywhere - 56cm Wide</li>
              <li>165cm Height × 64cm Depth</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/25-apex-arcade-machine" class="featured-machines-section__mobile-button">View Apex Models →</a>
          </div>
          
          <!-- Evo -->
          <div class="featured-machines-section__mobile-item">
            <div class="featured-machines-section__mobile-image" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/capcom-home-arcade-evo.jpg');"></div>
            <div class="featured-machines-section__mobile-header">
              <p class="featured-machines-section__mobile-name">Evo</p>
              <p class="featured-machines-section__mobile-tagline">Modern Widescreen Cabinet</p>
              <p class="featured-machines-section__mobile-price">From £2,595</p>
            </div>
            <p class="featured-machines-section__mobile-description">Premium 28" widescreen upright arcade machine where classic meets modern. Perfect for both retro arcade titles and contemporary gaming. Used by Capcom for game demonstrations.</p>
            <ul class="featured-machines-section__mobile-features">
              <li>28" Widescreen Display</li>
              <li>Supports Trackball & Spinner</li>
              <li>Light Gun Compatible</li>
              <li>4-Player Panel Available</li>
              <li>174cm Height × 71cm Width</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/25-evo-arcade-machine" class="featured-machines-section__mobile-button">View Evo Models →</a>
          </div>
          
          <!-- Nu-Gen -->
          <div class="featured-machines-section__mobile-item">
            <div class="featured-machines-section__mobile-image" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/injustice-2-black-nugen.jpg');"></div>
            <div class="featured-machines-section__mobile-header">
              <p class="featured-machines-section__mobile-name">Nu-Gen</p>
              <p class="featured-machines-section__mobile-tagline">Luxury Sit-Down Cabinet</p>
              <p class="featured-machines-section__mobile-price">From £3,795</p>
            </div>
            <p class="featured-machines-section__mobile-description">Flagship Japanese-style 32" widescreen sit-down arcade machine with elegant curves. Perfect for 4-player gaming with massive control panel. Tournament-grade quality.</p>
            <ul class="featured-machines-section__mobile-features">
              <li>Massive 32" 4K Display</li>
              <li>2-Player & 4-Player Options</li>
              <li>95cm Control Panel Width</li>
              <li>Used in MK Tournaments</li>
              <li>155cm Height × 96cm Width</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/25-nu-gen-arcade-machine" class="featured-machines-section__mobile-button">View Nu-Gen Models →</a>
          </div>
          
          <!-- GT Range -->
          <div class="featured-machines-section__mobile-item">
            <div class="featured-machines-section__mobile-image" style="background-image: url('//bespoke-arcades.co.uk/cdn/shop/products/GT-Table-04.jpg');"></div>
            <div class="featured-machines-section__mobile-header">
              <p class="featured-machines-section__mobile-name">GT Range</p>
              <p class="featured-machines-section__mobile-tagline">Budget-Friendly Cabinets</p>
              <p class="featured-machines-section__mobile-price">From £995</p>
            </div>
            <p class="featured-machines-section__mobile-description">Premium arcade machines at exceptional value. Hand-built in UK with quality components. Available in stand-up, coffee table, and cocktail formats with screen sizes up to 43 inches.</p>
            <ul class="featured-machines-section__mobile-features">
              <li>Multiple Size Options (19"-43")</li>
              <li>Stand-Up & Tabletop Styles</li>
              <li>15,000+ Classic Games</li>
              <li>UK Manufacturing Quality</li>
              <li>CE Certified & Warranted</li>
            </ul>
            <a href="https://bespoke-arcades.co.uk/products/gt-60-tabletop-arcade-machine" class="featured-machines-section__mobile-button">View GT Range →</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .featured-machines-section {
    padding: 60px 20px;
    background-color: transparent;
  }
  
  .featured-machines-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop Title */
  .featured-machines-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 1.2;
    display: none;
  }
  
  .featured-machines-section__desktop-subtitle {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 50px;
    display: none;
  }
  
  /* Desktop Layout - 4 Column Grid */
  .featured-machines-section__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
  
  .featured-machines-section__card {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .featured-machines-section__card-header {
    position: relative;
    padding: 0;
    text-align: center;
    height: 220px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
  }
  
  .featured-machines-section__card-info {
    padding: 20px 25px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
  }
  
  .featured-machines-section__card-name {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px 0;
  }
  
  .featured-machines-section__card-tagline {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px 0;
  }
  
  .featured-machines-section__card-price {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
  }
  
  .featured-machines-section__card-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  
  .featured-machines-section__card-description {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    margin: 0 0 20px 0;
  }
  
  .featured-machines-section__card-features {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    flex: 1;
  }
  
  .featured-machines-section__card-features li {
    font-size: 14px;
    color: #555;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding-left: 24px;
  }
  
  .featured-machines-section__card-features li:last-child {
    border-bottom: none;
  }
  
  .featured-machines-section__card-features li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #1a1a1a;
    font-weight: 600;
  }
  
  .featured-machines-section__card-button {
    display: block;
    text-align: center;
    padding: 14px 20px;
    background: #1a1a1a;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
    transition: background-color 0.3s ease;
  }
  
  .featured-machines-section__card-button:hover {
    background: #333;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .featured-machines-section__mobile {
    display: none;
  }
  
  /* Show titles on desktop */
  @media (min-width: 769px) {
    .featured-machines-section__desktop-title,
    .featured-machines-section__desktop-subtitle {
      display: block;
    }
  }
  
  /* Mobile Accordion Styles */
  @media (max-width: 768px) {
    .featured-machines-section {
      padding: 0 16px;
    }
    
    .featured-machines-section__desktop-layout {
      display: none;
    }
    
    .featured-machines-section__mobile {
      display: block;
      margin: 0;
    }
    
    .featured-machines-section__accordion {
      display: block;
      margin: 0;
    }
    
    .featured-machines-section__accordion-top {
      cursor: pointer;
    }
    
    .featured-machines-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .featured-machines-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .featured-machines-section__accordion.active .featured-machines-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    .featured-machines-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .featured-machines-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    .featured-machines-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .featured-machines-section__accordion.active .featured-machines-section__accordion-border {
      opacity: 0.7;
    }
    
    .featured-machines-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .featured-machines-section__accordion.active .featured-machines-section__accordion-content {
      max-height: 8000px;
      padding-top: 16px;
    }
    
    .featured-machines-section__mobile-item {
      margin-bottom: 24px;
      padding-bottom: 24px;
      border-bottom: 1px solid #e0e0e0;
    }
    
    .featured-machines-section__mobile-item:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
    }
    
    .featured-machines-section__mobile-image {
      width: 100%;
      height: 180px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-color: #ffffff;
      border-radius: 8px;
      margin-bottom: 16px;
    }
    
    .featured-machines-section__mobile-header {
      margin-bottom: 12px;
    }
    
    .featured-machines-section__mobile-name {
      font-size: 20px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 4px 0;
    }
    
    .featured-machines-section__mobile-tagline {
      font-size: 14px;
      color: #666;
      margin: 0 0 8px 0;
    }
    
    .featured-machines-section__mobile-price {
      font-size: 18px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0;
    }
    
    .featured-machines-section__mobile-description {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0 0 16px 0;
    }
    
    .featured-machines-section__mobile-features {
      list-style: none;
      padding: 0;
      margin: 0 0 16px 0;
    }
    
    .featured-machines-section__mobile-features li {
      font-size: 14px;
      color: #555;
      padding: 8px 0;
      border-bottom: 1px solid #f0f0f0;
      position: relative;
      padding-left: 20px;
    }
    
    .featured-machines-section__mobile-features li:last-child {
      border-bottom: none;
    }
    
    .featured-machines-section__mobile-features li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: #1a1a1a;
      font-weight: 600;
    }
    
    .featured-machines-section__mobile-button {
      display: block;
      text-align: center;
      padding: 12px 20px;
      background: #1a1a1a;
      color: white;
      text-decoration: none;
      border-radius: 5px;
      font-weight: 600;
      font-size: 14px;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1200px) {
    .featured-machines-section__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const accordionTop = document.querySelector('.featured-machines-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      const accordion = this.closest('.featured-machines-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




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





</div><div id="shopify-section-template--25797525537141__section_Lj3FxP" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

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

--gap: 12px;

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

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

<div>
  

<div class="why-choose-uk-section">
  <div class="why-choose-uk-section__container">
    
    <!-- DESKTOP VERSION -->
    <div class="why-choose-uk-section__desktop">
      <!-- First Section: Why Choose -->
      <div class="why-choose-uk-section__first">
        <h2 class="why-choose-uk-section__heading">Why Choose the UK's Premier Arcade Machine Manufacturer</h2>
        <div class="why-choose-uk-section__grid">
          <div class="why-choose-uk-section__item">
            <p class="why-choose-uk-section__title">🏭 British Manufacturing Since 2004</p>
            <p>Every cabinet is hand-built in our Hertfordshire workshop using authentic Sanwa components. Not imports rebranded — genuine UK manufacturing with full traceability. CE marked and LVD certified to British safety standards.</p>
          </div>
          <div class="why-choose-uk-section__item">
            <p class="why-choose-uk-section__title">🏆 Industry Recognition</p>
            <p>Exclusive supplier to Capcom, Warner Bros, and 2K Games. Featured in Harrods, Selfridges, and Liberty London. Over 3,500 machines have been delivered to homes and businesses across the UK since 2004.</p>
          </div>
          <div class="why-choose-uk-section__item">
            <p class="why-choose-uk-section__title">⭐ 4.9/5 Customer Rating</p>
            <p>500+ verified reviews from satisfied customers. 20+ years of combined experience in arcade manufacturing. Comprehensive 12-month warranty with lifetime UK-based technical support included.</p>
          </div>
        </div>
      </div>
      
      <!-- Second Section: Comparison Table -->
      <div class="why-choose-uk-section__second">
        <h2 class="why-choose-uk-section__heading">UK Made vs Imported Arcade Machines</h2>
        <table class="why-choose-uk-section__table">
          <thead>
            <tr>
              <th>Feature</th>
              <th>Our UK Machines</th>
              <th>Imported Machines</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>Components</strong></td>
              <td>Genuine Sanwa (Japan)</td>
              <td>Generic copies</td>
            </tr>
            <tr>
              <td><strong>Build Quality</strong></td>
              <td>18mm UK plywood</td>
              <td>12mm MDF/particle board</td>
            </tr>
            <tr>
              <td><strong>Warranty</strong></td>
              <td>12 months comprehensive</td>
              <td>3-6 months limited</td>
            </tr>
            <tr>
              <td><strong>Support</strong></td>
              <td>UK phone &amp; email (lifetime)</td>
              <td>Email only (limited)</td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- Third Section: Buy Direct (NEW) -->
      <div class="why-choose-uk-section__third">
        <h2 class="why-choose-uk-section__heading">Buy Arcade Machines Direct from UK Manufacturer</h2>
        <p class="why-choose-uk-section__intro">Looking to <strong>buy arcade machines</strong> for your home or business? All our cabinets are available for immediate purchase with free UK delivery. No imports, no middlemen &mdash; buy directly from Britain's leading arcade machine manufacturer since 2004.</p>
        
        <div class="why-choose-uk-section__features-grid">
          <div class="why-choose-uk-section__feature">
            <div class="why-choose-uk-section__feature-icon">✓</div>
            <h3 class="why-choose-uk-section__feature-title">Buy with Confidence</h3>
            <p class="why-choose-uk-section__feature-text">12-month comprehensive warranty on all machines</p>
          </div>
          <div class="why-choose-uk-section__feature">
            <div class="why-choose-uk-section__feature-icon">🚚</div>
            <h3 class="why-choose-uk-section__feature-title">Free UK Delivery</h3>
            <p class="why-choose-uk-section__feature-text">Across mainland UK (value £150 included)</p>
          </div>
          <div class="why-choose-uk-section__feature">
            <div class="why-choose-uk-section__feature-icon">💳</div>
            <h3 class="why-choose-uk-section__feature-title">Secure Payment</h3>
            <p class="why-choose-uk-section__feature-text">Multiple payment options, fully encrypted</p>
          </div>
          <div class="why-choose-uk-section__feature">
            <div class="why-choose-uk-section__feature-icon">⚡</div>
            <h3 class="why-choose-uk-section__feature-title">Ready to Ship</h3>
            <p class="why-choose-uk-section__feature-text">Most models available within 2-3 weeks</p>
          </div>
        </div>
        
        <div class="why-choose-uk-section__cta">
          <a href="/collections/all-arcade-machine-cabinets" class="why-choose-uk-section__cta-link">Browse All Machines For Sale &rarr;</a>
        </div>
      </div>
    </div>
    
    <!-- MOBILE VERSION - Accordions -->
    <div class="why-choose-uk-section__mobile">
      
      <!-- Accordion 1: Why Choose -->
      <div class="why-choose-uk-section__accordion" data-accordion="why-choose">
        <div class="why-choose-uk-section__accordion-top">
          <div class="why-choose-uk-section__accordion-header">
            <span>Why Choose UK's Premier Manufacturer</span>
            <svg class="why-choose-uk-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          <div class="why-choose-uk-section__mobile-subtitle">
            <p>British manufacturing, industry recognition, customer rating</p>
          </div>
        </div>
        <div class="why-choose-uk-section__accordion-border"></div>
        <div class="why-choose-uk-section__accordion-content">
          <div class="why-choose-uk-section__accordion-item">
            <p class="why-choose-uk-section__accordion-title">🏭 British Manufacturing Since 2004</p>
            <p>Every cabinet is hand-built in our Hertfordshire workshop using authentic Sanwa components. Not imports rebranded — genuine UK manufacturing with full traceability. CE marked and LVD certified to British safety standards.</p>
          </div>
          <div class="why-choose-uk-section__accordion-item">
            <p class="why-choose-uk-section__accordion-title">🏆 Industry Recognition</p>
            <p>Exclusive supplier to Capcom, Warner Bros, and 2K Games. Featured in Harrods, Selfridges, and Liberty London. Over 3,500 machines have been delivered to homes and businesses across the UK since 2004.</p>
          </div>
          <div class="why-choose-uk-section__accordion-item">
            <p class="why-choose-uk-section__accordion-title">⭐ 4.9/5 Customer Rating</p>
            <p>500+ verified reviews from satisfied customers. 20+ years of combined experience in arcade manufacturing. Comprehensive 12-month warranty with lifetime UK-based technical support included.</p>
          </div>
        </div>
      </div>
      
      <!-- Accordion 2: Comparison Table -->
      <div class="why-choose-uk-section__accordion" data-accordion="comparison">
        <div class="why-choose-uk-section__accordion-top">
          <div class="why-choose-uk-section__accordion-header">
            <span>UK Made vs Imported Machines</span>
            <svg class="why-choose-uk-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          <div class="why-choose-uk-section__mobile-subtitle">
            <p>Components, build quality, warranty, support comparison</p>
          </div>
        </div>
        <div class="why-choose-uk-section__accordion-border"></div>
        <div class="why-choose-uk-section__accordion-content">
          <div class="why-choose-uk-section__table-wrapper">
            <table class="why-choose-uk-section__table why-choose-uk-section__table--mobile">
              <thead>
                <tr>
                  <th>Feature</th>
                  <th>Our UK Machines</th>
                  <th>Imported Machines</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><strong>Components</strong></td>
                  <td>Genuine Sanwa (Japan)</td>
                  <td>Generic copies</td>
                </tr>
                <tr>
                  <td><strong>Build Quality</strong></td>
                  <td>18mm UK plywood</td>
                  <td>12mm MDF/particle board</td>
                </tr>
                <tr>
                  <td><strong>Warranty</strong></td>
                  <td>12 months comprehensive</td>
                  <td>3-6 months limited</td>
                </tr>
                <tr>
                  <td><strong>Support</strong></td>
                  <td>UK phone &amp; email (lifetime)</td>
                  <td>Email only (limited)</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>

      <!-- Accordion 3: Buy Direct (NEW) -->
      <div class="why-choose-uk-section__accordion" data-accordion="buy-direct">
        <div class="why-choose-uk-section__accordion-top">
          <div class="why-choose-uk-section__accordion-header">
            <span>Buy Arcade Machines Direct from UK Manufacturer</span>
            <svg class="why-choose-uk-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          <div class="why-choose-uk-section__mobile-subtitle">
            <p>Free UK delivery, secure payment, ready to ship</p>
          </div>
        </div>
        <div class="why-choose-uk-section__accordion-border"></div>
        <div class="why-choose-uk-section__accordion-content">
          <div class="why-choose-uk-section__accordion-item">
            <p class="why-choose-uk-section__accordion-intro">Looking to <strong>buy arcade machines</strong> for your home or business? All our cabinets are available for immediate purchase with free UK delivery. No imports, no middlemen &mdash; buy directly from Britain's leading arcade machine manufacturer since 2004.</p>
          </div>
          
          <div class="why-choose-uk-section__mobile-features">
            <div class="why-choose-uk-section__mobile-feature">
              <div class="why-choose-uk-section__mobile-feature-icon">✓</div>
              <div class="why-choose-uk-section__mobile-feature-content">
                <p class="why-choose-uk-section__mobile-feature-title">Buy with Confidence</p>
                <p class="why-choose-uk-section__mobile-feature-text">12-month comprehensive warranty on all machines</p>
              </div>
            </div>
            <div class="why-choose-uk-section__mobile-feature">
              <div class="why-choose-uk-section__mobile-feature-icon">🚚</div>
              <div class="why-choose-uk-section__mobile-feature-content">
                <p class="why-choose-uk-section__mobile-feature-title">Free UK Delivery</p>
                <p class="why-choose-uk-section__mobile-feature-text">Across mainland UK (value £150 included)</p>
              </div>
            </div>
            <div class="why-choose-uk-section__mobile-feature">
              <div class="why-choose-uk-section__mobile-feature-icon">💳</div>
              <div class="why-choose-uk-section__mobile-feature-content">
                <p class="why-choose-uk-section__mobile-feature-title">Secure Payment</p>
                <p class="why-choose-uk-section__mobile-feature-text">Multiple payment options, fully encrypted</p>
              </div>
            </div>
            <div class="why-choose-uk-section__mobile-feature">
              <div class="why-choose-uk-section__mobile-feature-icon">⚡</div>
              <div class="why-choose-uk-section__mobile-feature-content">
                <p class="why-choose-uk-section__mobile-feature-title">Ready to Ship</p>
                <p class="why-choose-uk-section__mobile-feature-text">Most models available within 2-3 weeks</p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- CTA Button - OUTSIDE accordions on mobile -->
      <div class="why-choose-uk-section__mobile-cta">
        <a href="/collections/all-arcade-machine-cabinets" class="why-choose-uk-section__mobile-cta-link">Browse All Machines For Sale &rarr;</a>
      </div>
      
    </div>
  </div>
</div>

<style>
  .why-choose-uk-section {
    padding: 40px 20px;
    background-color: transparent;
  }
  
  .why-choose-uk-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop Styles */
  .why-choose-uk-section__desktop {
    display: block;
  }
  
  .why-choose-uk-section__first {
    padding: 3rem 0;
  }
  
  .why-choose-uk-section__second {
    padding: 0.5rem 0 3rem 0;
  }

  .why-choose-uk-section__third {
    padding: 0.5rem 0 3rem 0;
  }
  
  .why-choose-uk-section__heading {
    font-size: 2rem;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0 0 2rem 0;
    line-height: 1.2;
  }

  .why-choose-uk-section__intro {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem auto;
  }

  .why-choose-uk-section__intro strong {
    color: #1a1a1a;
  }
  
  /* 3 Column Grid */
  .why-choose-uk-section__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  
  .why-choose-uk-section__item {
    display: flex;
    flex-direction: column;
  }
  
  .why-choose-uk-section__title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 16px 0;
    line-height: 1.3;
  }
  
  .why-choose-uk-section__item p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0 0 12px 0;
  }
  
  .why-choose-uk-section__item p:last-child {
    margin-bottom: 0;
  }
  
  /* Table Styles */
  .why-choose-uk-section__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5rem;
  }
  
  .why-choose-uk-section__table th,
  .why-choose-uk-section__table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
  }
  
  .why-choose-uk-section__table th {
    background-color: #f9f8f6;
    font-weight: 600;
  }
  
  .why-choose-uk-section__table tbody tr:hover {
    background-color: #f5f5f5;
  }

  /* NEW: Features Grid Styles */
  .why-choose-uk-section__features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 3rem;
  }

  .why-choose-uk-section__feature {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .why-choose-uk-section__feature-icon {
    font-size: 28px;
    margin-bottom: 16px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f8f6;
    border-radius: 50%;
  }

  .why-choose-uk-section__feature-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
  }

  .why-choose-uk-section__feature-text {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0;
  }

  /* NEW: CTA Styles */
  .why-choose-uk-section__cta {
    text-align: center;
  }

  .why-choose-uk-section__cta-link {
    display: inline-block;
    background-color: #1a1a1a;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.3s ease;
  }

  .why-choose-uk-section__cta-link:hover {
    background-color: #333;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .why-choose-uk-section__mobile {
    display: none;
  }

  /* Mobile CTA Styles - OUTSIDE accordion */
  .why-choose-uk-section__mobile-cta {
    display: none;
  }
  
  /* Desktop font size increase for 3 columns */
  @media (min-width: 769px) {
    .why-choose-uk-section__title {
      font-size: 20px; /* Increased from 18px */
      margin: 0 0 18px 0; /* Slightly more spacing */
    }
    
    .why-choose-uk-section__item p {
      font-size: 16px; /* Increased from 14px */
      line-height: 1.7; /* Slightly more line height for readability */
    }

    .why-choose-uk-section__feature-title {
      font-size: 20px; /* Increased from 18px */
    }

    .why-choose-uk-section__feature-text {
      font-size: 16px; /* Increased from 14px */
    }

    .why-choose-uk-section__intro {
      font-size: 18px; /* Increased from 16px */
    }
    
    /* Optional: Increase heading size as well for consistency */
    .why-choose-uk-section__heading {
      font-size: 2.25rem; /* Increased from 2rem */
    }
  }
  
  /* Mobile Accordion Styles - MATCHING YOUR EXAMPLE */
  @media (max-width: 768px) {
    .why-choose-uk-section {
      padding: 0 16px;
    }
    
    .why-choose-uk-section__desktop {
      display: none;
    }
    
    .why-choose-uk-section__mobile {
      display: block;
      margin: 0;
    }
    
    .why-choose-uk-section__accordion {
      display: block;
      margin: 0 0 16px 0;
    }
    
    .why-choose-uk-section__accordion:last-child {
      margin-bottom: 24px; /* Add space before CTA button */
    }
    
    .why-choose-uk-section__accordion-top {
      cursor: pointer;
    }
    
    .why-choose-uk-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .why-choose-uk-section__accordion-icon {
      transition: transform 0.3s ease;
      flex-shrink: 0;
      margin-left: 10px;
    }
    
    .why-choose-uk-section__accordion.active .why-choose-uk-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    /* Mobile subtitle text - under title */
    .why-choose-uk-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .why-choose-uk-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    /* Dark border under the text */
    .why-choose-uk-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .why-choose-uk-section__accordion.active .why-choose-uk-section__accordion-border {
      opacity: 0.7;
    }
    
    .why-choose-uk-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .why-choose-uk-section__accordion.active .why-choose-uk-section__accordion-content {
      max-height: 4000px;
      padding-top: 12px;
    }
    
    .why-choose-uk-section__accordion-item {
      margin-bottom: 16px;
    }
    
    .why-choose-uk-section__accordion-item:last-child {
      margin-bottom: 0;
    }

    .why-choose-uk-section__accordion-intro {
      font-size: 15px;
      line-height: 1.6;
      color: #333;
      margin: 0 0 20px 0;
    }

    .why-choose-uk-section__accordion-intro strong {
      color: #1a1a1a;
    }
    
    /* MATCHING FONT SIZES FROM YOUR EXAMPLE */
    .why-choose-uk-section__accordion-title {
      font-size: 17px; /* Matching your example */
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 12px 0; /* Matching your example */
      line-height: 1.3;
    }
    
    .why-choose-uk-section__accordion-item p {
      font-size: 15px; /* Matching your example */
      line-height: 1.6; /* Matching your example */
      color: #333; /* Matching your example */
      margin: 0 0 8px 0;
    }
    
    .why-choose-uk-section__accordion-item p:last-child {
      margin-bottom: 0;
    }

    /* NEW: Mobile Features Styles */
    .why-choose-uk-section__mobile-features {
      margin: 20px 0;
    }

    .why-choose-uk-section__mobile-feature {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
    }

    .why-choose-uk-section__mobile-feature:last-child {
      margin-bottom: 0;
    }

    .why-choose-uk-section__mobile-feature-icon {
      font-size: 20px;
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f9f8f6;
      border-radius: 50%;
      margin-right: 16px;
      flex-shrink: 0;
    }

    .why-choose-uk-section__mobile-feature-content {
      flex: 1;
    }

    .why-choose-uk-section__mobile-feature-title {
      font-size: 16px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 6px 0;
      line-height: 1.3;
    }

    .why-choose-uk-section__mobile-feature-text {
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin: 0;
    }

    /* NEW: Mobile CTA Styles - OUTSIDE accordion */
    .why-choose-uk-section__mobile-cta {
      display: block;
      text-align: center;
      margin-top: 38px;
      margin-bottom: 28px;
    }

    .why-choose-uk-section__mobile-cta-link {
      display: inline-block;
      background-color: #1a1a1a;
      color: white;
      padding: 14px 28px;
      text-decoration: none;
      font-size: 15px;
      font-weight: 600;
      transition: background-color 0.3s ease;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
    }

    .why-choose-uk-section__mobile-cta-link:hover {
      background-color: #333;
    }
    
    /* Mobile Table - FIXED WIDTH ISSUE */
    .why-choose-uk-section__table-wrapper {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      width: 100%;
      margin: 0 -16px; /* Negative margin to extend scroll area */
      padding: 0 16px; /* Re-add padding for content */
    }
    
    .why-choose-uk-section__table--mobile {
      margin-top: 0;
      font-size: 13px;
      width: 100%;
      min-width: auto; /* REMOVED fixed min-width */
      max-width: 100%;
      table-layout: fixed; /* Better control over column widths */
    }
    
    .why-choose-uk-section__table--mobile th,
    .why-choose-uk-section__table--mobile td {
      padding: 0.75rem 0.5rem;
      word-wrap: break-word;
    }
    
    /* Set specific column widths for better mobile display */
    .why-choose-uk-section__table--mobile th:first-child,
    .why-choose-uk-section__table--mobile td:first-child {
      width: 25%;
    }
    
    .why-choose-uk-section__table--mobile th:nth-child(2),
    .why-choose-uk-section__table--mobile td:nth-child(2) {
      width: 35%;
    }
    
    .why-choose-uk-section__table--mobile th:nth-child(3),
    .why-choose-uk-section__table--mobile td:nth-child(3) {
      width: 40%;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1024px) {
    .why-choose-uk-section__grid {
      gap: 25px;
    }

    .why-choose-uk-section__features-grid {
      gap: 20px;
    }

    .why-choose-uk-section__feature-icon {
      height: 50px;
      width: 50px;
      font-size: 24px;
    }
    
    .why-choose-uk-section__heading {
      font-size: 2rem; /* Increased from 1.75rem */
    }
    
    .why-choose-uk-section__title {
      font-size: 19px; /* Increased from 17px */
    }

    .why-choose-uk-section__feature-title {
      font-size: 19px; /* Increased from 18px */
    }
    
    .why-choose-uk-section__item p {
      font-size: 15px; /* Increased from 13.5px */
    }

    .why-choose-uk-section__feature-text {
      font-size: 15px; /* Increased from 14px */
    }

    .why-choose-uk-section__intro {
      font-size: 17px; /* Increased from 16px */
    }
  }

  /* Large Desktop Styles */
  @media (min-width: 1441px) {
    .why-choose-uk-section__container {
      max-width: 1440px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  var accordionTops = document.querySelectorAll('.why-choose-uk-section__accordion-top');
  accordionTops.forEach(function(accordionTop) {
    accordionTop.addEventListener('click', function() {
      var accordion = this.closest('.why-choose-uk-section__accordion');
      accordion.classList.toggle('active');
    });
  });
});
</script>
</div>




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





</div><div id="shopify-section-template--25797525537141__section_cGp3R7" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"

  

  style="
    

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

--gap: 12px;

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

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

<div>
  

<div class="arcade-range-section">
  <div class="arcade-range-section__container">
    <!-- Desktop H1 Title -->
    <h2 class="arcade-range-section__desktop-title">Complete Range of Arcade Machines</h2>
    <p class="arcade-range-section__desktop-intro">Our comprehensive collection includes arcade machines for every space and budget.
From classic 2-player cabinets to modern 4-player configurations, commercial JAMMA
systems to bespoke custom builds — we manufacture the full spectrum of arcade machines.
Each cabinet is hand-built in our Hertfordshire workshop with genuine Sanwa components,
18mm British plywood and CE certification. Whether you're outfitting a games room,
commercial venue, or seeking a unique centrepiece, our arcade machines deliver
authentic gaming experiences built to last decades.</p>
    
    <!-- Desktop Layout - Two Rows -->
    <div class="arcade-range-section__desktop-layout">
      <!-- Row 1: System Editions + Image -->
      <div class="arcade-range-section__row">
        <div class="arcade-range-section__col arcade-range-section__col--content">
          <div class="arcade-range-section__section">
            <p class="arcade-range-section__main-title">Four System Editions to Match Your Needs</p>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">GT Edition</p>
              <p>The GT Edition can play over 15,000 of the best retro arcade and classic console games. With all your favourites here, you can play the likes of Pac-Man®, Space Invaders®, Street Fighter 2 CE®, Mortal Kombat®, Asteroids®, Donkey Kong®, Defender®, Galaxian®, Metal Slug®, TMNT®, NBA JAM® as well as a whole host of console classics that include all the best games from the SNES (Famicom) and Megadrive (Genesis).</p>
            </div>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Play Edition (from £995)</p>
              <p>Our most accessible option, designed for players who want authentic retro gaming without complexity. Play Edition machines feature carefully curated libraries of 2,500+ classic arcade titles, running on reliable Windows 10-based hardware. These systems are perfect for enjoying timeless games like Pac-Man, Space Invaders, Donkey Kong and Street Fighter II with genuine arcade controls.</p>
            </div>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Media Edition (from £1,495)</p>
              <p>A significant step up in power and versatility. Media series machines function as complete gaming centres with expanded processing capabilities, allowing access to 15,000+ games spanning multiple arcade systems and classic home consoles. These cabinets support additional features including light guns, trackballs and arcade spinners. The increased memory and storage open up possibilities for console emulation from systems like PlayStation, Dreamcast and Nintendo 64.</p>
            </div>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Elite Edition (from £2,995)</p>
              <p>Our top-of-the-range systems feature cutting-edge specifications. Elite cabinets provide the ultimate gaming experience with high-end processors, dedicated graphics hardware, and vast storage supporting libraries of 35,000+ titles. These machines can handle demanding emulation, including PlayStation 2, Wii and more recent arcade systems. Elite series cabinets come with both Hyperspin and LaunchBox frontends - Hyperspin offers stunning animated interfaces with authentic arcade presentation, while LaunchBox provides elegant organisation and modern usability.</p>
            </div>
          </div>
        </div>
        
        <div class="arcade-range-section__col arcade-range-section__col--image">
          <div class="arcade-range-section__image">
            <img 
              src="//bespoke-arcades.co.uk/cdn/shop/files/Apex_-_Stereo_Arcade_Photo.jpg" 
              alt="Bespoke Arcade Machine"
              loading="lazy"
              class="arcade-range-section__image-element"
            >
          </div>
        </div>
      </div>
      
      <!-- Row 2: Cabinet Styles (2 columns) -->
      <div class="arcade-range-section__row arcade-range-section__row--cabinet">
        <div class="arcade-range-section__col arcade-range-section__col--cabinet">
          <div class="arcade-range-section__section">
            <p class="arcade-range-section__main-title">Cabinet Styles for Every Space</p>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Stand-Up Cabinets</p>
              <p>Full-size arcade machines ranging from compact 22" screens (56cm wide) to spacious 44" widescreen models. Heights typically 165-174cm. Perfect for dedicated game rooms or entertainment spaces.</p>
            </div>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Tabletop Cabinets</p>
              <p>Space-saving options that sit on furniture. Available in both classic 20" square-screen and modern 28" widescreen formats. Ideal for offices, smaller rooms or temporary setups.</p>
            </div>
          </div>
        </div>
        
        <div class="arcade-range-section__col arcade-range-section__col--cabinet">
          <div class="arcade-range-section__section">
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Cocktail Tables</p>
              <p>Dual-purpose furniture combining a coffee table with arcade gaming. The screen faces upward for comfortable seated play. Popular for living rooms and social spaces.</p>
            </div>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Sit-Down Cabinets</p>
              <p>Premium Japanese-style designs with ergonomic seating. Our flagship Nu-Gen model features a 32" widescreen display and accommodates 2-4 players.</p>
            </div>
            
            <div class="arcade-range-section__subsection">
              <p class="arcade-range-section__subsection-title">Customisation Options</p>
              <p>All cabinets can be customised with your choice of finishes, graphics, controls and additional features.</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="arcade-range-section__mobile">
      <div class="arcade-range-section__accordion">
        <div class="arcade-range-section__accordion-top">
          <div class="arcade-range-section__accordion-header">
            <span>Complete Range of Arcade Machines & Arcade Game Machines</span>
            <svg class="arcade-range-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <!-- Text under title but above border -->
          <div class="arcade-range-section__mobile-subtitle">
            <p>GT/Play/Media/Elite editions, cabinet styles</p>
          </div>
        </div>
        
        <!-- Dark border under the text -->
        <div class="arcade-range-section__accordion-border"></div>
        
        <div class="arcade-range-section__accordion-content">
          <!-- Intro paragraph on mobile -->
          <div class="arcade-range-section__accordion-section">
            <p class="arcade-range-section__accordion-intro">Our comprehensive collection includes arcade game machines for every space and budget. From classic 2-player arcade game machines to modern 4-player cabinets, commercial JAMMA systems to bespoke custom builds — we manufacture the full spectrum of arcade game machines. Each cabinet is hand-built in our Hertfordshire workshop with genuine Sanwa components, 18mm British plywood, and CE certification. Whether you're outfitting a games room, commercial venue, or seeking a unique centrepiece, our arcade game machines deliver authentic gaming experiences built to last decades.</p>
          </div>

          <!-- System Editions -->
          <div class="arcade-range-section__accordion-section">
            <p class="arcade-range-section__accordion-main-title">Four System Editions to Match Your Needs</p>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">GT Edition</p>
              <p>The GT Edition can play over 15,000 of the best retro arcade and classic console games. With all your favourites here, you can play the likes of Pac-Man®, Space Invaders®, Street Fighter 2 CE®, Mortal Kombat®, Asteroids®, Donkey Kong®, Defender®, Galaxian®, Metal Slug®, TMNT®, NBA JAM® as well as a whole host of console classics that include all the best games from the SNES (Famicom) and Megadrive (Genesis).</p>
            </div>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Play Edition (from £995)</p>
              <p>Our most accessible option, designed for players who want authentic retro gaming without complexity. Play Edition machines feature carefully curated libraries of 2,500+ classic arcade titles, running on reliable Windows 10-based hardware. These systems are perfect for enjoying timeless games like Pac-Man, Space Invaders, Donkey Kong and Street Fighter II with genuine arcade controls.</p>
            </div>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Media Edition (from £1,495)</p>
              <p>A significant step up in power and versatility. Media series machines function as complete gaming centres with expanded processing capabilities, allowing access to 15,000+ games spanning multiple arcade systems and classic home consoles. These cabinets support additional features including light guns, trackballs and arcade spinners. The increased memory and storage open up possibilities for console emulation from systems like PlayStation, Dreamcast and Nintendo 64.</p>
            </div>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Elite Edition (from £2,995)</p>
              <p>Our top-of-the-range systems feature cutting-edge specifications. Elite cabinets provide the ultimate gaming experience with high-end processors, dedicated graphics hardware, and vast storage supporting libraries of 35,000+ titles. These machines can handle demanding emulation, including PlayStation 2, Wii and more recent arcade systems. Elite series cabinets come with both Hyperspin and LaunchBox frontends - Hyperspin offers stunning animated interfaces with authentic arcade presentation, while LaunchBox provides elegant organisation and modern usability.</p>
            </div>
          </div>
          
          <!-- Cabinet Styles -->
          <div class="arcade-range-section__accordion-section">
            <p class="arcade-range-section__accordion-main-title">Cabinet Styles for Every Space</p>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Stand-Up Cabinets</p>
              <p>Full-size arcade machines ranging from compact 22" screens (56cm wide) to spacious 44" widescreen models. Heights typically 165-174cm. Perfect for dedicated game rooms or entertainment spaces.</p>
            </div>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Tabletop Cabinets</p>
              <p>Space-saving options that sit on furniture. Available in both classic 20" square-screen and modern 28" widescreen formats. Ideal for offices, smaller rooms or temporary setups.</p>
            </div>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Cocktail Tables</p>
              <p>Dual-purpose furniture combining a coffee table with arcade gaming. The screen faces upward for comfortable seated play. Popular for living rooms and social spaces.</p>
            </div>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Sit-Down Cabinets</p>
              <p>Premium Japanese-style designs with ergonomic seating. Our flagship Nu-Gen model features a 32" widescreen display and accommodates 2-4 players.</p>
            </div>
            
            <div class="arcade-range-section__accordion-subsection">
              <p class="arcade-range-section__accordion-subsection-title">Customisation Options</p>
              <p>All cabinets can be customised with your choice of finishes, graphics, controls and additional features.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .arcade-range-section {
    padding: 40px 20px;
    background-color: transparent;
  }
  
  .arcade-range-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop H1 Title */
  .arcade-range-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 1.2;
    display: none;
  }

  /* Desktop Intro Paragraph */
  .arcade-range-section__desktop-intro {
    font-size: 17px;
    line-height: 1.7;
    color: #444;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    display: none;
  }
  
  /* Desktop Layout - Two Rows */
  .arcade-range-section__desktop-layout {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  
  .arcade-range-section__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
  }
  
  .arcade-range-section__row--cabinet {
    margin-top: 0;
  }
  
  .arcade-range-section__col {
    display: flex;
    flex-direction: column;
  }
  
  .arcade-range-section__col--content {
    padding-right: 20px;
  }
  
  .arcade-range-section__col--image {
    position: sticky;
    top: 40px;
    height: fit-content;
  }
  
  .arcade-range-section__col--cabinet .arcade-range-section__section {
    height: 100%;
  }
  
  .arcade-range-section__image {
    width: 100%;
    height: 100%;
  }
  
  .arcade-range-section__image-element {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    display: block;
  }
  
  /* Compact Content Styling */
  .arcade-range-section__section {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  .arcade-range-section__main-title {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 24px 0;
    line-height: 1.3;
  }
  
  .arcade-range-section__subsection {
    margin-bottom: 24px;
    flex: 1;
  }
  
  .arcade-range-section__subsection:last-child {
    margin-bottom: 0;
  }
  
  .arcade-range-section__subsection-title {
    font-size: 17px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
  }
  
  .arcade-range-section__subsection p {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    margin: 0;
  }
  
  /* Adjustments for second row cabinets */
  .arcade-range-section__row--cabinet .arcade-range-section__col:first-child {
    border-right: 1px solid #f0f0f0;
    padding-right: 40px;
  }
  
  .arcade-range-section__row--cabinet .arcade-range-section__col:last-child {
    padding-left: 40px;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .arcade-range-section__mobile {
    display: none;
  }
  
  /* Mobile Accordion Styles - COMPACT VERSION */
  @media (max-width: 768px) {
    .arcade-range-section {
      padding: 0 16px;
    }
    
    .arcade-range-section__desktop-layout {
      display: none;
    }
    
    .arcade-range-section__mobile {
      display: block;
      margin: 0;
    }
    
    .arcade-range-section__accordion {
      display: block;
      margin: 0;
    }
    
    .arcade-range-section__accordion-top {
      cursor: pointer;
    }
    
    .arcade-range-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .arcade-range-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .arcade-range-section__accordion.active .arcade-range-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    /* Mobile subtitle text - under title */
    .arcade-range-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .arcade-range-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    /* Dark border under the text */
    .arcade-range-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .arcade-range-section__accordion.active .arcade-range-section__accordion-border {
      opacity: 0.7;
    }
    
    .arcade-range-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .arcade-range-section__accordion.active .arcade-range-section__accordion-content {
      max-height: 4000px;
      padding-top: 12px;
    }
    
    .arcade-range-section__accordion-section {
      margin-bottom: 20px;
    }
    
    .arcade-range-section__accordion-section:last-child {
      margin-bottom: 0;
    }

    .arcade-range-section__accordion-intro {
      font-size: 14px;
      line-height: 1.6;
      color: #444;
      margin: 0;
    }
    
    .arcade-range-section__accordion-main-title {
      font-size: 18px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 16px 0;
      line-height: 1.3;
    }
    
    .arcade-range-section__accordion-subsection {
      margin-bottom: 16px;
    }
    
    .arcade-range-section__accordion-subsection:last-child {
      margin-bottom: 0;
    }
    
    .arcade-range-section__accordion-subsection-title {
      font-size: 16px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 8px 0;
      line-height: 1.3;
    }
    
    .arcade-range-section__accordion-subsection p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0;
    }
  }
  
  /* Show H1 and intro on desktop */
  @media (min-width: 769px) {
    .arcade-range-section__desktop-title {
      display: block;
    }
    .arcade-range-section__desktop-intro {
      display: block;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1200px) {
    .arcade-range-section__container {
      max-width: 100%;
      padding: 0 20px;
    }
    
    .arcade-range-section__row {
      gap: 30px;
    }
    
    .arcade-range-section__image-element {
      height: 550px;
    }
    
    .arcade-range-section__row--cabinet .arcade-range-section__col:first-child {
      padding-right: 30px;
    }
    
    .arcade-range-section__row--cabinet .arcade-range-section__col:last-child {
      padding-left: 30px;
    }
  }
  
  /* Large Desktop Styles */
  @media (min-width: 1441px) {
    .arcade-range-section__container {
      max-width: 1440px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Toggle accordion when clicking the top section
  const accordionTop = document.querySelector('.arcade-range-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      const accordion = this.closest('.arcade-range-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




<div>
  

<div class="manufacturing-process-section">
  <div class="manufacturing-process-section__container">
    <!-- Desktop Title -->
    <h2 class="manufacturing-process-section__desktop-title">How We Build Your Arcade Machine</h2>
    <p class="manufacturing-process-section__desktop-subtitle">Every cabinet is hand-crafted in our Hertfordshire workshop using a 5-stage process perfected over 20 years. Here's what makes our UK manufacturing different from imported arcade machines you'll find elsewhere.</p>
    
    <!-- Desktop Layout -->
    <div class="manufacturing-process-section__desktop-layout">
      
      <!-- Row 1: Stages 1 + 2 -->
      <div class="manufacturing-process-section__row">
        <div class="manufacturing-process-section__stage-card">
          <div class="manufacturing-process-section__stage-number">1</div>
          <h3 class="manufacturing-process-section__stage-title">Cabinet Construction</h3>
          <p class="manufacturing-process-section__stage-text">We cut 18mm British plywood to precise specifications using CNC routing. Each panel is reinforced at stress points — something you won't find in imported MDF cabinets that flex under use. Our corner joints use both adhesive bonding and mechanical fasteners for maximum durability. The difference is immediately noticeable: our cabinets feel solid and rigid, while imported machines often have a hollow, lightweight feel.</p>
          <div class="manufacturing-process-section__photo-slot">
            <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.58_1.jpg?v=1775564650" alt="CNC cutting 18mm British plywood for arcade cabinet" loading="lazy" width="800" height="450" />
          </div>
        </div>
        
        <div class="manufacturing-process-section__stage-card">
          <div class="manufacturing-process-section__stage-number">2</div>
          <h3 class="manufacturing-process-section__stage-title">Control Panel Assembly</h3>
          <p class="manufacturing-process-section__stage-text">Genuine Sanwa JLF joysticks and OBSF buttons or Happ Suzo joysticks and buttons are installed with custom mounting plates we fabricate in-house. We wire directly to fully programmable PCBs or bi-wire to Brook fighting boards, not the generic Chinese boards found in most imported machines. Each connection is hand-soldered and tested individually — no quick-connect terminals that loosen over time.</p>
          <div class="manufacturing-process-section__photo-slot">
            <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.58_2.jpg?v=1775564651" alt="Installing genuine Sanwa joysticks and programmable RGB buttons" loading="lazy" width="800" height="450" />
          </div>
        </div>
      </div>
      
      <!-- Row 2: Stages 3 + 4 -->
      <div class="manufacturing-process-section__row">
        <div class="manufacturing-process-section__stage-card">
          <div class="manufacturing-process-section__stage-number">3</div>
          <h3 class="manufacturing-process-section__stage-title">Monitor & Electronics Integration</h3>
          <p class="manufacturing-process-section__stage-text">Each LED display is calibrated for arcade gaming with reduced input lag. We custom-build the monitor mounting frame for your specific configuration, ensuring perfect alignment and zero screen flex. PC components are selected for fanless operation and longevity — we use commercial-grade power supplies rated for 100,000+ hours, not consumer parts that fail after 2-3 years.</p>
          <div class="manufacturing-process-section__photo-slot">
            <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.42.jpg?v=1775564653" alt="Monitor and electronics integration in arcade cabinet" loading="lazy" width="800" height="450" />
          </div>
        </div>
        
        <div class="manufacturing-process-section__stage-card">
          <div class="manufacturing-process-section__stage-number">4</div>
          <h3 class="manufacturing-process-section__stage-title">Artwork & Finishing</h3>
          <p class="manufacturing-process-section__stage-text">Custom vinyl artwork imported from Italy is applied using professional-grade materials that won't fade or peel. We wrap edges properly and use a heat gun to ensure perfect adhesion — a step many importers skip, leading to peeling corners within months. Paint finishes receive 3 coats with proper cure time between layers.</p>
          <div class="manufacturing-process-section__photo-slot">
            <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.57.jpg?v=1775564650" alt="Applying custom vinyl artwork to arcade cabinet" loading="lazy" width="800" height="450" />
          </div>
        </div>
      </div>
      
      <!-- Row 3: Stage 5 full width -->
      <div class="manufacturing-process-section__row manufacturing-process-section__row--full">
        <div class="manufacturing-process-section__stage-card manufacturing-process-section__stage-card--full">
          <div class="manufacturing-process-section__stage-number">5</div>
          <h3 class="manufacturing-process-section__stage-title">Testing & Quality Control</h3>
          <p class="manufacturing-process-section__stage-text">Every machine runs a 48-hour burn-in test playing classic games. We check for screen alignment, button responsiveness, joystick dead zones, and audio quality. Only after passing our quality checklist does a cabinet receive CE certification and get approved for delivery. This testing phase is why we can offer a 12-month warranty — we know exactly what's leaving our workshop.</p>
        </div>
      </div>
      
      <div class="manufacturing-process-section__result">
        <p><strong>The result?</strong> Arcade machines built to the same standards as the originals from the 1980s-90s, not the cost-cutting approach you'll find with imported cabinets. Visit our showroom to feel the difference yourself.</p>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="manufacturing-process-section__mobile">
      <div class="manufacturing-process-section__accordion">
        <div class="manufacturing-process-section__accordion-top">
          <div class="manufacturing-process-section__accordion-header">
            <span>How We Build Your Arcade Machine</span>
            <svg class="manufacturing-process-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <div class="manufacturing-process-section__mobile-subtitle">
            <p>5-stage UK manufacturing process</p>
          </div>
        </div>
        
        <div class="manufacturing-process-section__accordion-border"></div>
        
        <div class="manufacturing-process-section__accordion-content">
          <p class="manufacturing-process-section__mobile-intro">Every cabinet is hand-crafted in our Hertfordshire workshop using a 5-stage process perfected over 20 years. Here's what makes our UK manufacturing different from imported arcade machines you'll find elsewhere.</p>
          
          <!-- Stage 1 -->
          <div class="manufacturing-process-section__mobile-stage">
            <div class="manufacturing-process-section__mobile-stage-header">
              <span class="manufacturing-process-section__mobile-stage-num">1</span>
              <h3 class="manufacturing-process-section__mobile-stage-title">Cabinet Construction</h3>
            </div>
            <p class="manufacturing-process-section__mobile-stage-text">We cut 18mm British plywood to precise specifications using CNC routing. Each panel is reinforced at stress points — something you won't find in imported MDF cabinets that flex under use. Our corner joints use both adhesive bonding and mechanical fasteners for maximum durability. The difference is immediately noticeable: our cabinets feel solid and rigid, while imported machines often have a hollow, lightweight feel.</p>
            <div class="manufacturing-process-section__photo-slot">
              <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.58_1.jpg?v=1775564650" alt="CNC cutting 18mm British plywood for arcade cabinet" loading="lazy" width="800" height="450" />
            </div>
          </div>
          
          <!-- Stage 2 -->
          <div class="manufacturing-process-section__mobile-stage">
            <div class="manufacturing-process-section__mobile-stage-header">
              <span class="manufacturing-process-section__mobile-stage-num">2</span>
              <h3 class="manufacturing-process-section__mobile-stage-title">Control Panel Assembly</h3>
            </div>
            <p class="manufacturing-process-section__mobile-stage-text">Genuine Sanwa JLF joysticks and OBSF buttons or Happ Suzo joysticks and buttons are installed with custom mounting plates we fabricate in-house. We wire directly to fully programmable PCBs or bi-wire to Brook fighting boards, not the generic Chinese boards found in most imported machines. Each connection is hand-soldered and tested individually — no quick-connect terminals that loosen over time.</p>
            <div class="manufacturing-process-section__photo-slot">
              <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.58_2.jpg?v=1775564651" alt="Installing genuine Sanwa joysticks and programmable RGB buttons" loading="lazy" width="800" height="450" />
            </div>
          </div>
          
          <!-- Stage 3 -->
          <div class="manufacturing-process-section__mobile-stage">
            <div class="manufacturing-process-section__mobile-stage-header">
              <span class="manufacturing-process-section__mobile-stage-num">3</span>
              <h3 class="manufacturing-process-section__mobile-stage-title">Monitor & Electronics Integration</h3>
            </div>
            <p class="manufacturing-process-section__mobile-stage-text">Each LED display is calibrated for arcade gaming with reduced input lag. We custom-build the monitor mounting frame for your specific configuration, ensuring perfect alignment and zero screen flex. PC components are selected for fanless operation and longevity — we use commercial-grade power supplies rated for 100,000+ hours, not consumer parts that fail after 2-3 years.</p>
            <div class="manufacturing-process-section__photo-slot">
              <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.42.jpg?v=1775564653" alt="Monitor and electronics integration in arcade cabinet" loading="lazy" width="800" height="450" />
            </div>
          </div>
          
          <!-- Stage 4 -->
          <div class="manufacturing-process-section__mobile-stage">
            <div class="manufacturing-process-section__mobile-stage-header">
              <span class="manufacturing-process-section__mobile-stage-num">4</span>
              <h3 class="manufacturing-process-section__mobile-stage-title">Artwork & Finishing</h3>
            </div>
            <p class="manufacturing-process-section__mobile-stage-text">Custom vinyl artwork imported from Italy is applied using professional-grade materials that won't fade or peel. We wrap edges properly and use a heat gun to ensure perfect adhesion — a step many importers skip, leading to peeling corners within months. Paint finishes receive 3 coats with proper cure time between layers.</p>
            <div class="manufacturing-process-section__photo-slot">
              <img src="https://cdn.shopify.com/s/files/1/0189/5104/5220/files/WhatsApp_Image_2026-04-01_at_14.29.57.jpg?v=1775564650" alt="Applying custom vinyl artwork to arcade cabinet" loading="lazy" width="800" height="450" />
            </div>
          </div>
          
          <!-- Stage 5 -->
          <div class="manufacturing-process-section__mobile-stage">
            <div class="manufacturing-process-section__mobile-stage-header">
              <span class="manufacturing-process-section__mobile-stage-num">5</span>
              <h3 class="manufacturing-process-section__mobile-stage-title">Testing & Quality Control</h3>
            </div>
            <p class="manufacturing-process-section__mobile-stage-text">Every machine runs a 48-hour burn-in test playing classic games. We check for screen alignment, button responsiveness, joystick dead zones, and audio quality. Only after passing our quality checklist does a cabinet receive CE certification and get approved for delivery. This testing phase is why we can offer a 12-month warranty — we know exactly what's leaving our workshop.</p>
          </div>
          
          <div class="manufacturing-process-section__mobile-result">
            <p><strong>The result?</strong> Arcade machines built to the same standards as the originals from the 1980s-90s, not the cost-cutting approach you'll find with imported cabinets. Visit our showroom to feel the difference yourself.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .manufacturing-process-section {
    padding: 60px 20px;
    background-color: transparent;
  }
  
  .manufacturing-process-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  .manufacturing-process-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 1.2;
    display: none;
  }
  
  .manufacturing-process-section__desktop-subtitle {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 50px;
    display: none;
  }
  
  /* Desktop 2-column rows */
  .manufacturing-process-section__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 30px;
  }
  
  .manufacturing-process-section__row--full {
    grid-template-columns: 1fr;
  }
  
  .manufacturing-process-section__stage-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 30px;
    display: flex;
    flex-direction: column;
  }
  
  .manufacturing-process-section__stage-card--full {
    max-width: 100%;
  }
  
  .manufacturing-process-section__stage-number {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: #1a1a1a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
  }
  
  .manufacturing-process-section__stage-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
  }
  
  .manufacturing-process-section__stage-text {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    margin: 0;
  }
  
  .manufacturing-process-section__photo-slot {
    margin-top: 16px;
    border-radius: 8px;
    overflow: hidden;
    background: #f9f8f6;
  }
  
  .manufacturing-process-section__photo-slot img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    max-height: 300px;
  }
  
  .manufacturing-process-section__result {
    margin-top: 10px;
    padding: 25px 30px;
    background: #f9f8f6;
    border-left: 4px solid #1a1a1a;
    border-radius: 0 5px 5px 0;
  }
  
  .manufacturing-process-section__result p {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    margin: 0;
  }
  
  .manufacturing-process-section__result strong {
    color: #1a1a1a;
    font-weight: 600;
  }
  
  .manufacturing-process-section__mobile {
    display: none;
  }
  
  @media (min-width: 769px) {
    .manufacturing-process-section__desktop-title,
    .manufacturing-process-section__desktop-subtitle {
      display: block;
    }
  }
  
  @media (max-width: 768px) {
    .manufacturing-process-section {
      padding: 0 16px;
    }
    
    .manufacturing-process-section__desktop-layout {
      display: none;
    }
    
    .manufacturing-process-section__mobile {
      display: block;
      margin: 0;
    }
    
    .manufacturing-process-section__accordion {
      display: block;
      margin: 0;
    }
    
    .manufacturing-process-section__accordion-top {
      cursor: pointer;
    }
    
    .manufacturing-process-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .manufacturing-process-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .manufacturing-process-section__accordion.active .manufacturing-process-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    .manufacturing-process-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .manufacturing-process-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    .manufacturing-process-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .manufacturing-process-section__accordion.active .manufacturing-process-section__accordion-border {
      opacity: 0.7;
    }
    
    .manufacturing-process-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .manufacturing-process-section__accordion.active .manufacturing-process-section__accordion-content {
      max-height: 8000px;
      padding-top: 16px;
    }
    
    .manufacturing-process-section__mobile-intro {
      font-size: 14px;
      line-height: 1.6;
      color: #555;
      margin: 0 0 20px 0;
    }
    
    .manufacturing-process-section__mobile-stage {
      margin-bottom: 24px;
      padding-bottom: 24px;
      border-bottom: 1px solid #e0e0e0;
    }
    
    .manufacturing-process-section__mobile-stage:last-of-type {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
    }
    
    .manufacturing-process-section__mobile-stage-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
    }
    
    .manufacturing-process-section__mobile-stage-num {
      flex-shrink: 0;
      width: 32px;
      height: 32px;
      background: #1a1a1a;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 600;
    }
    
    .manufacturing-process-section__mobile-stage-title {
      font-size: 16px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0;
    }
    
    .manufacturing-process-section__mobile-stage-text {
      font-size: 14px;
      line-height: 1.6;
      color: #555;
      margin: 0;
    }
    
    .manufacturing-process-section__mobile .manufacturing-process-section__photo-slot {
      margin-top: 12px;
      border-radius: 8px;
    }
    
    .manufacturing-process-section__mobile .manufacturing-process-section__photo-slot img {
      max-height: 200px;
    }
    
    .manufacturing-process-section__mobile-result {
      margin-top: 24px;
      padding: 20px;
      background: #f9f8f6;
      border-left: 3px solid #1a1a1a;
      border-radius: 0 5px 5px 0;
    }
    
    .manufacturing-process-section__mobile-result p {
      font-size: 14px;
      line-height: 1.6;
      color: #555;
      margin: 0;
    }
    
    .manufacturing-process-section__mobile-result strong {
      color: #1a1a1a;
      font-weight: 600;
    }
  }
  
  @media (min-width: 769px) and (max-width: 1200px) {
    .manufacturing-process-section {
      padding: 50px 20px;
    }
    
    .manufacturing-process-section__desktop-title {
      font-size: 30px;
    }
    
    .manufacturing-process-section__row {
      gap: 20px;
    }
    
    .manufacturing-process-section__stage-card {
      padding: 24px;
    }
    
    .manufacturing-process-section__stage-title {
      font-size: 18px;
    }
    
    .manufacturing-process-section__stage-text {
      font-size: 14px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  var accordionTop = document.querySelector('.manufacturing-process-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      var accordion = this.closest('.manufacturing-process-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




<div>
  

<div class="space-planning-section">
  <div class="space-planning-section__container">
    <!-- Desktop H1 Title -->
    <h2 class="space-planning-section__desktop-title">How To Choose Your Arcade</h2>
    
    <!-- Desktop Layout - Clean Single Column -->
    <div class="space-planning-section__desktop-layout">
      <!-- Space Planning -->
      <div class="space-planning-section__block">
        <p class="space-planning-section__block-title">Space Planning</p>
        <p>Before selecting a cabinet style, measure your available area carefully. Stand-up cabinets require floor space ranging from 56cm width for compact models up to 112cm for 4-player configurations. Allow additional clearance around the machine - at least 50cm in front for comfortable play and access to coin doors or maintenance panels.</p>
        <p>Tabletop cabinets offer flexibility since they can be placed on existing furniture. Most measure 90-108cm wide and 67-69cm tall, requiring a stable surface that can support 65-90kg. These work well in rooms where a full stand-up cabinet wouldn't fit.</p>
        <p>Cocktail tables integrate into living spaces as functional furniture, typically measuring 90-108cm wide and only 45-69cm tall. Consider placement where players can comfortably sit on opposite sides if you choose a two-sided design.</p>
      </div>
      
      <!-- Game Library Selection -->
      <div class="space-planning-section__block">
        <p class="space-planning-section__block-title">Game Library Selection</p>
        <p>Think about which games you'll play most frequently. Fighting game enthusiasts often prefer ball-top Sanwa sticks and 6-button layouts per player. Classic arcade fans might want trackball support for games like Centipede and Golden Tee, or spinner controls for Tempest and Arkanoid.</p>
        <p>Light gun games require specific hardware - we use Aimtrak systems which work with modern displays. If you're interested in games like Time Crisis, House of the Dead or Virtua Cop, consider a cabinet that supports dual light guns.</p>
        <p>Media and Elite editions provide access to console games beyond arcade titles. If you want to play PlayStation fighting games, N64 titles or Dreamcast classics, these systems have the processing power for smooth emulation.</p>
      </div>
      
      <!-- Customisation Options -->
      <div class="space-planning-section__block">
        <p class="space-planning-section__block-title">Customisation Options</p>
        <p>Every cabinet can be personalised to reflect your preferences:</p>
        <p><strong>Finishes</strong> - Standard black satin finish included, or upgrade to any RAL colour or wood veneer</p>
        <p><strong>Graphics</strong> - Custom artwork for marquees, side panels and control panels</p>
        <p><strong>Controls</strong> - Choice of joystick types, button colours and layouts</p>
        <p><strong>Upgrades</strong> - Trackballs, spinners, light guns, upgraded sound systems</p>
        <p><strong>Features</strong> - Addressable RGB LED buttons with dynamic lighting effects</p>
      </div>
      
      <!-- Budget Considerations -->
      <div class="space-planning-section__block">
        <p class="space-planning-section__block-title">Budget Considerations</p>
        <p>Our GT range offers exceptional value with machines starting at £995, featuring solid construction and reliable gaming performance. The Bespoke Arcades range represents our premium line with enhanced customisation options, larger screens and more sophisticated cabinet designs.</p>
        <p>Consider optional extras in your budget - light guns add £200-300, trackballs typically £150-200, and upgraded finishes vary depending on your choice. Two-man delivery service is available for an additional charge if you need the machine positioned upstairs or in a specific room.</p>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="space-planning-section__mobile">
      <div class="space-planning-section__accordion">
        <div class="space-planning-section__accordion-top">
          <div class="space-planning-section__accordion-header">
            <span>How to Choose</span>
            <svg class="space-planning-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <!-- Text under title but above border -->
          <div class="space-planning-section__mobile-subtitle">
            <p>Space, games, budget, customisation</p>
          </div>
        </div>
        
        <!-- Dark border under the text -->
        <div class="space-planning-section__accordion-border"></div>
        
        <div class="space-planning-section__accordion-content">
          <div class="space-planning-section__accordion-section">
            <p class="space-planning-section__accordion-title">Space Planning</p>
            <p>Before selecting a cabinet style, measure your available area carefully. Stand-up cabinets require floor space ranging from 56cm width for compact models up to 112cm for 4-player configurations. Allow additional clearance around the machine - at least 50cm in front for comfortable play and access to coin doors or maintenance panels.</p>
            <p>Tabletop cabinets offer flexibility since they can be placed on existing furniture. Most measure 90-108cm wide and 67-69cm tall, requiring a stable surface that can support 65-90kg. These work well in rooms where a full stand-up cabinet wouldn't fit.</p>
            <p>Cocktail tables integrate into living spaces as functional furniture, typically measuring 90-108cm wide and only 45-69cm tall. Consider placement where players can comfortably sit on opposite sides if you choose a two-sided design.</p>
          </div>
          
          <div class="space-planning-section__accordion-section">
            <p class="space-planning-section__accordion-title">Game Library Selection</p>
            <p>Think about which games you'll play most frequently. Fighting game enthusiasts often prefer ball-top Sanwa sticks and 6-button layouts per player. Classic arcade fans might want trackball support for games like Centipede and Golden Tee, or spinner controls for Tempest and Arkanoid.</p>
            <p>Light gun games require specific hardware - we use Aimtrak systems which work with modern displays. If you're interested in games like Time Crisis, House of the Dead or Virtua Cop, consider a cabinet that supports dual light guns.</p>
            <p>Media and Elite editions provide access to console games beyond arcade titles. If you want to play PlayStation fighting games, N64 titles or Dreamcast classics, these systems have the processing power for smooth emulation.</p>
          </div>
          
          <div class="space-planning-section__accordion-section">
            <p class="space-planning-section__accordion-title">Customisation Options</p>
            <p>Every cabinet can be personalised to reflect your preferences:</p>
            <ul class="space-planning-section__accordion-list">
              <li><strong>Finishes</strong> - Standard black satin finish included, or upgrade to any RAL colour or wood veneer</li>
              <li><strong>Graphics</strong> - Custom artwork for marquees, side panels and control panels</li>
              <li><strong>Controls</strong> - Choice of joystick types, button colours and layouts</li>
              <li><strong>Upgrades</strong> - Trackballs, spinners, light guns, upgraded sound systems</li>
              <li><strong>Features</strong> - Addressable RGB LED buttons with dynamic lighting effects</li>
            </ul>
          </div>
          
          <div class="space-planning-section__accordion-section">
            <p class="space-planning-section__accordion-title">Budget Considerations</p>
            <p>Our GT range offers exceptional value with machines starting at £995, featuring solid construction and reliable gaming performance. The Bespoke Arcades range represents our premium line with enhanced customisation options, larger screens and more sophisticated cabinet designs.</p>
            <p>Consider optional extras in your budget - light guns add £200-300, trackballs typically £150-200, and upgraded finishes vary depending on your choice. Two-man delivery service is available for an additional charge if you need the machine positioned upstairs or in a specific room.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .space-planning-section {
    padding: 40px 20px;
    background-color: transparent;
  }
  
  .space-planning-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop H1 Title */
  .space-planning-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 75px 0;
    line-height: 1.2;
    display: none;
  }
  
  /* Desktop Layout - Clean Single Column */
  .space-planning-section__desktop-layout {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1440px;
    margin: 0 auto;
  }
  
  .space-planning-section__block {
    display: flex;
    flex-direction: column;
  }
  
  .space-planning-section__block-title {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    line-height: 1.3;
  }
  
  .space-planning-section__block p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin: 0 0 16px 0;
  }
  
  .space-planning-section__block p:last-child {
    margin-bottom: 0;
  }
  
  .space-planning-section__block p strong {
    font-weight: 600;
    color: #1a1a1a;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .space-planning-section__mobile {
    display: none;
  }
  
  /* Show H1 on desktop */
  @media (min-width: 769px) {
    .space-planning-section__desktop-title {
      display: block;
    }
  }
  
  /* Mobile Accordion Styles - COMPACT VERSION */
  @media (max-width: 768px) {
    .space-planning-section {
      padding: 0 16px;
    }
    
    .space-planning-section__desktop-layout {
      display: none;
    }
    
    .space-planning-section__mobile {
      display: block;
      margin: 0;
    }
    
    .space-planning-section__accordion {
      display: block;
      margin: 0;
    }
    
    .space-planning-section__accordion-top {
      cursor: pointer;
    }
    
    .space-planning-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .space-planning-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .space-planning-section__accordion.active .space-planning-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    /* Mobile subtitle text - under title */
    .space-planning-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .space-planning-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    /* Dark border under the text */
    .space-planning-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .space-planning-section__accordion.active .space-planning-section__accordion-border {
      opacity: 0.7;
    }
    
    .space-planning-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .space-planning-section__accordion.active .space-planning-section__accordion-content {
      max-height: 4000px;
      padding-top: 12px;
    }
    
    .space-planning-section__accordion-section {
      margin-bottom: 20px;
    }
    
    .space-planning-section__accordion-section:last-child {
      margin-bottom: 0;
    }
    
    .space-planning-section__accordion-title {
      font-size: 17px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 12px 0;
      line-height: 1.3;
    }
    
    .space-planning-section__accordion-section p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0 0 12px 0;
    }
    
    .space-planning-section__accordion-section p:last-child {
      margin-bottom: 0;
    }
    
    .space-planning-section__accordion-list {
      margin: 12px 0 0 0;
      padding-left: 16px;
      list-style-type: none;
    }
    
    .space-planning-section__accordion-list li {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin-bottom: 6px;
      padding-left: 16px;
      position: relative;
    }
    
    .space-planning-section__accordion-list li:before {
      content: "•";
      position: absolute;
      left: 0;
      color: #1a1a1a;
      font-weight: bold;
    }
    
    .space-planning-section__accordion-list li:last-child {
      margin-bottom: 0;
    }
    
    .space-planning-section__accordion-list strong {
      font-weight: 600;
      color: #1a1a1a;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Toggle accordion when clicking the top section
  const accordionTop = document.querySelector('.space-planning-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      const accordion = this.closest('.space-planning-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




<div>
  

<div class="customisation-section">
  <div class="customisation-section__container">
    <!-- Desktop H1 Title -->
    <h2 class="customisation-section__desktop-title">Customisation Options</h2>
    
    <!-- Desktop Layout - 4 Column Cards -->
    <div class="customisation-section__desktop-layout">
      <div class="customisation-section__grid">
        <!-- Finishes Card -->
        <div class="customisation-section__card">
          <p class="customisation-section__card-title">Finishes</p>
          <div class="customisation-section__card-content">
            <p>GT machines are constructed from MFC featuring a durable pre-coated black or white finish which will last for decades to come.</p>
            <p>All Bespoke Arcades machines feature a durable black satin finish as standard, providing a professional appearance that suits most environments.</p>
            <p>For those wanting something unique, we can finish cabinets in almost any RAL colour or apply wood veneer effects.</p>
            <p>Popular custom finishes include racing red, royal blue and classic walnut wood grain.</p>
          </div>
        </div>
        
        <!-- Graphics Card -->
        <div class="customisation-section__card">
          <p class="customisation-section__card-title">Graphics & Artwork</p>
          <div class="customisation-section__card-content">
            <p>Make your arcade truly personal with custom graphics. We can apply your own designs, logos or artwork to marquees, side panels and control deck overlays.</p>
            <p>Many clients choose themed designs matching their favourite games - we have a team of in-house designers with a library of relevant graphics at our disposal, or can design completely original designs reflecting personal interests.</p>
            <p>Dynamic marquee options are available on selected models, featuring LED backlit displays that change based on the game being played - the marquee artwork automatically updates to match each title.</p>
          </div>
        </div>
        
        <!-- Controls Card -->
        <div class="customisation-section__card">
          <p class="customisation-section__card-title">Control Configurations</p>
          <div class="customisation-section__card-content">
            <p>Standard configurations include two-player setups with 8-way joysticks and 6 buttons per player. We offer several joystick types:</p>
            <ul class="customisation-section__list">
              <li>Suzo Happ bat-top sticks (American-style, excellent for all game types)</li>
              <li>Sanwa JLF ball-top sticks (Japanese-style, preferred for precise fighting game inputs)</li>
              <li>Servo sticks with motorised 4-way/8-way switching for games requiring specific directional controls</li>
            </ul>
            <p>Buttons are available in numerous colours with optional RGB LED illumination. LED Blinky software can be added to create dynamic lighting effects that pulse and change with gameplay.</p>
          </div>
        </div>
        
        <!-- Upgrades Card -->
        <div class="customisation-section__card">
          <p class="customisation-section__card-title">Additional Features</p>
          <div class="customisation-section__card-content">
            <p><strong>Trackballs</strong> - Integrated or USB plug-in options for games like Centipede, Missile Command and Golden Tee</p>
            <p><strong>Spinners</strong> - Authentic rotary controls for Tempest, Arkanoid and other spinner-based games</p>
            <p><strong>Light Guns</strong> - Aimtrak IR-based light guns (similar technology to Nintendo Wii), supporting classic shooters and modern gun games</p>
            <p><strong>Sound Upgrades</strong> - Premium audio systems from Bose, Logitech, Razer or Sonos for enhanced sound quality</p>
            <p><strong>Console Compatibility</strong> - Control layouts optimised for console emulation, optionally compatible with PlayStation 5 and Xbox Series X on Evo and Nu-Gen models</p>
          </div>
        </div>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="customisation-section__mobile">
      <div class="customisation-section__accordion">
        <div class="customisation-section__accordion-top">
          <div class="customisation-section__accordion-header">
            <span>Customisation</span>
            <svg class="customisation-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <!-- Text under title but above border -->
          <div class="customisation-section__mobile-subtitle">
            <p>Finishes, graphics, controls, upgrades</p>
          </div>
        </div>
        
        <!-- Dark border under the text -->
        <div class="customisation-section__accordion-border"></div>
        
        <div class="customisation-section__accordion-content">
          <div class="customisation-section__accordion-item">
            <p class="customisation-section__accordion-title">Finishes</p>
            <p>GT machines are constructed from MFC featuring a durable pre-coated black or white finish which will last for decades to come.</p>
            <p>All Bespoke Arcades machines feature a durable black satin finish as standard, providing a professional appearance that suits most environments.</p>
            <p>For those wanting something unique, we can finish cabinets in almost any RAL colour or apply wood veneer effects. Popular custom finishes include racing red, royal blue and classic walnut wood grain.</p>
          </div>
          
          <div class="customisation-section__accordion-item">
            <p class="customisation-section__accordion-title">Graphics & Artwork</p>
            <p>Make your arcade truly personal with custom graphics. We can apply your own designs, logos or artwork to marquees, side panels and control deck overlays.</p>
            <p>Many clients choose themed designs matching their favourite games - we have a team of in-house designers with a library of relevant graphics at our disposal, or can design completely original designs reflecting personal interests.</p>
            <p>Dynamic marquee options are available on selected models, featuring LED backlit displays that change based on the game being played - the marquee artwork automatically updates to match each title.</p>
          </div>
          
          <div class="customisation-section__accordion-item">
            <p class="customisation-section__accordion-title">Control Configurations</p>
            <p>Standard configurations include two-player setups with 8-way joysticks and 6 buttons per player. We offer several joystick types: Suzo Happ bat-top sticks (American-style, excellent for all game types), Sanwa JLF ball-top sticks (Japanese-style, preferred for precise fighting game inputs), Servo sticks with motorised 4-way/8-way switching for games requiring specific directional controls. Buttons are available in numerous colours with optional RGB LED illumination. LED Blinky software can be added to create dynamic lighting effects that pulse and change with gameplay.</p>
          </div>
          
          <div class="customisation-section__accordion-item">
            <p class="customisation-section__accordion-title">Additional Features</p>
            <p><strong>Trackballs</strong> - Integrated or USB plug-in options for games like Centipede, Missile Command and Golden Tee</p>
            <p><strong>Spinners</strong> - Authentic rotary controls for Tempest, Arkanoid and other spinner-based games</p>
            <p><strong>Light Guns</strong> - Aimtrak IR-based light guns (similar technology to Nintendo Wii), supporting classic shooters and modern gun games</p>
            <p><strong>Sound Upgrades</strong> - Premium audio systems from Bose, Logitech, Razer or Sonos for enhanced sound quality</p>
            <p><strong>Console Compatibility</strong> - Control layouts optimised for console emulation, optionally compatible with PlayStation 5 and Xbox Series X on Evo and Nu-Gen models</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .customisation-section {
    padding: 60px 20px;
    background-color: transparent;
  }
  
  .customisation-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop H1 Title */
  .customisation-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 75px 0;
    line-height: 1.2;
    display: none;
  }
  
  /* Desktop Layout - 4 Column Grid */
  .customisation-section__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
  
  .customisation-section__card {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .customisation-section__card-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    line-height: 1.3;
  }
  
  .customisation-section__card-content {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
  }
  
  .customisation-section__card-content p {
    margin: 0 0 16px 0;
  }
  
  .customisation-section__card-content p:last-child {
    margin-bottom: 0;
  }
  
  .customisation-section__card-content p strong {
    font-weight: 600;
    color: #1a1a1a;
  }
  
  .customisation-section__list {
    margin: 12px 0 16px 0;
    padding-left: 20px;
  }
  
  .customisation-section__list li {
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 8px;
  }
  
  .customisation-section__list li:last-child {
    margin-bottom: 0;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .customisation-section__mobile {
    display: none;
  }
  
  /* Show H1 on desktop */
  @media (min-width: 769px) {
    .customisation-section__desktop-title {
      display: block;
    }
  }
  
  /* Mobile Accordion Styles - COMPACT VERSION */
  @media (max-width: 768px) {
    .customisation-section {
      padding: 0 16px;
    }
    
    .customisation-section__desktop-layout {
      display: none;
    }
    
    .customisation-section__mobile {
      display: block;
      margin: 0;
    }
    
    .customisation-section__accordion {
      display: block;
      margin: 0;
    }
    
    .customisation-section__accordion-top {
      cursor: pointer;
    }
    
    .customisation-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .customisation-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .customisation-section__accordion.active .customisation-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    /* Mobile subtitle text - under title */
    .customisation-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .customisation-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    /* Dark border under the text */
    .customisation-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .customisation-section__accordion.active .customisation-section__accordion-border {
      opacity: 0.7;
    }
    
    .customisation-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .customisation-section__accordion.active .customisation-section__accordion-content {
      max-height: 4000px;
      padding-top: 12px;
    }
    
    .customisation-section__accordion-item {
      margin-bottom: 20px;
    }
    
    .customisation-section__accordion-item:last-child {
      margin-bottom: 0;
    }
    
    .customisation-section__accordion-title {
      font-size: 17px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 12px 0;
      line-height: 1.3;
    }
    
    .customisation-section__accordion-item p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0 0 12px 0;
    }
    
    .customisation-section__accordion-item p:last-child {
      margin-bottom: 0;
    }
    
    .customisation-section__accordion-item p strong {
      font-weight: 600;
      color: #1a1a1a;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1024px) {
    .customisation-section__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
    }
    
    .customisation-section__card {
      padding: 25px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Toggle accordion when clicking the top section
  const accordionTop = document.querySelector('.customisation-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      const accordion = this.closest('.customisation-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




<div>
  

<div class="system-hardware-section">
  <div class="system-hardware-section__container">
    <!-- Desktop H1 Title -->
    <h2 class="system-hardware-section__desktop-title">Technical Specifications</h2>
    
    <!-- Desktop Layout - Table -->
    <div class="system-hardware-section__desktop-layout">
      <div class="system-hardware-section__table">
        <!-- System Hardware Table -->
        <div class="system-hardware-section__table-section">
          <p class="system-hardware-section__table-title">System Hardware Specifications</p>
          <table class="system-hardware-section__spec-table">
            <thead>
              <tr>
                <th>Component</th>
                <th>GT Edition</th>
                <th>Play Edition</th>
                <th>Media Edition</th>
                <th>Elite Edition</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Processor</td>
                <td>Raspberry Pi 5</td>
                <td>Intel i3 equivalent</td>
                <td>Intel i5 equivalent</td>
                <td>Intel i7 equivalent</td>
              </tr>
              <tr>
                <td>RAM</td>
                <td>4GB</td>
                <td>8GB DDR4</td>
                <td>16GB DDR4</td>
                <td>32GB DDR4</td>
              </tr>
              <tr>
                <td>Storage</td>
                <td>256GB Micro SD</td>
                <td>500GB SSD</td>
                <td>1TB SSD</td>
                <td>2TB SSD + expandable</td>
              </tr>
              <tr>
                <td>Graphics</td>
                <td>On board</td>
                <td>Integrated Intel HD</td>
                <td>Dedicated GPU (4GB)</td>
                <td>High-end GPU (8GB+)</td>
              </tr>
              <tr>
                <td>Games Library</td>
                <td>15,000 games</td>
                <td>2,500+ arcade titles</td>
                <td>15,000+ arcade and console titles</td>
                <td>35,000+ titles across all platforms</td>
              </tr>
            </tbody>
          </table>
        </div>
        
        <!-- Display Technology Section -->
        <div class="system-hardware-section__details-section">
          <p class="system-hardware-section__details-title">Display Technology</p>
          <div class="system-hardware-section__details-content">
            <p>Cabinet screens range from 19" to 43" depending on model, using high-quality IPS LCD panels. Classic models feature 4:3 aspect ratio displays (20") for authentic retro gaming presentation. Widescreen models (27", 32", 43") use 16:9 displays suitable for both modern games and older titles with bezel artwork (on Media and Elite models).</p>
          </div>
        </div>
        
        <!-- Cabinet Construction Section -->
        <div class="system-hardware-section__details-section">
          <p class="system-hardware-section__details-title">Cabinet Construction</p>
          <div class="system-hardware-section__details-content">
            <p>All cabinets are constructed from 18mm MDF with reinforced joinery and professional-grade laminate finishes. This provides both structural integrity and an attractive, hardwearing surface. Typical cabinet weight ranges from 75kg for compact models to 100kg for sit-down configurations.</p>
            <p>Dimensions vary by model - full specifications are provided on individual product pages. All cabinets are designed to fit through standard UK doorways (76cm minimum).</p>
          </div>
        </div>
        
        <!-- Connectivity Section -->
        <div class="system-hardware-section__details-section">
          <p class="system-hardware-section__details-title">Connectivity</p>
          <div class="system-hardware-section__details-content">
            <ul class="system-hardware-section__features-list">
              <li>WiFi and Ethernet networking (automatic updates where supported)</li>
              <li>USB ports for external controllers or storage</li>
              <li>Front-loading hard drive caddy for easy game library expansion (on Media and Elite units)</li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="system-hardware-section__mobile">
      <div class="system-hardware-section__accordion">
        <div class="system-hardware-section__accordion-top">
          <div class="system-hardware-section__accordion-header">
            <span>Technical Specs</span>
            <svg class="system-hardware-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <!-- Text under title but above border -->
          <div class="system-hardware-section__mobile-subtitle">
            <p>Hardware specs table by edition</p>
          </div>
        </div>
        
        <!-- Dark border under the text -->
        <div class="system-hardware-section__accordion-border"></div>
        
        <div class="system-hardware-section__accordion-content">
          <!-- System Hardware -->
          <div class="system-hardware-section__accordion-section">
            <p class="system-hardware-section__accordion-title">System Hardware</p>
            <p>All Bespoke Arcades and GT machines utilise Windows 11-based PCs, providing the most reliable platform for arcade and console game emulation.</p>
            
            <p><strong>GT Edition</strong></p>
            <p>Processor: Raspberry Pi 5<br>
            RAM: 4GB<br>
            Storage: 256GB Micro SD<br>
            Graphics: On board<br>
            Games: 15,000 games</p>
            
            <p><strong>Play Edition</strong></p>
            <p>Processor: Intel i3 equivalent<br>
            RAM: 8GB DDR4<br>
            Storage: 500GB SSD<br>
            Graphics: Integrated Intel HD<br>
            Games: 2,500+ arcade titles</p>
            
            <p><strong>Media Edition</strong></p>
            <p>Processor: Intel i5 equivalent<br>
            RAM: 16GB DDR4<br>
            Storage: 1TB SSD<br>
            Graphics: Dedicated GPU (4GB)<br>
            Games: 15,000+ arcade and console titles</p>
            
            <p><strong>Elite Edition</strong></p>
            <p>Processor: Intel i7 equivalent<br>
            RAM: 32GB DDR4<br>
            Storage: 2TB SSD + expandable<br>
            Graphics: High-end GPU (8GB+)<br>
            Games: 35,000+ titles across all platforms</p>
          </div>
          
          <!-- Display Technology -->
          <div class="system-hardware-section__accordion-section">
            <p class="system-hardware-section__accordion-title">Display Technology</p>
            <p>Cabinet screens range from 19" to 43" depending on model, using high-quality IPS LCD panels. Classic models feature 4:3 aspect ratio displays (20") for authentic retro gaming presentation. Widescreen models (27", 32", 43") use 16:9 displays suitable for both modern games and older titles with bezel artwork (on Media and Elite models).</p>
          </div>
          
          <!-- Cabinet Construction -->
          <div class="system-hardware-section__accordion-section">
            <p class="system-hardware-section__accordion-title">Cabinet Construction</p>
            <p>All cabinets are constructed from 18mm MDF with reinforced joinery and professional-grade laminate finishes. This provides both structural integrity and an attractive, hardwearing surface. Typical cabinet weight ranges from 75kg for compact models to 100kg for sit-down configurations.</p>
            <p>Dimensions vary by model - full specifications are provided on individual product pages. All cabinets are designed to fit through standard UK doorways (76cm minimum).</p>
          </div>
          
          <!-- Connectivity -->
          <div class="system-hardware-section__accordion-section">
            <p class="system-hardware-section__accordion-title">Connectivity</p>
            <p>WiFi and Ethernet networking (automatic updates where supported)</p>
            <p>USB ports for external controllers or storage</p>
            <p>Front-loading hard drive caddy for easy game library expansion (on Media and Elite units)</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .system-hardware-section {
    padding: 60px 20px;
    background-color: transparent;
  }
  
  .system-hardware-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop H1 Title */
  .system-hardware-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 75px 0;
    line-height: 1.2;
    display: none;
  }
  
  /* Desktop Layout - Table */
  .system-hardware-section__desktop-layout {
    display: block;
  }
  
  .system-hardware-section__table {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  
  /* Specifications Table */
  .system-hardware-section__table-section {
    background: white;
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .system-hardware-section__table-title {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 30px 0;
    line-height: 1.3;
  }
  
  .system-hardware-section__spec-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
  }
  
  .system-hardware-section__spec-table thead {
    background-color: #f8f8f8;
  }
  
  .system-hardware-section__spec-table th {
    font-weight: 600;
    color: #1a1a1a;
    text-align: left;
    padding: 16px 20px;
    border-bottom: 2px solid #e0e0e0;
  }
  
  .system-hardware-section__spec-table td {
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
  }
  
  .system-hardware-section__spec-table tbody tr:last-child td {
    border-bottom: none;
  }
  
  .system-hardware-section__spec-table tbody tr:hover {
    background-color: #f9f9f9;
  }
  
  /* Details Sections */
  .system-hardware-section__details-section {
    background: white;
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .system-hardware-section__details-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    line-height: 1.3;
  }
  
  .system-hardware-section__details-content {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
  }
  
  .system-hardware-section__details-content p {
    margin: 0 0 16px 0;
  }
  
  .system-hardware-section__details-content p:last-child {
    margin-bottom: 0;
  }
  
  .system-hardware-section__features-list {
    margin: 0;
    padding-left: 20px;
  }
  
  .system-hardware-section__features-list li {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 8px;
  }
  
  .system-hardware-section__features-list li:last-child {
    margin-bottom: 0;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .system-hardware-section__mobile {
    display: none;
  }
  
  /* Show H1 on desktop */
  @media (min-width: 769px) {
    .system-hardware-section__desktop-title {
      display: block;
    }
  }
  
  /* Mobile Accordion Styles - CLEAN COMPACT VERSION */
  @media (max-width: 768px) {
    .system-hardware-section {
      padding: 0 16px;
    }
    
    .system-hardware-section__desktop-layout {
      display: none;
    }
    
    .system-hardware-section__mobile {
      display: block;
      margin: 0;
    }
    
    .system-hardware-section__accordion {
      display: block;
      margin: 0;
    }
    
    .system-hardware-section__accordion-top {
      cursor: pointer;
    }
    
    .system-hardware-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .system-hardware-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .system-hardware-section__accordion.active .system-hardware-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    /* Mobile subtitle text - under title */
    .system-hardware-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .system-hardware-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    /* Dark border under the text */
    .system-hardware-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .system-hardware-section__accordion.active .system-hardware-section__accordion-border {
      opacity: 0.7;
    }
    
    .system-hardware-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .system-hardware-section__accordion.active .system-hardware-section__accordion-content {
      max-height: 5000px;
      padding-top: 12px;
    }
    
    .system-hardware-section__accordion-section {
      margin-bottom: 20px;
    }
    
    .system-hardware-section__accordion-section:last-child {
      margin-bottom: 0;
    }
    
    .system-hardware-section__accordion-title {
      font-size: 17px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 12px 0;
      line-height: 1.3;
    }
    
    .system-hardware-section__accordion-section p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0 0 12px 0;
    }
    
    .system-hardware-section__accordion-section p strong {
      font-weight: 600;
      color: #1a1a1a;
    }
    
    .system-hardware-section__accordion-section p:last-child {
      margin-bottom: 0;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1024px) {
    .system-hardware-section__table-section,
    .system-hardware-section__details-section {
      padding: 30px;
    }
    
    .system-hardware-section__spec-table {
      font-size: 14px;
    }
    
    .system-hardware-section__spec-table th,
    .system-hardware-section__spec-table td {
      padding: 14px 16px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Toggle accordion when clicking the top section
  const accordionTop = document.querySelector('.system-hardware-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      const accordion = this.closest('.system-hardware-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




<div>
  

<div class="delivery-warranty-section">
  <div class="delivery-warranty-section__container">
    <!-- Desktop H1 Title -->
    <h2 class="delivery-warranty-section__desktop-title">Delivery & Warranty</h2>
    
    <!-- Desktop Layout -->
    <div class="delivery-warranty-section__desktop-layout">
      <!-- Delivery Section -->
      <div class="delivery-warranty-section__block">
        <p class="delivery-warranty-section__block-title">UK Mainland Delivery</p>
        <div class="delivery-warranty-section__block-content">
          <p>Free kerbside pallet delivery is included for all orders to mainland UK addresses. Machines are carefully packaged and transported by specialist pallet couriers, typically arriving within 2-4 weeks of order confirmation. We can often accommodate faster or delayed delivery schedules to suit your plans.</p>
          <p>Within the M25, single-person delivery is included as standard. For deliveries requiring the machine to be brought inside, positioned upstairs or placed in a specific room, we offer single or two-person white-glove delivery services. Pricing for these services varies by location from our workshop - please contact us for a quote.</p>
        </div>
      </div>
      
      <!-- Assembly Section -->
      <div class="delivery-warranty-section__block">
        <p class="delivery-warranty-section__block-title">Assembly & Setup</p>
        <div class="delivery-warranty-section__block-content">
          <p>All arcade machines arrive fully assembled and ready to play. You only need to:</p>
          <ul class="delivery-warranty-section__list">
            <li>Unpack the machine (we can arrange packaging removal)</li>
            <li>Position in your chosen location</li>
            <li>Connect to mains power</li>
            <li>Select your WiFi network and enter the password</li>
            <li>Start gaming</li>
          </ul>
          <p>Machines are genuinely plug-and-play - you'll be enjoying games within minutes of delivery.</p>
        </div>
      </div>
      
      <!-- Warranty Section -->
      <div class="delivery-warranty-section__block">
        <p class="delivery-warranty-section__block-title">Warranty Coverage</p>
        <div class="delivery-warranty-section__block-content">
          <p>Every machine includes a comprehensive 12-month back-to-base warranty covering both parts and labour at no additional cost. This warranty can be extended by one or more years, and upgraded to include UK on-site service if preferred.</p>
          <p>All customers receive 12 months of unlimited phone and email technical support. Over 95% of enquiries are resolved remotely either by talking through solutions or by accessing your system with permission. Remote access capability is built into all machines for convenient software support.</p>
          <p>Should you need replacement components after the warranty period, we supply parts at reasonable prices. Small items like microswitches and buttons can be posted directly to you, while larger components are available with installation support if required.</p>
        </div>
      </div>
      
      <!-- Damage Section -->
      <div class="delivery-warranty-section__block">
        <p class="delivery-warranty-section__block-title">Damage or Issues</p>
        <div class="delivery-warranty-section__block-content">
          <p>In the rare event your machine arrives damaged or experiences problems, we resolve issues promptly and professionally. Depending on the situation, we can either arrange on-site repair or exchange your machine for a new unit. Customer satisfaction is our priority - we'll ensure you're completely happy with your arcade cabinet.</p>
        </div>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="delivery-warranty-section__mobile">
      <div class="delivery-warranty-section__accordion">
        <div class="delivery-warranty-section__accordion-top">
          <div class="delivery-warranty-section__accordion-header">
            <span>Delivery & Warranty</span>
            <svg class="delivery-warranty-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <!-- Text under title but above border -->
          <div class="delivery-warranty-section__mobile-subtitle">
            <p>UK delivery, warranty, support</p>
          </div>
        </div>
        
        <!-- Dark border under the text -->
        <div class="delivery-warranty-section__accordion-border"></div>
        
        <div class="delivery-warranty-section__accordion-content">
          <!-- Delivery -->
          <div class="delivery-warranty-section__accordion-section">
            <p class="delivery-warranty-section__accordion-title">UK Mainland Delivery</p>
            <p>Free kerbside pallet delivery is included for all orders to mainland UK addresses. Machines are carefully packaged and transported by specialist pallet couriers, typically arriving within 2-4 weeks of order confirmation. We can often accommodate faster or delayed delivery schedules to suit your plans.</p>
            <p>Within the M25, single-person delivery is included as standard. For deliveries requiring the machine to be brought inside, positioned upstairs or placed in a specific room, we offer single or two-person white-glove delivery services. Pricing for these services varies by location from our workshop - please contact us for a quote.</p>
          </div>
          
          <!-- Assembly -->
          <div class="delivery-warranty-section__accordion-section">
            <p class="delivery-warranty-section__accordion-title">Assembly & Setup</p>
            <p>All arcade machines arrive fully assembled and ready to play. You only need to:</p>
            <p>Unpack the machine (we can arrange packaging removal)<br>
            Position in your chosen location<br>
            Connect to mains power<br>
            Select your WiFi network and enter the password<br>
            Start gaming</p>
            <p>Machines are genuinely plug-and-play - you'll be enjoying games within minutes of delivery.</p>
          </div>
          
          <!-- Warranty -->
          <div class="delivery-warranty-section__accordion-section">
            <p class="delivery-warranty-section__accordion-title">Warranty Coverage</p>
            <p>Every machine includes a comprehensive 12-month back-to-base warranty covering both parts and labour at no additional cost. This warranty can be extended by one or more years, and upgraded to include UK on-site service if preferred.</p>
            <p>All customers receive 12 months of unlimited phone and email technical support. Over 95% of enquiries are resolved remotely either by talking through solutions or by accessing your system with permission. Remote access capability is built into all machines for convenient software support.</p>
            <p>Should you need replacement components after the warranty period, we supply parts at reasonable prices. Small items like microswitches and buttons can be posted directly to you, while larger components are available with installation support if required.</p>
          </div>
          
          <!-- Damage -->
          <div class="delivery-warranty-section__accordion-section">
            <p class="delivery-warranty-section__accordion-title">Damage or Issues</p>
            <p>In the rare event your machine arrives damaged or experiences problems, we resolve issues promptly and professionally. Depending on the situation, we can either arrange on-site repair or exchange your machine for a new unit. Customer satisfaction is our priority - we'll ensure you're completely happy with your arcade cabinet.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .delivery-warranty-section {
    padding: 60px 20px;
    background-color: transparent;
  }
  
  .delivery-warranty-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop H1 Title */
  .delivery-warranty-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 75px 0;
    line-height: 1.2;
    display: none;
  }
  
  /* Desktop Layout - Blocks */
  .delivery-warranty-section__desktop-layout {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1440px;
    margin: 0 auto;
  }
  
  .delivery-warranty-section__block {
    display: flex;
    flex-direction: column;
  }
  
  .delivery-warranty-section__block-title {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    line-height: 1.3;
  }
  
  .delivery-warranty-section__block-content {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
  }
  
  .delivery-warranty-section__block-content p {
    margin: 0 0 16px 0;
  }
  
  .delivery-warranty-section__block-content p:last-child {
    margin-bottom: 0;
  }
  
  .delivery-warranty-section__list {
    margin: 12px 0 16px 0;
    padding-left: 20px;
  }
  
  .delivery-warranty-section__list li {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 8px;
  }
  
  .delivery-warranty-section__list li:last-child {
    margin-bottom: 0;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .delivery-warranty-section__mobile {
    display: none;
  }
  
  /* Show H1 on desktop */
  @media (min-width: 769px) {
    .delivery-warranty-section__desktop-title {
      display: block;
    }
  }
  
  /* Mobile Accordion Styles - COMPACT VERSION */
  @media (max-width: 768px) {
    .delivery-warranty-section {
      padding: 0 16px;
    }
    
    .delivery-warranty-section__desktop-layout {
      display: none;
    }
    
    .delivery-warranty-section__mobile {
      display: block;
      margin: 0;
    }
    
    .delivery-warranty-section__accordion {
      display: block;
      margin: 0;
    }
    
    .delivery-warranty-section__accordion-top {
      cursor: pointer;
    }
    
    .delivery-warranty-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .delivery-warranty-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .delivery-warranty-section__accordion.active .delivery-warranty-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    /* Mobile subtitle text - under title */
    .delivery-warranty-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .delivery-warranty-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    /* Dark border under the text */
    .delivery-warranty-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .delivery-warranty-section__accordion.active .delivery-warranty-section__accordion-border {
      opacity: 0.7;
    }
    
    .delivery-warranty-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .delivery-warranty-section__accordion.active .delivery-warranty-section__accordion-content {
      max-height: 5000px;
      padding-top: 12px;
    }
    
    .delivery-warranty-section__accordion-section {
      margin-bottom: 20px;
    }
    
    .delivery-warranty-section__accordion-section:last-child {
      margin-bottom: 0;
    }
    
    .delivery-warranty-section__accordion-title {
      font-size: 17px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 12px 0;
      line-height: 1.3;
    }
    
    .delivery-warranty-section__accordion-section p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0 0 12px 0;
    }
    
    .delivery-warranty-section__accordion-section p:last-child {
      margin-bottom: 0;
    }
    
    .delivery-warranty-section__accordion-section p strong {
      font-weight: 600;
      color: #1a1a1a;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1024px) {
    .delivery-warranty-section__desktop-layout {
      max-width: 800px;
    }
    
    .delivery-warranty-section__block-title {
      font-size: 20px;
    }
    
    .delivery-warranty-section__block-content,
    .delivery-warranty-section__list li {
      font-size: 15px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Toggle accordion when clicking the top section
  const accordionTop = document.querySelector('.delivery-warranty-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      const accordion = this.closest('.delivery-warranty-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




<div>
  

<div class="faq-section">
  <div class="faq-section__container">
    <!-- Desktop H1 Title -->
    <h2 class="faq-section__desktop-title">Arcade Machine Buying Guide - Frequently Asked Questions</h2>
    
    <div class="faq-section__desktop-layout">
      <!-- Featured FAQ - full width, open by default -->
      <div class="faq-section__featured">
        <div class="faq-section__item active">
          <div class="faq-section__question">
            <span>Are all your arcade machines for sale available to buy now?</span>
            <svg class="faq-section__icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          <div class="faq-section__answer">
            <p>Yes, all arcade machines displayed on our website are for sale and available for immediate purchase. Most arcade machines for sale in our range ship within 2-3 weeks of order confirmation. We manufacture arcade machines to order in our UK workshop, ensuring each cabinet for sale is built to your exact specifications. Popular arcade machines for sale include our GT range (from £995), Apex cabinets (from £1,995), Evo widescreen models (from £2,595), and premium Nu-Gen sit-down arcade machines (from £3,795). Buy now with secure online payment, flexible finance options available, or call our expert team for advice on which arcade machine for sale best suits your requirements.</p>
          </div>
        </div>
      </div>

      <div class="faq-section__grid">
        <!-- Left Column -->
        <div class="faq-section__column">
          <!-- FAQ 1 -->
          <div class="faq-section__item">
            <div class="faq-section__question">
              <span>Where can I buy arcade machines in the UK?</span>
              <svg class="faq-section__icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
                <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__answer">
              <p>You can buy arcade machines directly from our UK workshop in Hertfordshire. We manufacture and sell arcade machines across the UK with free mainland delivery. Unlike imported arcade machines sold through retailers, buying direct from the manufacturer ensures authentic UK-built quality, a comprehensive warranty, and lifetime technical support. Visit our showroom or order online for delivery within 2-3 weeks.</p>
            </div>
          </div>
          
          <!-- FAQ 2 -->
          <div class="faq-section__item">
            <div class="faq-section__question">
              <span>How much do arcade machines cost in the UK?</span>
              <svg class="faq-section__icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
                <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__answer">
              <p>UK arcade machines range from £995 for compact GT models to £3,795+ for premium sit-down cabinets. Our most popular arcade machine, the Apex stand-up cabinet, starts at £1,995. Prices include genuine Sanwa or Happ arcade controls, CE certification, 12-month warranty, and free UK delivery. Imported arcade machines may appear cheaper initially, but lack proper certification, quality components, and UK-based support. Our arcade machines represent genuine value with British manufacturing quality.</p>
            </div>
          </div>
          
          <!-- FAQ 3 -->
          <div class="faq-section__item">
            <div class="faq-section__question">
              <span>What arcade machines are best for home use?</span>
              <svg class="faq-section__icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
                <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__answer">
              <p>The best arcade machines for home use depend on available space. Compact stand-up arcade machines like the Apex (56cm wide) fit most homes and game rooms. Coffee table arcade machines (90-108cm wide) work well in living rooms as functional furniture. Cocktail arcade machines allow seated play from both sides. All our home arcade machines include 2,500-35,000+ classic games, genuine arcade controls, and a plug-and-play setup. UK arcade machines ship fully assembled and ready to play immediately.</p>
            </div>
          </div>
        </div>
        
        <!-- Right Column -->
        <div class="faq-section__column">
          <!-- FAQ 4 -->
          <div class="faq-section__item">
            <div class="faq-section__question">
              <span>Are UK-manufactured arcade machines better than imports?</span>
              <svg class="faq-section__icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
                <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__answer">
              <p>Yes. UK-manufactured arcade machines use superior components and construction. We build arcade machines with 18mm British plywood (not thin MDF), genuine Sanwa arcade controls (not generic copies), and CE/LVD certification to British safety standards. Imported arcade machines often arrive damaged, use inferior materials, and provide limited support. Our UK arcade machines include a 12-month comprehensive warranty and lifetime UK-based technical support. Over 3,500 arcade machines have been delivered across Britain since 2004, with a 4.9/5 customer rating proves our manufacturing quality.</p>
            </div>
          </div>
          
          <!-- FAQ 5 -->
          <div class="faq-section__item">
            <div class="faq-section__question">
              <span>How many games come with arcade machines?</span>
              <svg class="faq-section__icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
                <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__answer">
              <p>Our arcade machines include between 2,500 and 35,000+ classic games, depending on the system. Play Edition arcade machines feature 2,500+ curated arcade classics. Media Edition arcade machines include 15,000+ games across arcade systems and classic consoles. Elite Edition arcade machines provide 35,000+ titles with advanced emulation. All arcade machines come pre-loaded and ready to play immediately. Games include Pac-Man, Space Invaders, Street Fighter, Mortal Kombat, Donkey Kong, and thousands more arcade classics spanning the golden age of gaming.</p>
            </div>
          </div>
          
          <!-- FAQ 6 -->
          <div class="faq-section__item">
            <div class="faq-section__question">
              <span>Do arcade machines require assembly after delivery?</span>
              <svg class="faq-section__icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
                <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__answer">
              <p>No. All arcade machines ship fully assembled and ready to play. Simply unpack your arcade machine, position it in your chosen location, connect to mains power, and select your WiFi network. Arcade machines are genuinely plug-and-play. You'll be playing classic arcade games within minutes of delivery. Free kerbside pallet delivery is included for all UK arcade machines. White-glove delivery service available for positioning arcade machines upstairs or in specific rooms. Within M25, single-person delivery is included as standard.</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Mobile Accordions -->
    <div class="faq-section__mobile">
      <!-- Main FAQ Accordion -->
      <div class="faq-section__accordion">
        <div class="faq-section__accordion-top">
          <div class="faq-section__accordion-header">
            <span>FAQ</span>
            <svg class="faq-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <div class="faq-section__mobile-subtitle">
            <p>7 most frequent questions</p>
          </div>
        </div>
        
        <div class="faq-section__accordion-border"></div>
        
        <div class="faq-section__accordion-content">
          <!-- FAQ - Buy now (open by default) -->
          <div class="faq-section__mobile-item active">
            <div class="faq-section__mobile-question">
              <span>Are all your arcade machines for sale available to buy now?</span>
              <svg class="faq-section__mobile-icon" width="10" height="6" viewBox="0 0 10 6" fill="none">
                <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__mobile-answer">
              <p>Yes, all arcade machines displayed on our website are for sale and available for immediate purchase. Most arcade machines for sale in our range ship within 2-3 weeks of order confirmation. We manufacture arcade machines to order in our UK workshop, ensuring each cabinet for sale is built to your exact specifications. Popular arcade machines for sale include our GT range (from £995), Apex cabinets (from £1,995), Evo widescreen models (from £2,595), and premium Nu-Gen sit-down arcade machines (from £3,795). Buy now with secure online payment, flexible finance options available, or call our expert team for advice on which arcade machine for sale best suits your requirements.</p>
            </div>
          </div>

          <!-- FAQ 1 -->
          <div class="faq-section__mobile-item">
            <div class="faq-section__mobile-question">
              <span>Where can I buy arcade machines in the UK?</span>
              <svg class="faq-section__mobile-icon" width="10" height="6" viewBox="0 0 10 6" fill="none">
                <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__mobile-answer">
              <p>You can buy arcade machines directly from our UK workshop in Hertfordshire. We manufacture and sell arcade machines across the UK with free mainland delivery. Unlike imported arcade machines sold through retailers, buying direct from the manufacturer ensures authentic UK-built quality, a comprehensive warranty, and lifetime technical support. Visit our showroom or order online for delivery within 2-3 weeks.</p>
            </div>
          </div>
          
          <!-- FAQ 2 -->
          <div class="faq-section__mobile-item">
            <div class="faq-section__mobile-question">
              <span>How much do arcade machines cost in the UK?</span>
              <svg class="faq-section__mobile-icon" width="10" height="6" viewBox="0 0 10 6" fill="none">
                <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__mobile-answer">
              <p>UK arcade machines range from £995 for compact GT models to £3,795+ for premium sit-down cabinets. Our most popular arcade machine, the Apex stand-up cabinet, starts at £1,995. Prices include genuine Sanwa or Happ arcade controls, CE certification, 12-month warranty, and free UK delivery. Imported arcade machines may appear cheaper initially, but lack proper certification, quality components, and UK-based support. Our arcade machines represent genuine value with British manufacturing quality.</p>
            </div>
          </div>
          
          <!-- FAQ 3 -->
          <div class="faq-section__mobile-item">
            <div class="faq-section__mobile-question">
              <span>What arcade machines are best for home use?</span>
              <svg class="faq-section__mobile-icon" width="10" height="6" viewBox="0 0 10 6" fill="none">
                <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__mobile-answer">
              <p>The best arcade machines for home use depend on available space. Compact stand-up arcade machines like the Apex (56cm wide) fit most homes and game rooms. Coffee table arcade machines (90-108cm wide) work well in living rooms as functional furniture. Cocktail arcade machines allow seated play from both sides. All our home arcade machines include 2,500-35,000+ classic games, genuine arcade controls, and a plug-and-play setup. UK arcade machines ship fully assembled and ready to play immediately.</p>
            </div>
          </div>
          
          <!-- FAQ 4 -->
          <div class="faq-section__mobile-item">
            <div class="faq-section__mobile-question">
              <span>Are UK-manufactured arcade machines better than imports?</span>
              <svg class="faq-section__mobile-icon" width="10" height="6" viewBox="0 0 10 6" fill="none">
                <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__mobile-answer">
              <p>Yes. UK-manufactured arcade machines use superior components and construction. We build arcade machines with 18mm British plywood (not thin MDF), genuine Sanwa arcade controls (not generic copies), and CE/LVD certification to British safety standards. Imported arcade machines often arrive damaged, use inferior materials, and provide limited support. Our UK arcade machines include a 12-month comprehensive warranty and lifetime UK-based technical support. Over 3,500 arcade machines have been delivered across Britain since 2004, with a 4.9/5 customer rating proves our manufacturing quality.</p>
            </div>
          </div>
          
          <!-- FAQ 5 -->
          <div class="faq-section__mobile-item">
            <div class="faq-section__mobile-question">
              <span>How many games come with arcade machines?</span>
              <svg class="faq-section__mobile-icon" width="10" height="6" viewBox="0 0 10 6" fill="none">
                <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__mobile-answer">
              <p>Our arcade machines include between 2,500 and 35,000+ classic games, depending on the system. Play Edition arcade machines feature 2,500+ curated arcade classics. Media Edition arcade machines include 15,000+ games across arcade systems and classic consoles. Elite Edition arcade machines provide 35,000+ titles with advanced emulation. All arcade machines come pre-loaded and ready to play immediately. Games include Pac-Man, Space Invaders, Street Fighter, Mortal Kombat, Donkey Kong, and thousands more arcade classics spanning the golden age of gaming.</p>
            </div>
          </div>
          
          <!-- FAQ 6 -->
          <div class="faq-section__mobile-item">
            <div class="faq-section__mobile-question">
              <span>Do arcade machines require assembly after delivery?</span>
              <svg class="faq-section__mobile-icon" width="10" height="6" viewBox="0 0 10 6" fill="none">
                <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="faq-section__mobile-answer">
              <p>No. All arcade machines ship fully assembled and ready to play. Simply unpack your arcade machine, position it in your chosen location, connect to mains power, and select your WiFi network. Arcade machines are genuinely plug-and-play. You'll be playing classic arcade games within minutes of delivery. Free kerbside pallet delivery is included for all UK arcade machines. White-glove delivery service available for positioning arcade machines upstairs or in specific rooms. Within M25, single-person delivery is included as standard.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .faq-section {
    padding: 60px 20px;
    background-color: transparent;
  }
  
  .faq-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop H1 Title */
  .faq-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 75px 0;
    line-height: 1.2;
    display: none;
  }
  
  /* Desktop Layout */
  .faq-section__desktop-layout {
    display: block;
  }

  /* Featured FAQ - full width above grid */
  .faq-section__featured {
    margin-bottom: 30px;
  }
  
  .faq-section__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  
  .faq-section__column {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
  /* Desktop FAQ Items */
  .faq-section__item {
    background: white;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    overflow: hidden;
  }
  
  .faq-section__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 17px;
    color: #1a1a1a;
  }
  
  .faq-section__icon {
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-left: 10px;
  }
  
  .faq-section__item.active .faq-section__icon {
    transform: rotate(180deg);
  }
  
  .faq-section__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 20px;
  }
  
  .faq-section__item.active .faq-section__answer {
    max-height: 1000px;
    padding-bottom: 20px;
  }
  
  .faq-section__answer p {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    margin: 0;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .faq-section__mobile {
    display: none;
  }
  
  /* Show H1 on desktop */
  @media (min-width: 769px) {
    .faq-section__desktop-title {
      display: block;
    }
  }
  
  /* Mobile Accordion Styles */
  @media (max-width: 768px) {
    .faq-section {
      padding: 0 16px;
    }
    
    .faq-section__desktop-layout {
      display: none;
    }
    
    .faq-section__mobile {
      display: block;
      margin: 0;
    }
    
    .faq-section__accordion {
      display: block;
      margin: 0;
    }
    
    .faq-section__accordion-top {
      cursor: pointer;
    }
    
    .faq-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .faq-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .faq-section__accordion.active .faq-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    .faq-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .faq-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    .faq-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .faq-section__accordion.active .faq-section__accordion-border {
      opacity: 0.7;
    }
    
    .faq-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .faq-section__accordion.active .faq-section__accordion-content {
      max-height: 10000px;
      padding-top: 12px;
    }
    
    .faq-section__mobile-item {
      margin-bottom: 12px;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      overflow: hidden;
    }
    
    .faq-section__mobile-item:last-child {
      margin-bottom: 0;
    }
    
    .faq-section__mobile-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 16px;
      background-color: #f8f8f8;
      cursor: pointer;
      font-weight: 500;
      font-size: 15px;
      color: #1a1a1a;
    }
    
    .faq-section__mobile-icon {
      transition: transform 0.3s ease;
    }
    
    .faq-section__mobile-item.active .faq-section__mobile-icon {
      transform: rotate(180deg);
    }
    
    .faq-section__mobile-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background-color: white;
      padding: 0 16px;
    }
    
    .faq-section__mobile-item.active .faq-section__mobile-answer {
      max-height: 1000px;
      padding-bottom: 16px;
    }
    
    .faq-section__mobile-answer p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1024px) {
    .faq-section__grid {
      gap: 20px;
    }
    
    .faq-section__column {
      gap: 12px;
    }
    
    .faq-section__question {
      font-size: 16px;
      padding: 18px;
    }
    
    .faq-section__answer {
      padding: 0 18px;
    }
    
    .faq-section__item.active .faq-section__answer {
      padding-bottom: 18px;
    }
    
    .faq-section__answer p {
      font-size: 14px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Toggle desktop FAQ items - close others when one opens
  const desktopQuestions = document.querySelectorAll('.faq-section__question');
  desktopQuestions.forEach(question => {
    question.addEventListener('click', function() {
      const faqItem = this.closest('.faq-section__item');
      const isActive = faqItem.classList.contains('active');
      
      // Close all desktop FAQ items
      desktopQuestions.forEach(q => {
        q.closest('.faq-section__item').classList.remove('active');
      });
      
      // Open clicked one if it wasn't already open
      if (!isActive) {
        faqItem.classList.add('active');
      }
    });
  });
  
  // Toggle main FAQ accordion on mobile (using accordion-top)
  const mainAccordionTop = document.querySelector('.faq-section__accordion-top');
  if (mainAccordionTop) {
    mainAccordionTop.addEventListener('click', function() {
      const accordion = this.closest('.faq-section__accordion');
      accordion.classList.toggle('active');
    });
  }
  
  // Toggle individual FAQ items (nested accordions) on mobile - close others when one opens
  const faqQuestions = document.querySelectorAll('.faq-section__mobile-question');
  faqQuestions.forEach(question => {
    question.addEventListener('click', function() {
      const faqItem = this.closest('.faq-section__mobile-item');
      const isActive = faqItem.classList.contains('active');
      
      // Close all mobile FAQ items
      faqQuestions.forEach(q => {
        q.closest('.faq-section__mobile-item').classList.remove('active');
      });
      
      // Open clicked one if it wasn't already open
      if (!isActive) {
        faqItem.classList.add('active');
      }
    });
  });
});
</script>
</div>




<div>
  

<div class="game-libraries-section">
  <div class="game-libraries-section__container">
    <!-- Desktop H1 Title -->
    <h2 class="game-libraries-section__desktop-title">Game Libraries</h2>
    
    <!-- Desktop Layout - Single Column -->
    <div class="game-libraries-section__desktop-layout">
      <div class="game-libraries-section__content">
        <!-- Title -->
        <p class="game-libraries-section__title">Extensive Game Collections</p>
        
        <!-- Intro -->
        <div class="game-libraries-section__intro">
          <p>Our arcade machines provide access to thousands of classic titles spanning multiple gaming eras:</p>
        </div>
        
        <!-- Game Categories -->
        <div class="game-libraries-section__categories">
          <!-- Classic Arcade Games -->
          <div class="game-libraries-section__category">
            <p class="game-libraries-section__category-title">Classic Arcade Games</p>
            <div class="game-libraries-section__category-content">
              <p>All the legendary titles from the golden age, including Pac-Man, Space Invaders, Donkey Kong, Defender, Galaga, Asteroids and hundreds more. MAME emulation provides authentic gameplay for over 2,500 arcade classics.</p>
            </div>
          </div>
          
          <!-- Fighting Games -->
          <div class="game-libraries-section__category">
            <p class="game-libraries-section__category-title">Fighting Games</p>
            <div class="game-libraries-section__category-content">
              <p>Complete Street Fighter series, Mortal Kombat franchise, King of Fighters, Tekken, Virtua Fighter, Soul Calibur and many more. Perfect for competitive two-player battles.</p>
            </div>
          </div>
          
          <!-- Beat 'Em Ups -->
          <div class="game-libraries-section__category">
            <p class="game-libraries-section__category-title">Beat 'Em Ups</p>
            <div class="game-libraries-section__category-content">
              <p>Double Dragon, Final Fight, Streets of Rage, Golden Axe, Teenage Mutant Ninja Turtles and dozens of other cooperative action games.</p>
            </div>
          </div>
          
          <!-- Shoot 'Em Ups -->
          <div class="game-libraries-section__category">
            <p class="game-libraries-section__category-title">Shoot 'Em Ups</p>
            <div class="game-libraries-section__category-content">
              <p>Classic vertical and horizontal shooters including 1942, Galaga, R-Type, Gradius, and modern bullet-hell titles.</p>
            </div>
          </div>
          
          <!-- Console Classics -->
          <div class="game-libraries-section__category">
            <p class="game-libraries-section__category-title">Console Classics</p>
            <div class="game-libraries-section__category-content">
              <p>Media and Elite systems include games from NES, SNES, Mega Drive, Master System, N64, PlayStation, Dreamcast and more. Relive your favourite console gaming memories with arcade-quality controls.</p>
            </div>
          </div>
          
          <!-- Light Gun Games -->
          <div class="game-libraries-section__category">
            <p class="game-libraries-section__category-title">Light Gun Games</p>
            <div class="game-libraries-section__category-content">
              <p>Time Crisis series, House of the Dead, Virtua Cop, and many others, when light gun hardware is installed.</p>
            </div>
          </div>
        </div>
        
        <!-- Footer Note -->
        <div class="game-libraries-section__footer">
          <p>Game lists are regularly updated with new additions and system improvements. All games are properly configured with appropriate controls, display settings and performance optimisation.</p>
        </div>
      </div>
    </div>

    <!-- Mobile Accordion -->
    <div class="game-libraries-section__mobile">
      <div class="game-libraries-section__accordion">
        <div class="game-libraries-section__accordion-top">
          <div class="game-libraries-section__accordion-header">
            <span>Game Libraries</span>
            <svg class="game-libraries-section__accordion-icon" width="12" height="8" viewBox="0 0 12 8" fill="none">
              <path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
          
          <!-- Text under title but above border -->
          <div class="game-libraries-section__mobile-subtitle">
            <p>Game types and systems available</p>
          </div>
        </div>
        
        <!-- Dark border under the text -->
        <div class="game-libraries-section__accordion-border"></div>
        
        <div class="game-libraries-section__accordion-content">
          <!-- Intro -->
          <div class="game-libraries-section__accordion-intro">
            <p>Our arcade machines provide access to thousands of classic titles spanning multiple gaming eras:</p>
          </div>
          
          <!-- Game Categories -->
          <div class="game-libraries-section__accordion-categories">
            <!-- Classic Arcade Games -->
            <div class="game-libraries-section__accordion-category">
              <p class="game-libraries-section__accordion-category-title">Classic Arcade Games</p>
              <p>All the legendary titles from the golden age, including Pac-Man, Space Invaders, Donkey Kong, Defender, Galaga, Asteroids and hundreds more. MAME emulation provides authentic gameplay for over 2,500 arcade classics.</p>
            </div>
            
            <!-- Fighting Games -->
            <div class="game-libraries-section__accordion-category">
              <p class="game-libraries-section__accordion-category-title">Fighting Games</p>
              <p>Complete Street Fighter series, Mortal Kombat franchise, King of Fighters, Tekken, Virtua Fighter, Soul Calibur and many more. Perfect for competitive two-player battles.</p>
            </div>
            
            <!-- Beat 'Em Ups -->
            <div class="game-libraries-section__accordion-category">
              <p class="game-libraries-section__accordion-category-title">Beat 'Em Ups</p>
              <p>Double Dragon, Final Fight, Streets of Rage, Golden Axe, Teenage Mutant Ninja Turtles and dozens of other cooperative action games.</p>
            </div>
            
            <!-- Shoot 'Em Ups -->
            <div class="game-libraries-section__accordion-category">
              <p class="game-libraries-section__accordion-category-title">Shoot 'Em Ups</p>
              <p>Classic vertical and horizontal shooters including 1942, Galaga, R-Type, Gradius, and modern bullet-hell titles.</p>
            </div>
            
            <!-- Console Classics -->
            <div class="game-libraries-section__accordion-category">
              <p class="game-libraries-section__accordion-category-title">Console Classics</p>
              <p>Media and Elite systems include games from NES, SNES, Mega Drive, Master System, N64, PlayStation, Dreamcast and more. Relive your favourite console gaming memories with arcade-quality controls.</p>
            </div>
            
            <!-- Light Gun Games -->
            <div class="game-libraries-section__accordion-category">
              <p class="game-libraries-section__accordion-category-title">Light Gun Games</p>
              <p>Time Crisis series, House of the Dead, Virtua Cop, and many others, when light gun hardware is installed.</p>
            </div>
          </div>
          
          <!-- Footer Note -->
          <div class="game-libraries-section__accordion-footer">
            <p>Game lists are regularly updated with new additions and system improvements. All games are properly configured with appropriate controls, display settings and performance optimisation.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .game-libraries-section {
    padding: 60px 20px;
    background-color: transparent;
  }
  
  .game-libraries-section__container {
    max-width: 1440px;
    margin: 0 auto;
  }
  
  /* Desktop H1 Title */
  .game-libraries-section__desktop-title {
    font-size: 36px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    padding: 0 0 75px 0;
    line-height: 1.2;
    display: none;
  }
  
  /* Desktop Layout - Single Column */
  .game-libraries-section__desktop-layout {
    display: block;
  }
  
  .game-libraries-section__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  
  /* Title */
  .game-libraries-section__title {
    font-size: 28px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.3;
  }
  
  /* Intro */
  .game-libraries-section__intro p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin: 0;
  }
  
  /* Categories */
  .game-libraries-section__categories {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
  .game-libraries-section__category {
    background: white;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  
  .game-libraries-section__category-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 16px 0;
    line-height: 1.3;
  }
  
  .game-libraries-section__category-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin: 0;
  }
  
  /* Footer */
  .game-libraries-section__footer p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin: 0;
    font-style: italic;
  }
  
  /* Mobile Styles (hidden on desktop) */
  .game-libraries-section__mobile {
    display: none;
  }
  
  /* Show H1 on desktop */
  @media (min-width: 769px) {
    .game-libraries-section__desktop-title {
      display: block;
    }
  }
  
  /* Mobile Accordion Styles - COMPACT VERSION */
  @media (max-width: 768px) {
    .game-libraries-section {
      padding: 0 16px;
    }
    
    .game-libraries-section__desktop-layout {
      display: none;
    }
    
    .game-libraries-section__mobile {
      display: block;
      margin: 0;
    }
    
    .game-libraries-section__accordion {
      display: block;
      margin: 0;
    }
    
    .game-libraries-section__accordion-top {
      cursor: pointer;
    }
    
    .game-libraries-section__accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0 4px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      color: #1a1a1a;
      margin: 0;
    }
    
    .game-libraries-section__accordion-icon {
      transition: transform 0.3s ease;
    }
    
    .game-libraries-section__accordion.active .game-libraries-section__accordion-icon {
      transform: rotate(180deg);
    }
    
    /* Mobile subtitle text - under title */
    .game-libraries-section__mobile-subtitle {
      padding: 0 0 12px 0;
    }
    
    .game-libraries-section__mobile-subtitle p {
      font-size: 14px;
      line-height: 1.4;
      color: #666;
      margin: 0;
      font-weight: 400;
    }
    
    /* Dark border under the text */
    .game-libraries-section__accordion-border {
      height: 2px;
      background-color: #1a1a1a;
      margin: 0;
      transition: opacity 0.3s ease;
    }
    
    .game-libraries-section__accordion.active .game-libraries-section__accordion-border {
      opacity: 0.7;
    }
    
    .game-libraries-section__accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      margin: 0;
    }
    
    .game-libraries-section__accordion.active .game-libraries-section__accordion-content {
      max-height: 5000px;
      padding-top: 12px;
    }
    
    /* Intro */
    .game-libraries-section__accordion-intro {
      margin-bottom: 20px;
    }
    
    .game-libraries-section__accordion-intro p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0 0 12px 0;
    }
    
    /* Categories */
    .game-libraries-section__accordion-categories {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 20px;
    }
    
    .game-libraries-section__accordion-category {
      padding-bottom: 16px;
      border-bottom: 1px solid #f0f0f0;
    }
    
    .game-libraries-section__accordion-category:last-child {
      border-bottom: none;
    }
    
    .game-libraries-section__accordion-category-title {
      font-size: 16px;
      font-weight: 600;
      color: #1a1a1a;
      margin: 0 0 8px 0;
      line-height: 1.3;
    }
    
    .game-libraries-section__accordion-category p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0;
    }
    
    /* Footer */
    .game-libraries-section__accordion-footer {
      padding-top: 16px;
      border-top: 1px solid #f0f0f0;
    }
    
    .game-libraries-section__accordion-footer p {
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      margin: 0;
      font-style: italic;
    }
  }
  
  /* Tablet Styles */
  @media (min-width: 769px) and (max-width: 1024px) {
    .game-libraries-section__container {
      max-width: 800px;
    }
    
    .game-libraries-section__category {
      padding: 25px;
    }
    
    .game-libraries-section__title {
      font-size: 26px;
    }
    
    .game-libraries-section__category-title {
      font-size: 19px;
    }
    
    .game-libraries-section__intro p,
    .game-libraries-section__category-content p,
    .game-libraries-section__footer p {
      font-size: 15px;
    }
  }
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Toggle accordion when clicking the top section
  const accordionTop = document.querySelector('.game-libraries-section__accordion-top');
  if (accordionTop) {
    accordionTop.addEventListener('click', function() {
      const accordion = this.closest('.game-libraries-section__accordion');
      accordion.classList.toggle('active');
    });
  }
});
</script>
</div>




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





</div><div id="shopify-section-template--25797525537141__section_qxnaA4" class="shopify-section section-wrapper">



<div class="section-background color-scheme-4"></div>
<div
  class="section section--page-width color-scheme-4"

  

  style="
    

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

--gap: 12px;

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

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

<div>
  

<div class="cta-end-section">
  <div class="cta-end-section__content">
    <h2 class="cta-end-section__title">Ready To Build Your Dream Arcade?</h2>
    <div class="cta-end-section__buttons">
      <a href="mailto:info@bespoke-arcades.co.uk" class="cta-end-section__btn">
        <span class="cta-end-section__btn-desktop">Get Free Quote</span>
        <span class="cta-end-section__btn-mobile">Get Quote</span>
      </a>
      <a href="tel:02079359005" class="cta-end-section__btn">
        <span class="cta-end-section__btn-desktop">Call Us Now</span>
        <span class="cta-end-section__btn-mobile">Call Us</span>
      </a>
    </div>
  </div>
</div>

<style>
  .cta-end-section {
    background-color: rgb(46, 46, 46);
    padding: 80px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  
  .cta-end-section__content {
    text-align: center;
    max-width: 1440px;
    margin: 0 auto;
  }
  
  .cta-end-section__title {
    font-family: "Trirong", serif;
    font-size: 42px;
    color: #ffffff;
    margin: 0 0 32px 0;
    font-weight: 500;
    line-height: 1.2;
  }
  
  .cta-end-section__btn-mobile {
    display: none;
  }
  
  .cta-end-section__buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  
  .cta-end-section__btn {
    display: inline-block;
    padding: 14px 32px;
    background-color: #ffffff;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    transition: opacity 0.3s ease;
  }
  
  .cta-end-section__btn:hover {
    opacity: 0.85;
  }
  
  @media (max-width: 600px) {
    .cta-end-section {
      padding: 60px 16px;
    }
    
    .cta-end-section__title {
      font-size: 28px;
      margin-bottom: 24px;
    }
    
    .cta-end-section__btn-desktop {
      display: none;
    }
    
    .cta-end-section__btn-mobile {
      display: inline;
    }
    
    .cta-end-section__buttons {
      flex-direction: row;
      justify-content: center;
      gap: 12px;
    }
    
    .cta-end-section__btn {
      padding: 12px 24px;
      font-size: 14px;
    }
  }
</style>
</div>




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





</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--25797520556405__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-4"></div>
<div
  class="
    section section--page-width color-scheme-4
    
  "
>
  


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

--gap: max(24px, calc(var(--gap-scale, 1.0) * 64px));

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

      --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: 16px;
    "
  >
    



<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--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 54px));

--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: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
    >
      <summary class="menu__heading h5">
        <span class="menu__heading__default">Shop</span>
        <span class="menu__heading__accordion">
          Shop
          <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>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="https://bespoke-arcades.co.uk/collections/all-arcade-machine-cabinets">
                  All Arcade Machines
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/all-arcade-machine-cabinets">
                  Multi-Game
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/commercial-arcade-jamma-cabinet-machines">
                  Commercial
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/stand-up">
                  Stand-Up/Upright
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/cocktail-arcade-machine-cabinets">
                  Tabletop/Cocktail
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/coffee-table">
                  Coffee Table
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="https://bespoke-arcades.co.uk/products/25-apex-racer-arcade-machine">
                  Stand-Up Racer
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="https://bespoke-arcades.co.uk/products/25-gun-cab-lightgun-arcade-machine">
                  Light Gun Cabinet
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/virtual-pinball">
                  Virtual Pinball
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/sale-1">
                  **SALE**
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>










  <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: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
    >
      <summary class="menu__heading h5">
        <span class="menu__heading__default">About us</span>
        <span class="menu__heading__accordion">
          About us
          <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>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/search">
                  Search
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/about-us">
                  About Us
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/faqs">
                  FAQ's
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/terms-conditions">
                  Terms & Conditions
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/sitemap">
                  Sitemap
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>










  <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: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
    >
      <summary class="menu__heading menu__heading--empty h3">
        <span class="menu__heading__default"></span>
        <span class="menu__heading__accordion">
          Footer Menu 3
          <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>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/search">
                  Search
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/shipping-policy">
                  Shipping Policy
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/faqs">
                  FAQs
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/terms-of-service">
                  Terms of Service
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/privacy-policy">
                  Privacy Policy
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/refund-policy">
                  Refund Policy
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact">
                  Contact Us
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>









<div
  class="
    group-block
    group-block--height-fill
    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: 100%;--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;

--gap: 12px;

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


<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 h5">
      Get your seat at the table
    </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="✓" />
    <div
      class="email-signup__input-group color-scheme-2"
      style="--border-width: 2px; --border-radius: 0px;"
    >
      <label
        for="EmailInput-ASmNmbzVoalBzWkwyR__email_signup_JWzraY"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-ASmNmbzVoalBzWkwyR__email_signup_JWzraY"
        class="email-signup__input email-signup__input--all h5 "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button  email-signup__button--text h5 button button--ASmNmbzVoalBzWkwyR__email_signup_JWzraY color-scheme-2"
        
      >
        
          SUBSCRIBE
        
      </button>
    </div></form>
</div>






<div
  class="
    payment-icons
    spacing-style
  "
  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    --icon-gap: 10px;
    --alignment: flex-start;
  "
  
>
  <span class="visually-hidden">Payment methods</span>
  <ul
    class="payment-icons__list"
    role="list"
  ><li class="payment-icons__item">
        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewBox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
      </li></ul>
</div>












  <rte-formatter 
  class=" spacing-style text-block text-block--AblNOMWdDMXZ1NHhlZ__text_iCf9FQ 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>0207 935-9005</p><p>info@bespoke-arcades.co.uk</p>
  </rte-formatter>







</div>
</div>






</div>
</div>







<div
  class="footer-utilities spacing-style"
  style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 1px;"
  
>
  <div class="footer-utilities__group footer-utilities__group--left">
    

<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: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Bespoke Arcades</a></span>
</div>



    

  <anchored-popover-component data-hover-triggered="true">
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Terms and Policies
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/refund-policy"
                class="footer-utilities__text"
              >Refund policy</a>
            </li><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >Privacy policy</a>
            </li><li>
              <a
                href="/policies/terms-of-service"
                class="footer-utilities__text"
              >Terms of service</a>
            </li><li>
              <a
                href="/policies/shipping-policy"
                class="footer-utilities__text"
              >Shipping policy</a>
            </li></ul>
    </div>
  </anchored-popover-component>






  </div>

  <div class="footer-utilities__group footer-utilities__group--right">
    

<div
  class="social-icons__wrapper"
  
>
  


















































</div>





  </div>
</div>





  </div>
</div>


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

    <script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/dialog.js?v=94382931671780430451761767564"
  type="module"
></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
  >
    <script
  src="//bespoke-arcades.co.uk/cdn/shop/t/85/assets/predictive-search.js?v=53445493388242646041761767564"
  type="module"
  fetchpriority="low"
></script>

<predictive-search-component
  class="predictive-search color-scheme-1"
  style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
  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"
          aria-label="Reset search"
          ref="resetButton"
          hidden
          on:click="/resetSearch"
        >
          <span class="svg-wrapper predictive-search__reset-button-icon">
            <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>
          <span class="predictive-search__reset-button-text">Clear</span>
        </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>

      </div>

      <div class="predictive-search-form__footer">
        <button
          class="button button-primary 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-1"
    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>



    
    
      <!--  ClickCease.com tracking-->
      <script type='text/javascript'>var script = document.createElement('script');
      script.async = true; script.type = 'text/javascript';
      var target = 'https://www.clickcease.com/monitor/stat.js';
      script.src = target;var elem = document.head;elem.appendChild(script);
      </script>
      <noscript>
      <a href='https://www.clickcease.com' rel='nofollow'><img src='https://monitor.clickcease.com' alt='ClickCease'/></a>
      </noscript>
      <!--  ClickCease.com tracking-->
    <!-- Loader-->
    <script>var script_loaded=!1;function loadJSscripts(){setTimeout(function(){if(!script_loaded){script_loaded=!0;var t=document.getElementsByTagName("script");for(i=0;i<t.length;i++)null!==t[i].getAttribute("data-src")&&(t[i].setAttribute("src",t[i].getAttribute("data-src")),delete t[i].dataset.src);var e=document.getElementsByTagName("link");for(i=0;i<e.length;i++)null!==e[i].getAttribute("data-href")&&(e[i].setAttribute("href",e[i].getAttribute("data-href")),delete e[i].dataset.href);setTimeout(function(){document.dispatchEvent(new CustomEvent("StartAsyncLoading")),document.dispatchEvent(new CustomEvent("StartKernelLoading"))},400)}},9e3)}function loadJSscriptsNow(){if(!script_loaded){console.log("now ..."),script_loaded=!0;var t=document.getElementsByTagName("script");for(i=0;i<t.length;i++)null!==t[i].getAttribute("data-src")&&(t[i].setAttribute("src",t[i].getAttribute("data-src")),delete t[i].dataset.src);var e=document.getElementsByTagName("link");for(i=0;i<e.length;i++)null!==e[i].getAttribute("data-href")&&(e[i].setAttribute("href",e[i].getAttribute("data-href")),delete e[i].dataset.href);setTimeout(function(){document.dispatchEvent(new CustomEvent("StartAsyncLoading")),document.dispatchEvent(new CustomEvent("StartKernelLoading"))},400)}}var activityEvents=["mousedown","mousemove","keydown","scroll","touchstart","click","keypress","touchmove"];activityEvents.forEach(function(t){window.addEventListener(t,loadJSscriptsNow,!1)}),document.addEventListener("load",loadJSscripts,!1),document.addEventListener("onload",loadJSscripts,!1),null!=window.addEventListener?window.addEventListener("load",loadJSscripts,!1):null!=window.attachEvent?window.attachEvent("onload",loadJSscripts):window.onload=loadJSscripts;</script> 

  

<script>
(function() {
  // Configuration
  const AUTO_REDIRECT_CONFIG = {
    enabled: true, // Set to false to disable redirect
    delay: 300, // Delay in milliseconds before redirect
    cartUrl: '/cart' // Cart page URL
  };

  // Don't run if disabled
  if (!AUTO_REDIRECT_CONFIG.enabled) return;

  // Method 1: Listen for Shopify theme events (most reliable for modern themes)
  document.addEventListener('DOMContentLoaded', function() {
    
    // Listen for cart:items-updated event (common in Shopify themes)
    document.addEventListener('cart:items-updated', function(event) {
      setTimeout(function() {
        window.location.href = AUTO_REDIRECT_CONFIG.cartUrl;
      }, AUTO_REDIRECT_CONFIG.delay);
    });

    // Listen for product:added-to-cart event
    document.addEventListener('product:added-to-cart', function(event) {
      setTimeout(function() {
        window.location.href = AUTO_REDIRECT_CONFIG.cartUrl;
      }, AUTO_REDIRECT_CONFIG.delay);
    });

    // Method 2: Intercept fetch requests to /cart/add (backup method)
    const originalFetch = window.fetch;
    let redirectScheduled = false;

    window.fetch = function(...args) {
      const url = args[0];
      
      // Check if this is a cart add request
      if (typeof url === 'string' && (url.includes('/cart/add') || url.includes('cart/add.js'))) {
        return originalFetch.apply(this, args).then(response => {
          const clonedResponse = response.clone();
          
          // If successful and redirect not already scheduled
          if (response.ok && !redirectScheduled) {
            redirectScheduled = true;
            setTimeout(function() {
              window.location.href = AUTO_REDIRECT_CONFIG.cartUrl;
            }, AUTO_REDIRECT_CONFIG.delay);
          }
          
          return clonedResponse;
        });
      }
      
      return originalFetch.apply(this, args);
    };
  });
})();
</script>
<style> @media screen and (width >= 750px) {.product-information__grid:not( :has(.product-information__media:empty) ).product-information--media-left {grid-template-columns: 1fr 1fr; }} product-card .product-badges {display: none !important;} </style>
<div id="shopify-block-AaFI1R0pkYmFqemtUS__2858414731233960599" class="shopify-block shopify-app-block"><script translate="no">
  if( typeof SmartifyAppDECO === 'undefined'){
    var SmartifyAppDECO = SmartifyAppDECO || {};
  }

  if (typeof SmartifyAppDECO.products_has_gift === 'undefined') {
    SmartifyAppDECO.products_has_gift = {};
  }

  
    SmartifyAppDECO.timeSleep = 1;
  

  
    SmartifyAppDECO.searchDepthLimit = 7;
  

  SmartifyAppDECO.badges = [];
  
    SmartifyAppDECO.badges = JSON.parse("[]");
  

  SmartifyAppDECO.labels = [];
  
    SmartifyAppDECO.labels = JSON.parse("[{\"id\":70686,\"name\":\"Deco Label\",\"language\":[\"global\"],\"priority\":0,\"status\":true,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/labels\\\/pl-july-production-demo-store\\\/675667ae573dd.png\",\"hide\":false,\"text\":null,\"styles\":\"\",\"text_styles\":\"\",\"position\":\"top_right\",\"label_width\":30,\"label_height\":10,\"label_width_mobile\":null,\"label_height_mobile\":null,\"label_width_product\":null,\"label_height_product\":null,\"label_width_product_mobile\":null,\"label_height_product_mobile\":null,\"fixed_size\":false,\"page\":[\"product\",\"collection\",\"home\",\"search\"],\"device\":[\"desktop\",\"mobile\"],\"ignore_page\":null,\"label_type\":0,\"top\":0,\"left\":0,\"customize_position\":false,\"margin\":{\"top\":0,\"bottom\":0,\"left\":0,\"right\":0},\"rotate\":0,\"opacity\":1,\"link\":null,\"alt\":null,\"animation\":\"none\",\"tooltip\":null,\"auto_responsive\":true,\"responsive_ratio\":0.5,\"ratio_size\":true,\"all_image\":false,\"conditions\":{\"id\":70629,\"label_id\":70686,\"variant_apply\":\"variants\",\"variants\":null,\"exclude_variants\":[],\"include_variants\":[\"41130774528087\",\"41130774560855\",\"41130774593623\",\"41130774626391\",\"41130774659159\",\"41130774691927\",\"40183059185751\",\"40183059218519\",\"40183059251287\",\"40183059284055\",\"40183069409367\",\"40183061839959\",\"40183061577815\",\"40183069442135\",\"40183061905495\",\"40183061610583\",\"40183069474903\",\"40183061971031\",\"40183061643351\",\"40183034183767\",\"40183033200727\",\"40206022606935\",\"40183029235799\",\"40183060725847\",\"40183059808343\",\"41152736133207\",\"41152741834839\",\"41152743145559\",\"41152774406231\",\"41152776142935\",\"41152732725335\",\"41152734527575\",\"41152738033751\",\"41152740589655\",\"40958274502743\",\"23185647763556\",\"40958229151831\"],\"from_time\":null,\"to_time\":null,\"is_new\":\"any\",\"is_on_sale\":\"any\",\"collections\":[],\"exclude_collections\":[],\"tags\":[],\"exclude_tags\":[],\"stock_status\":\"any\",\"use_price\":false,\"by_price\":\"base_price\",\"from_price\":null,\"to_price\":null,\"use_weight\":false,\"from_weight\":null,\"to_weight\":null,\"use_time\":false,\"starts_at\":\"\",\"ends_at\":\"\",\"discount_from\":0,\"discount_to\":10,\"discount_fixed\":0,\"discount_by\":\"percentage\",\"discount_type\":\"fixed\",\"stock_from\":0,\"stock_to\":10,\"new_date_from\":null,\"new_date_to\":null,\"new_days_threshold\":10,\"low_stock_threshold\":1,\"product_stock_computation\":\"per_variant\",\"title\":null,\"title_type\":\"product\",\"title_operator\":\"equal\",\"include_pages\":null,\"review_app\":null,\"review_app_handle\":null,\"review_metafields\":null,\"review_option_selected\":\"star_rating\",\"review_condition\":\"greater_than\",\"review_star_rating\":4,\"review_num_review\":10,\"free_gift_app\":null,\"free_gift_app_handle\":null,\"free_gift_offers\":[],\"customer_tags\":[],\"customer_tag_status\":\"include\",\"customer_login\":\"logged\",\"customer_status\":\"all\",\"condition_logic\":\"all\"},\"design\":{\"id\":55739,\"label_id\":70686,\"border_radius\":0,\"border\":{\"style\":\"none\",\"size\":0,\"color\":\"#000000\"},\"shape_color\":\"#B9B9B9\",\"text_color\":\"#5E5873\",\"font_family\":\"default\",\"font_size\":12,\"font_size_mobile\":null,\"font_size_product\":null,\"font_size_product_mobile\":null,\"font_style\":{\"weight\":\"normal\",\"style\":\"normal\",\"decoration\":\"none\"},\"letter_spacing\":0,\"shape_class\":\"pl-text-rectangle\",\"font_size_ratio\":0,\"shape_start_color\":\"#B9B9B9\",\"shape_ending_color\":\"#E5E5E5\",\"shape_gradient_direction\":90},\"metafields\":[],\"group_ids\":[],\"updated_at\":\"2025-04-15T08:46:47.000000Z\",\"label_text_type\":0,\"translation\":[]},{\"id\":78956,\"name\":\"Deco Label\",\"language\":[\"global\"],\"priority\":0,\"status\":true,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/gallery\\\/680afb748d044.webp\",\"hide\":false,\"text\":\"Sale\",\"styles\":\"\",\"text_styles\":\"\",\"position\":\"top_right\",\"label_width\":20,\"label_height\":10,\"label_width_mobile\":null,\"label_height_mobile\":null,\"label_width_product\":null,\"label_height_product\":null,\"label_width_product_mobile\":null,\"label_height_product_mobile\":null,\"fixed_size\":false,\"page\":[\"product\",\"collection\",\"home\",\"search\"],\"device\":[\"desktop\",\"mobile\"],\"ignore_page\":null,\"label_type\":0,\"top\":0,\"left\":0,\"customize_position\":false,\"margin\":{\"top\":0,\"bottom\":0,\"left\":0,\"right\":0},\"rotate\":0,\"opacity\":1,\"link\":null,\"alt\":null,\"animation\":\"none\",\"tooltip\":null,\"auto_responsive\":true,\"responsive_ratio\":0.7,\"ratio_size\":true,\"all_image\":false,\"conditions\":{\"id\":78896,\"label_id\":78956,\"variant_apply\":\"variants\",\"variants\":null,\"exclude_variants\":[],\"include_variants\":[\"27520125173860\",\"40174589018199\",\"27813516804196\"],\"from_time\":null,\"to_time\":null,\"is_new\":\"any\",\"is_on_sale\":\"any\",\"collections\":[],\"exclude_collections\":[],\"tags\":[],\"exclude_tags\":[],\"stock_status\":\"any\",\"use_price\":false,\"by_price\":\"base_price\",\"from_price\":null,\"to_price\":null,\"use_weight\":false,\"from_weight\":null,\"to_weight\":null,\"use_time\":false,\"starts_at\":\"\",\"ends_at\":\"\",\"discount_from\":0,\"discount_to\":10,\"discount_fixed\":0,\"discount_by\":\"percentage\",\"discount_type\":\"fixed\",\"stock_from\":0,\"stock_to\":10,\"new_date_from\":null,\"new_date_to\":null,\"new_days_threshold\":10,\"low_stock_threshold\":1,\"product_stock_computation\":\"per_variant\",\"title\":null,\"title_type\":\"product\",\"title_operator\":\"equal\",\"include_pages\":null,\"review_app\":null,\"review_app_handle\":null,\"review_metafields\":null,\"review_option_selected\":\"star_rating\",\"review_condition\":\"greater_than\",\"review_star_rating\":4,\"review_num_review\":10,\"free_gift_app\":null,\"free_gift_app_handle\":null,\"free_gift_offers\":[],\"customer_tags\":[],\"customer_tag_status\":\"include\",\"customer_login\":\"logged\",\"customer_status\":\"all\",\"condition_logic\":\"all\"},\"design\":{\"id\":64007,\"label_id\":78956,\"border_radius\":0,\"border\":{\"style\":\"none\",\"size\":0,\"color\":\"#000000\"},\"shape_color\":\"#000000\",\"text_color\":\"#ffffff\",\"font_family\":\"Alata\",\"font_size\":12,\"font_size_mobile\":null,\"font_size_product\":null,\"font_size_product_mobile\":null,\"font_style\":{\"weight\":\"normal\",\"style\":\"normal\",\"decoration\":\"none\"},\"letter_spacing\":2,\"shape_class\":\"pl-text-rectangle\",\"font_size_ratio\":0,\"shape_start_color\":\"#B9B9B9\",\"shape_ending_color\":\"#E5E5E5\",\"shape_gradient_direction\":90},\"metafields\":[],\"group_ids\":[],\"updated_at\":\"2025-10-01T12:37:07.000000Z\",\"label_text_type\":0,\"translation\":[]}]");
  

  SmartifyAppDECO.groups = [];
  
    SmartifyAppDECO.groups = JSON.parse("[]");
  

  SmartifyAppDECO.banners = [];
  
    SmartifyAppDECO.banners = JSON.parse("[]");
  

  SmartifyAppDECO.trustBadges = [];
  
    SmartifyAppDECO.trustBadges = JSON.parse("[{\"id\":2176,\"name\":\"Deco trust badge\",\"type\":\"payment\",\"position\":\"position-1\",\"position_type\":\"section\",\"status\":true,\"direction\":\"horizontal\",\"title\":\"Secure payment with\",\"title_font_size\":15,\"title_color\":\"#000000\",\"title_align\":\"center\",\"subtitle\":null,\"subtitle_font_size\":12,\"subtitle_color\":\"#000000\",\"icon_title_font_size\":12,\"icon_title_color\":\"#000000\",\"filter\":\"grayscale(0%)\",\"trust_badge_align\":\"center\",\"background\":\"transparent\",\"animation\":\"none\",\"alt\":null,\"width\":45,\"width_mobile\":36,\"type_size\":\"px\",\"gap\":0,\"gap_mobile\":5,\"type_gap\":\"px\",\"number_column_desktop\":\"auto-fit\",\"number_column_mobile\":\"9\",\"icons\":[{\"id\":8485,\"trust_badge_id\":2176,\"order\":1,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/icon-gallery\\\/668b68ffe926d.svg\",\"title\":null,\"subtitle\":null,\"link\":null,\"translation\":[]},{\"id\":8486,\"trust_badge_id\":2176,\"order\":2,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/icon-gallery\\\/668b632915548.svg\",\"title\":null,\"subtitle\":null,\"link\":null,\"translation\":[]},{\"id\":8488,\"trust_badge_id\":2176,\"order\":3,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/icon-gallery\\\/668b68521f50c.svg\",\"title\":null,\"subtitle\":null,\"link\":null,\"translation\":[]},{\"id\":8489,\"trust_badge_id\":2176,\"order\":4,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/icon-gallery\\\/668b6328b139e.svg\",\"title\":null,\"subtitle\":null,\"link\":null,\"translation\":[]},{\"id\":8490,\"trust_badge_id\":2176,\"order\":5,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/icon-gallery\\\/668b6328f2da3.svg\",\"title\":null,\"subtitle\":null,\"link\":null,\"translation\":[]},{\"id\":8491,\"trust_badge_id\":2176,\"order\":6,\"image\":\"https:\\\/\\\/d3azqz9xba9gwd.cloudfront.net\\\/storage\\\/icon-gallery\\\/668b6329043b4.svg\",\"title\":null,\"subtitle\":null,\"link\":null,\"translation\":[]}],\"condition\":{\"id\":2176,\"trust_badge_id\":2176,\"page\":[\"product\",\"home\",\"collection\",\"cart\",\"search\"],\"device\":[\"desktop\",\"mobile\"],\"collection_apply\":\"all-collection\",\"product_apply\":\"all-product\",\"starts_at\":null,\"ends_at\":null,\"collections\":[],\"from_collections\":[],\"from_tags\":[],\"include_variants\":[],\"customer_tags\":[],\"customer_tag_status\":\"include\",\"customer_login\":\"logged\",\"customer_status\":\"all\"},\"countdown\":{\"id\":3669,\"type\":\"specific\",\"fixed_time\":120,\"specific_time\":\"2025-09-24 15:31\",\"countdown_time\":1758727861030,\"label_day\":\"Days\",\"label_hour\":\"Hrs\",\"label_minute\":\"Mins\",\"label_second\":\"Secs\",\"direction\":\"horizontal\",\"number_color\":\"#000000\",\"number_font_size\":18,\"label_color\":\"#000000\",\"label_font_size\":14,\"time_out_action\":\"do_nothing\",\"auto_responsive\":1,\"translation\":[]},\"use_countdown\":0,\"countdown_id\":3669,\"updated_at\":\"2025-09-24T13:56:11.000000Z\",\"translation\":[]}]");
  

  SmartifyAppDECO.discounts = [];
  

  
    
      SmartifyAppDECO.badgeHorizontal = "0";
    
    
      SmartifyAppDECO.linkTarget = "0";
    
    
      SmartifyAppDECO.searchProxy = "0";
    
    
    SmartifyAppDECO.remove_watermark = true;
  

  

  
    SmartifyAppDECO.regex = JSON.parse("{\"pisRegex\":\"product-card .product-card__link\",\"lpsPath\":\"product-card .card-gallery\",\"pistRegex\":\"product-card .text-block:has(p)\",\"pispRegex\":\"product-card .group-block product-price\",\"piRegex\":\".product-media img\",\"lpPath\":\".product-media\",\"pitRegex\":\".product__info-wrapper .product__title\",\"pipRegex\":\".product__info-wrapper .price\",\"pibRegex\":null,\"trustRegex\":\".product-form__buttons\",\"style\":null,\"script\":null}");
  

  if (SmartifyAppDECO.regex) {
    const _r = SmartifyAppDECO.regex;
    if (_r.piRegex != null) SmartifyAppDECO.piRegex = _r.piRegex;
    if (_r.lpPath != null) SmartifyAppDECO.lpPath = _r.lpPath;
    if (_r.pisRegex != null) SmartifyAppDECO.pisRegex = _r.pisRegex;
    if (_r.lpsPath != null) SmartifyAppDECO.lpsPath = _r.lpsPath;
    if (_r.pistRegex != null) SmartifyAppDECO.pistRegex = _r.pistRegex;
    if (_r.pispRegex != null) SmartifyAppDECO.pispRegex = _r.pispRegex;
    if (_r.pipRegex != null) SmartifyAppDECO.pipRegex = _r.pipRegex;
    if (_r.pitRegex != null) SmartifyAppDECO.pitRegex = _r.pitRegex;
    if (_r.pibRegex != null) SmartifyAppDECO.pibRegex = _r.pibRegex;
    if (_r.trustRegex != null) SmartifyAppDECO.trustRegex = _r.trustRegex;
    if (_r.productDiscountRegex != null) SmartifyAppDECO.productDiscountRegex = _r.productDiscountRegex;
    if (_r.collectionDiscountRegex != null) SmartifyAppDECO.collectionDiscountRegex = _r.collectionDiscountRegex;
  }

  

  
  SmartifyAppDECO.page = 'home';
  

  
    if (SmartifyAppDECO.regex?.style) {
      let style = document.createElement('style');
      style.innerText = SmartifyAppDECO.regex.style;
      document.body.append(style);
    }
    let decoCheckComplete = setInterval(function () {
      if (document.readyState == 'complete') {
        clearInterval(decoCheckComplete);
        if (typeof SmartifyAppDECO !== 'undefined' && SmartifyAppDECO.regex?.script) {
          let script = document.createElement('script');
          script.innerText = SmartifyAppDECO.regex.script;
          document.body.append(script);
        }
      }
    }, 100);
  

  
    SmartifyAppDECO.customer={}
  

</script>







<script async src="https://www.googletagmanager.com/gtag/js?id=G-JHR423K54K"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function decoGtag() { dataLayer.push(arguments); }
  decoGtag('js', new Date());
  decoGtag('config', 'G-JHR423K54K');
  SmartifyAppDECO.analytic = SmartifyAppDECO.analytic !== false ? SmartifyAppDECO.analytic : true;
</script>

<div id="deco-main-label">
</div>







  <!-- BEGIN app snippet: vite-tag -->


  <script src="https://cdn.shopify.com/extensions/019e3e48-1878-7e40-8692-9d901afe769f/deco-labels-badges-594/assets/theme-IG06pDzM.js" type="module" crossorigin="anonymous"></script>

<!-- END app snippet --><!-- BEGIN app snippet: vite-tag -->


  <link href="//cdn.shopify.com/extensions/019e3e48-1878-7e40-8692-9d901afe769f/deco-labels-badges-594/assets/banner-B1HCdxwV.css" rel="stylesheet" type="text/css" media="all" />

<!-- END app snippet --><!-- BEGIN app snippet: vite-tag -->


  <link href="//cdn.shopify.com/extensions/019e3e48-1878-7e40-8692-9d901afe769f/deco-labels-badges-594/assets/label-badge-DDXgsWqr.css" rel="stylesheet" type="text/css" media="all" />

<!-- END app snippet --><!-- BEGIN app snippet: vite-tag -->


  <link href="//cdn.shopify.com/extensions/019e3e48-1878-7e40-8692-9d901afe769f/deco-labels-badges-594/assets/trust-badge-BO30rkyO.css" rel="stylesheet" type="text/css" media="all" />

<!-- END app snippet --><!-- BEGIN app snippet: vite-tag -->


  <link href="//cdn.shopify.com/extensions/019e3e48-1878-7e40-8692-9d901afe769f/deco-labels-badges-594/assets/countdown-BJods4g9.css" rel="stylesheet" type="text/css" media="all" />

<!-- END app snippet -->



</div><div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
  id="chat-button-container"
  data-horizontal-position=bottom_right
  data-vertical-position=lowest
  data-icon=chat_bubble
  data-text=chat_with_us
  data-color=#000000
  data-secondary-color=#ffffff
  data-ternary-color=#6a6a6a
  
    data-greeting-message=Hi+there.+Thanks+for+getting+in+touch-+we%27re+happy+to+help+and+will+respond+once+we+are+back+from+Christmas+holidays+on+January+the+5th.%0A%0AIf+your+inquiry+is+urgent+we+will+be+in+touch+as+soon+as+possible
  
  data-domain=bespoke-arcades.co.uk
  data-shop-domain=bespoke-arcades.co.uk
  data-external-identifier=oXY96tBgQ1Q0zIJhQpt6ljjZMoCClxWy1K1JCV0IzwM
  
>
</script>


</div></body>
  <style> @media screen and (width >= 750px) {.product-information__grid:not( :has(.product-information__media:empty) ).product-information--media-left {grid-template-columns: 1fr 1fr; }} product-card .product-badges {display: none !important;} </style>
</body>
</html>