<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="#ffffff">
    
    <meta name="google-site-verification" content="GualJIRh4KaFaBi4HUe56gR5rtb76_SGR3Q3oc5Jmfg" />

    
<meta name="description" content="Shop all basic yarns including the Premier Anti-Pilling yarn collection in over 300 colors. Premier Anti-Pilling yarns are made with Pilbloc fiber and are sold exclusively by Premier Yarns."><meta property="og:type" content="website">
  <meta property="og:title" content="Premier Yarns - High Quality Yarn at Affordable Prices"><meta property="og:description" content="Shop all basic yarns including the Premier Anti-Pilling yarn collection in over 300 colors. Premier Anti-Pilling yarns are made with Pilbloc fiber and are sold exclusively by Premier Yarns."><meta property="og:url" content="https://www.premieryarns.com/">
<meta property="og:site_name" content="Premier Yarns"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Premier Yarns - High Quality Yarn at Affordable Prices">
  <meta name="twitter:description" content="Shop all basic yarns including the Premier Anti-Pilling yarn collection in over 300 colors. Premier Anti-Pilling yarns are made with Pilbloc fiber and are sold exclusively by Premier Yarns.">
    
    <title>
      Premier Yarns - High Quality Yarn at Affordable Prices
    </title>

    <link rel="apple-touch-icon" href="https://www.premieryarns.com/cdn/shop/files/Premier_LOGO_414bcae4-68f4-4e84-aec9-d29cb515dbb4_128x.png" /><link rel="icon" sizes="48x48" href="//www.premieryarns.com/cdn/shop/files/Premier_LOGO_414bcae4-68f4-4e84-aec9-d29cb515dbb4_48x.png?v=1738576233" type="image/png">
      <link rel="shortcut icon" sizes="32x32" href="//www.premieryarns.com/cdn/shop/files/Premier_LOGO_414bcae4-68f4-4e84-aec9-d29cb515dbb4_32x.png?v=1738576233" type="image/png">
      <link rel="icon" sizes="16x16" href="//www.premieryarns.com/cdn/shop/files/Premier_LOGO_414bcae4-68f4-4e84-aec9-d29cb515dbb4_48x.png?v=1738576233" type="image/png">
    <link rel="manifest" href="https://www.premieryarns.com/cdn/shop/files/manifest.json?v=1751906031" />

    
    <link rel="preconnect" href="https://cdn.shopify.com">
    <link rel="preconnect" href="https://fonts.shopifycdn.com">
    <link rel="dns-prefetch" href="https://ajax.googleapis.com">

    <link rel="canonical" href="https://www.premieryarns.com/">
    <link rel="stylesheet" href="//www.premieryarns.com/cdn/shop/t/569/assets/theme.scss.css?v=170636755561779248411780686032">
    
    <link href="https://d3hw6dc1ow8pp2.cloudfront.net/styles/main.min.css" rel="stylesheet" type="text/css">
<style type="text/css">
.okeReviews .okeReviews-reviewsWidget-header-controls-writeReview {
        display: inline-block;
    }
    .okeReviews .okeReviews-reviewsWidget.is-okeReviews-empty {
        display: block;
    }
</style>
<script type="application/json" id="oke-reviews-settings">
{"analyticsSettings":{"isWidgetOnScreenTrackingEnabled":true,"provider":"gtag"},"disableInitialReviewsFetchOnProducts":false,"filtersEnabled":false,"initialReviewDisplayCount":5,"locale":"en","localeAndVariant":{"code":"en"},"omitMicrodata":true,"reviewSortOrder":"rating","subscriberId":"af2021da-0361-4410-8190-161c57da32b4","widgetTemplateId":"default","starRatingColor":"#FFCF2A","recorderPlus":true,"recorderQandaPlus":true}
</script>

    <link rel="stylesheet" type="text/css" href="https://dov7r31oq5dkj.cloudfront.net/af2021da-0361-4410-8190-161c57da32b4/widget-style-customisations.css?v=4b792a9e-5e74-47ff-abdc-ce61c5ca3c68">

    <script>
      // This allows to expose several variables to the global scope, to be used in scripts
      window.theme = {
        pageType: "index",
        moneyFormat: "${{amount}}",
        moneyWithCurrencyFormat: "${{amount}} USD",
        productImageSize: "square",
        searchMode: "product,article,page",
        showPageTransition: true,
        showElementStaggering: false,
        showImageZooming: false,
      };

      window.routes = {
        rootUrl: "\/",
        cartUrl: "\/cart",
        cartAddUrl: "\/cart\/add",
        cartClearUrl: "\/cart\/clear",
        cartUpdateUrl: "\/cart\/update",
        cartChangeUrl: "\/cart\/change",
        searchUrl: "\/search",
        productRecommendationsUrl: "\/recommendations\/products",
      };

      window.languages = {
        cartAddNote: "Add Order Note",
        cartEditNote: "Edit Order Note",
        productImageLoadingError: "This image could not be loaded. Please try to reload the page.",
        productFormAddToCart: "Add to cart",
        productFormUnavailable: "Unavailable",
        productFormSoldOut: "Sold Out",
        shippingEstimatorOneResult: "1 option available:",
        shippingEstimatorMoreResults: "{{count}} options available:",
        shippingEstimatorNoResults: "No shipping could be found",
        backInStock: "Notify Me When Back In Stock"
      };

      window.lazySizesConfig = {
        loadHidden: false,
        hFac: 0.5,
        expFactor: 2,
        ricTimeout: 150,
        lazyClass: 'Image--lazyLoad',
        loadingClass: 'Image--lazyLoading',
        loadedClass: 'Image--lazyLoaded'
      };

      window.essentailTrackingItems = {
        customerId: null,
        customerEmail: null,
        productId: null
      }

      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      document.documentElement.style.setProperty('--window-height', window.innerHeight + 'px');

      const getOS = () => {
        const { userAgent } = navigator; 

        if (/windows|win(ce|95|98|nt)|iemobile/i.test(userAgent)) {
          return 'Windows';
        }
        if (/android/i.test(userAgent)) {
          return 'Android';
        }
        if (/iphone|ipad|ipod|macintosh|mac os x/i.test(userAgent)) {
          // Note: User agents on newer Apple devices might just say 'Macintosh'
          return 'iOS/macOS';
        }
        if (/linux/i.test(userAgent)) {
          return 'Linux';
        }
        if (/cros/i.test(userAgent)) {
            return 'Chrome OS';
        }
      }

      // We do a quick detection of some features (we could use Modernizr but for so little...)
      (function() {
        let userAgent = getOS();

        document.documentElement.className += ((window.CSS && window.CSS.supports('(position: sticky) or (position: -webkit-sticky)')) ? ' supports-sticky' : ' no-supports-sticky');
        document.documentElement.className += (window.matchMedia('(-moz-touch-enabled: 1), (hover: none)')).matches ? ' no-supports-hover' : ' supports-hover';
        document.documentElement.className += (userAgent == "iOS/macOS" || userAgent == "Linux" ? ' macOs' : ' Windows');
      }());

      /*
        Store the customer login state in the local storage, to be used in scripts. 
        (if account authentication is updated. This will need to be updated.)
      */localStorage.removeItem('isLoggedIn');</script>
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@5.50.2/dist/lite/builds/browser.umd.js" integrity="sha256-KUcZcV7W2aTUbrMQJk9R27f+2up0EntfdTBo3VsHNOA=" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-js@1.19.8/dist/umd/index.production.js" integrity="sha256-1XbjKeJ+FqQiRi8KgTUgGmjarD6uoHqoCCCZwaoqdqU=" crossorigin="anonymous"></script>


<script>
    var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/search-insights@2.17.3/dist/search-insights.min.js";

    !function(e,a,t,n,s,i,c){e.AlgoliaAnalyticsObject=s,e[s]=e[s]||function(){
    (e[s].queue=e[s].queue||[]).push(arguments)},e[s].version=(n.match(/@([^\/]+)\/?/) || [])[1],i=a.createElement(t),c=a.getElementsByTagName(t)[0],
    i.async=1,i.src=n,c.parentNode.insertBefore(i,c)
    }(window,document,"script",ALGOLIA_INSIGHTS_SRC,"aa");
</script>

<script>
    if(window.aa) {
        aa('init', {appId: "ZTIAHZGLX7", apiKey:"8f60a5221093dbf7594adcf0e5a78aa7"});
    };

    const { algoliasearch } = window['algoliasearch/lite'];
    const { autocomplete, getAlgoliaResults } = window['@algolia/autocomplete-js'];
</script>


<script>
      (function () {
        window.addEventListener("pageshow", function(event) {
          if (window.theme.showPageTransition) {
            var pageTransition = document.querySelector('.PageTransition');
            var pageTransitionLogo = document.querySelector('.premier-logo__icon');

            if (pageTransition) {
              pageTransition.style.opacity = '0';
              pageTransition.style.visibility= 'hidden';

              pageTransitionLogo.style.opacity = '0';
              pageTransitionLogo.style.visibility = 'hidden';
            }
          }

          // When the page is loaded from the cache, we have to reload the cart content
          document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', {
            bubbles: true
          }));
          
          // When page is reloaded from the cache, we have to reload the premier palette content on product page & the premier board content page
          document.documentElement.dispatchEvent(new CustomEvent('board:refresh', {
            bubbles: true,
            detail: JSON.parse(localStorage.getItem('PremierBoard'))
          }));var PremierBoardArr = JSON.parse(localStorage.getItem('PremierBoard'));
          var HeaderBoardDot = document.querySelectorAll('.Header__BoardDot');

          if (!PremierBoardArr) {
            HeaderBoardDot.forEach((element) => {
              element.classList.remove('is-visible');
              element.innerText = '0';
            });
          } else {
            HeaderBoardDot.forEach((element) => {
              element.classList.add('is-visible');
              element.innerText = JSON.stringify(PremierBoardArr.length)
            })
          }

          // if user is authenticated via account add that to the first party tracking
          if(window.aa) {
            if(window.essentailTrackingItems.customerId) {
              aa('setAuthenticatedUserToken', `${window.essentailTrackingItems.customerId}`);
            } else {
              aa('setAuthenticatedUserToken', undefined);
            }
          }
        });
      })();
    </script>
    
    <!--   Premier Pallete Library   --><script src="//www.premieryarns.com/cdn/shop/t/569/assets/lazysizes.min.js?v=174358363404432586981780685987" async></script>
    <script src="//www.premieryarns.com/cdn/shop/t/569/assets/libs.min.js?v=175281401052518049911780685987" defer></script>
    <script src="//www.premieryarns.com/cdn/shop/t/569/assets/theme.min.js?v=71865357898887780011780685987" defer></script>


  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "BreadcrumbList",
  "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "Translation missing: en.general.breadcrumb.home",
      "item": "https://www.premieryarns.com"
    }]
  }
  </script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="ndZ7tqEUmncuz2jlF4LC7YvQ5b3nesIRjGd8QYSHLd8">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/11900400/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="ecd40ac0166c02fe03ad54b12640ddf1">
<meta id="in-context-paypal-metadata" data-shop-id="11900400" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" hreflang="x-default" href="https://www.premieryarns.com/">
<link rel="alternate" hreflang="en" href="https://www.premieryarns.com/">
<link rel="alternate" hreflang="en-CA" href="https://www.premieryarns.com/en-ca">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=11900400" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":11900400,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/11900400","merchantName":"Premier Yarns","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Premier Yarns","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"ecd40ac0166c02fe03ad54b12640ddf1","betas":["rich-media-storefront-analytics"],"domain":"www.premieryarns.com","predictiveSearch":true,"shopId":11900400,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "premier-yarns.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Q2 Group 3 Launch : 06\/05\/26","id":130485682258,"schema_name":"Premier Yarns -- Prestige","schema_version":"8.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.premieryarns.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.premieryarns.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.premieryarns.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

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

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/d3hw6dc1ow8pp2.cloudfront.net\/reviewsWidget.min.js?shop=premier-yarns.myshopify.com","https:\/\/cdn.noibu.com\/collect-core.js?shop=premier-yarns.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":11900400,"offset":-14400,"reqid":"523d4538-4c0d-428a-b52d-73dd3bdb04be-1780976279","pageurl":"www.premieryarns.com\/index.css","u":"29902b9a1adf","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'])})(!1,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.premieryarns.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.premieryarns.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.premieryarns.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.premieryarns.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

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

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

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

      </style>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/J3GJLv/klaviyo.js?company_id=J3GJLv"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>









<!-- END app block --><script src="https://cdn.shopify.com/extensions/019ea8c7-accc-705e-aeec-5661a3d8b719/2026-06-08-19-46-57-UTC--a3fb95d/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/1190/0400/files/PremierOnly.jpg?v=1738575554" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/1190/0400/files/PremierOnly.jpg?v=1738575554" />
<meta property="og:image:width" content="3522" />
<meta property="og:image:height" content="3522" />
<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: 11900400,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: 11900400,storefrontBaseUrl: "https://www.premieryarns.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"866910290","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"d55e3cf212a0a88db5fca9e1cff191d7","type":"APP","apiClientId":145825267713,"privacyPurposes":["ANALYTICS"],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"834895954","configuration":"{\"accountID\":\"J3GJLv\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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":"769032274","configuration":"{\"referralUrlParamName\":\"r\",\"referralValidityPeriod\":\"7\",\"inboundEventsUrl\":\"https:\/\/inbound.brandchamp.io\/v1\/events\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d101f0425d87554b91b9bb491dfe9183","type":"APP","apiClientId":1172806,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"609878098","configuration":"{\"tagID\":\"2614010038893\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"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":"286097490","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\/ParoCM7vnvIbELmc2s0C\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\/bA4MCMrunvIbELmc2s0C\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\/ZFoZCMvvnvIbELmc2s0C\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\/nukbCMfunvIbELmc2s0C\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\/SLd6CMjvnvIbELmc2s0C\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\/Lr6gCNHvnvIbELmc2s0C\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-4JMHHCHCE6\\\",\\\"AW-699829817\\\/pBMZCM3unvIbELmc2s0C\\\"]}],\\\"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":"168067154","configuration":"{\"pixel_id\":\"1739930759622001\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"10223698","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Pinterest"},{"id":"26869842","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"LP Microsoft UET Revenue"},{"id":"26902610","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"LP Google Ads Purchases"},{"id":"26935378","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"LP GAds Dynamic Remarketing"},{"id":"104366162","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"73","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Algolia Post Purchase Tracking"},{"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":"Premier Yarns","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"premier-yarns.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.premieryarns.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.premieryarns.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"11900400","storefrontBaseUrl":"https:\/\/www.premieryarns.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"523d4538-4c0d-428a-b52d-73dd3bdb04be-1780976279"}};
  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: 11900400,
      theme_id: 130485682258,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.premieryarns.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

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

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":11900400,"isMerchantRequest":null,"themeId":130485682258,"themeCityHash":"16958904061303904340","contentLanguage":"en","currency":"USD","eventMetadataId":"411b8b82-afb7-494f-b978-c6e62d1467f4"},"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":"523d4538-4c0d-428a-b52d-73dd3bdb04be-1780976279","shopifyEmitted":true});

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

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.premieryarns.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://www.premieryarns.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="11900400"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="130485682258"
  data-theme-name="Premier Yarns -- Prestige"
  data-theme-version="8.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.premieryarns.com/api/collect"
></script>
</head>
  
  <body class="prestige--v4  template-index">
    <a class="PageSkipLink u-visually-hidden" href="#main">Skip to content</a>
    <span class="LoadingBar"></span>
    <div class="PageOverlay" data-action="close-search"></div><div class="PageTransition"></div>
      <svg role="presentation" viewBox="0 0 500 500" class="premier-logo__icon">
      <defs>
        <style>.cls-1{fill:#c82031;}</style>
      </defs>
      <g>
        <path class="cls-1" d="M23.2,205.48h29.16c4.15,0,7.29-.92,9.43-2.75,2.13-1.84,3.2-4.53,3.2-8.08s-1.07-6.18-3.2-8.11c-2.14-1.94-5.14-2.9-9.01-2.9H23.2v21.85h0Zm-8.2,36.64v-66.1H52.9c6.43,0,11.49,1.6,15.18,4.79,3.69,3.19,5.54,7.56,5.54,13.11s-1.79,10.4-5.36,13.95c-3.57,3.55-8.33,5.33-14.28,5.33H23.2v28.92H15Z"/>
        <path class="cls-1" d="M95.05,205.48h29.16c4.15,0,7.29-.92,9.43-2.75,2.13-1.84,3.2-4.53,3.2-8.08s-1.07-6.18-3.2-8.11c-2.14-1.94-5.14-2.9-9.01-2.9h-29.58v21.85h0Zm-8.2,36.64v-66.1h37.9c6.47,0,11.54,1.63,15.21,4.88,3.67,3.25,5.51,7.75,5.51,13.5,0,4.79-1.44,8.89-4.31,12.3-2.87,3.41-6.67,5.54-11.38,6.38l16.53,29.04h-9.1l-16.52-28.92h-25.63v28.92h-8.2Z"/>
        <polygon class="cls-1" points="160.43 242.13 160.43 176.03 212.4 176.03 212.4 183.63 168.64 183.63 168.64 203.03 195.1 203.03 195.1 210.63 168.64 210.63 168.64 234.52 215.1 234.52 215.1 242.13 160.43 242.13 160.43 242.13"/>
        <polygon class="cls-1" points="227.01 242.13 227.01 176.03 234.62 176.03 261.32 216.5 288.2 176.03 295.69 176.03 295.69 242.13 287.54 242.13 287.54 190.52 261.32 229.61 235.1 190.52 235.1 242.13 227.01 242.13 227.01 242.13"/>
        <polygon class="cls-1" points="315.15 242.13 315.15 175.67 323.47 175.67 323.47 242.13 315.15 242.13 315.15 242.13"/>
        <polygon class="cls-1" points="343.35 242.13 343.35 176.03 395.32 176.03 395.32 183.63 351.55 183.63 351.55 203.03 378.01 203.03 378.01 210.63 351.55 210.63 351.55 234.52 398.01 234.52 398.01 242.13 343.35 242.13 343.35 242.13"/>
        <path class="cls-1" d="M418.13,205.48h29.16c4.15,0,7.29-.92,9.43-2.75,2.13-1.84,3.2-4.53,3.2-8.08s-1.07-6.18-3.2-8.11c-2.14-1.94-5.14-2.9-9.01-2.9h-29.58v21.85h0Zm-8.2,36.64v-66.1h37.9c6.47,0,11.53,1.63,15.21,4.88,3.67,3.25,5.51,7.75,5.51,13.5,0,4.79-1.44,8.89-4.31,12.3-2.87,3.41-6.67,5.54-11.38,6.38l16.53,29.04h-9.1l-16.52-28.92h-25.63v28.92h-8.2Z"/>
        <path class="cls-1" d="M478.35,176h-1.43v2.74h1.43c.81,0,1.38-.1,1.7-.3,.33-.2,.49-.54,.49-1.03s-.17-.86-.52-1.08c-.34-.22-.9-.33-1.67-.33h0Zm.22-.78c1.07,0,1.87,.17,2.38,.52,.52,.34,.77,.87,.77,1.59,0,.54-.16,.99-.49,1.35-.33,.36-.76,.58-1.31,.66l1.7,3.52h-1.31l-1.61-3.36h-1.78v3.36h-1.15v-7.63h2.79Zm5.71,3.95c0-.81-.15-1.57-.43-2.28-.29-.72-.71-1.35-1.25-1.9-.57-.56-1.21-.99-1.93-1.29-.72-.3-1.48-.45-2.29-.45s-1.53,.14-2.23,.43c-.7,.29-1.33,.71-1.89,1.26-.57,.58-1.01,1.24-1.32,1.95-.3,.72-.46,1.47-.46,2.24s.15,1.52,.45,2.23c.3,.71,.73,1.35,1.29,1.91,.57,.56,1.21,.99,1.92,1.29,.71,.3,1.46,.45,2.23,.45s1.54-.15,2.27-.45c.73-.3,1.38-.73,1.96-1.3,.55-.54,.97-1.15,1.25-1.85,.29-.7,.43-1.45,.43-2.26h0Zm-5.91-6.66c.92,0,1.78,.17,2.58,.5,.81,.33,1.52,.81,2.14,1.45,.61,.61,1.09,1.33,1.42,2.13,.33,.8,.49,1.66,.49,2.55s-.16,1.75-.48,2.54c-.32,.79-.8,1.49-1.42,2.11-.65,.64-1.37,1.13-2.19,1.47-.81,.34-1.66,.51-2.53,.51s-1.73-.17-2.53-.5c-.8-.33-1.51-.82-2.14-1.46-.63-.63-1.12-1.34-1.45-2.14-.33-.8-.5-1.64-.5-2.52s.17-1.71,.51-2.53c.34-.82,.83-1.55,1.47-2.19,.61-.62,1.31-1.09,2.1-1.42,.79-.33,1.63-.49,2.53-.49h0Z"/>
      </g>
      <g>
        <path class="cls-1" d="M110.95,325.89v-30.39l-27.31-30.27h9.45l21.7,23.96,21.59-23.96h9.56l-27.47,30.39v30.27h-7.53Z"/>
        <path class="cls-1" d="M136.75,325.89l29.72-60.66h6.26l30.05,60.66h-8.19l-8.24-16.32h-33.52l-8.02,16.32h-8.08Zm19.56-23.4h26.7l-13.41-26.87-13.3,26.87Z"/>
        <path class="cls-1" d="M210.56,325.89v-60.66h34.78c5.93,0,10.59,1.5,13.96,4.48,3.37,2.99,5.05,7.11,5.05,12.39,0,4.4-1.32,8.16-3.96,11.3-2.64,3.13-6.12,5.08-10.44,5.84l15.16,26.65h-8.35l-15.16-26.54h-23.52v26.54h-7.53Zm7.53-33.62h26.76c3.81,0,6.69-.84,8.65-2.52s2.94-4.16,2.94-7.42-.98-5.67-2.94-7.44-4.71-2.67-8.27-2.67h-27.14v20.06Z"/>
        <path class="cls-1" d="M276.96,325.89v-60.66h3.96l39.34,45.33v-45.33h7.58v60.66h-3.85l-39.5-45.33v45.33h-7.53Z"/>
        <path class="cls-1" d="M339.02,316.77l4.4-6.54c4.29,3.34,8.74,5.88,13.38,7.64,4.63,1.76,9.22,2.64,13.76,2.64,5.6,0,10.15-1.19,13.65-3.57,3.5-2.38,5.25-5.44,5.25-9.17,0-2.97-1.26-5.41-3.76-7.33-2.51-1.93-5.98-3.07-10.41-3.43-1.06-.11-2.6-.22-4.62-.33-9.96-.69-16.76-1.86-20.38-3.52-2.82-1.35-4.96-3.1-6.43-5.24-1.47-2.15-2.2-4.55-2.2-7.23,0-4.87,2.18-8.88,6.54-12.03,4.36-3.15,10.02-4.73,16.98-4.73,5.05,0,10.04,.84,14.97,2.5,4.93,1.67,9.61,4.13,14.04,7.39l-4.4,6.27c-3.74-3-7.67-5.27-11.78-6.79-4.12-1.52-8.36-2.28-12.72-2.28-4.58,0-8.35,.89-11.32,2.66-2.97,1.78-4.45,4-4.45,6.67,0,1.07,.24,2.03,.71,2.91s1.21,1.7,2.2,2.47c2.49,1.86,7.88,3.06,16.15,3.57,3.81,.22,6.76,.46,8.85,.71,6.15,.7,11.03,2.68,14.61,5.93,3.59,3.26,5.38,7.28,5.38,12.04,0,5.67-2.46,10.35-7.39,14.01-4.93,3.66-11.38,5.49-19.37,5.49-6.04,0-11.66-.88-16.84-2.64-5.18-1.76-10.12-4.45-14.81-8.07Z"/>
      </g>
    </svg>
<div id="shopify-section-popup" class="shopify-section">

        <div class="Modal Modal--fullScreen NewsletterModal" id="newsletter-modal" data-section-id="popup" data-section-type="newsletter-popup" data-section-settings='
          {
            "apparitionDelay": 5,
            "showOnlyOnce": false,
            "expireDays": 30,
            "previewStep": "step_one"
          }
        ' data-countries-url="//www.premieryarns.com/cdn/shop/t/569/assets/country-codes.json?v=237263" role="dialog" aria-hidden="true" data-scrollable>
          <div class="Modal__Inner">
            <div class="Modal__Content">
              <div class="NewsletterModal__Wrapper">
                <div class="NewsletterModal__Image NewsletterModal__Image--mobile AspectRatio AspectRatio--withFallback" style="background:#ddd;  --aspect-ratio: 2.87;"><img class="Image--lazyLoad Image--fadeIn" data-sizes="auto" data-optimumx="1.2" data-widths="[100,200,300,400,500,600,700,800,900,1000,1200,1300,1400,1500,1600]" data-src="//www.premieryarns.com/cdn/shop/files/KIDS_Picnic_Q2G2_UPDATE_1__copy_7009d800-cc63-49ab-8bb3-593374100435_{width}x.jpg?v=1777570189" alt="Two young girls smiling and playing on a colorful crochet granny square blanket made with Colorfusion Chunky yarn. They are holding various fruit and vegetable amigurumi toys, including a carrot and strawberry, crocheted with Premier Parfait Chunky chenille yarn."/>
                </div>

                <div class="NewsletterModal__Image NewsletterModal__Image--desktop AspectRatio AspectRatio--withFallback" style="background: #ddd; --aspect-ratio: 0.585;"><img class="Image--lazyLoad Image--fadeIn" data-sizes="auto" data-optimumx="1.2" data-widths="[100,200,300,400,500]" data-src="//www.premieryarns.com/cdn/shop/files/Pop_UP_Desktop_REV_copy_{width}x.jpg?v=1777584659" alt="Two young girls smiling and playing on a colorful crochet granny square blanket made with Colorfusion Chunky yarn. They are holding various fruit and vegetable amigurumi toys, including a carrot and strawberry, crocheted with Premier Parfait Chunky chenille yarn."/>
                </div>

                <div class="NewsletterModal__Content">
                  <button class="Modal__Close RoundButton--small NewsletterModal__Close" data-action="close-modal"><svg class="Icon Icon--modal-close" role="presentation" viewBox="0 0 16 14">
      <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
    </svg></button><form id="popup-newsletter" class="Form" novalidate="novalidate">
                      <div class="NewsletterModal__Body">
                        <div class="NewsletterModal__Blocks">
                                <div
                                  class="NewsletterModal__Text Rte" style="text-align: left; font-size: 17px;"
                                  
                                >
                                  <p>We're happy you're here!</p>
                                </div>
                              

                                <div
                                  class="NewsletterModal__Heading" style="text-align: left; font-size: 2.7rem;"
                                  
                                >
                                  <h2>
                                    Sign Up For Email
                                  </h2>
                                </div>
                              

                                <div
                                  class="NewsletterModal__Text Rte" style="text-align: left; font-size: 16px;"
                                  
                                >
                                  <p>Subscribe to our newsletter to receive free patterns, access to exclusive deals, and learn about our new products!</p>
                                </div>
                              

                                  <div 
                                    class="NewsletterModal__Input" 
                                    data-step="step_one"
                                    
                                  >
                                    <label class="u-h6" for="email">
                                      EMAIL  
                                    </label>
                                    <div class="NewsletterForm__Input--Container" >
                                      <input 
                                        type="email"
                                        class="NewsletterInput Form__Input"
                                        id="email"
                                        name="email"
                                        aria-label="Email"
                                        autocomplete="off"
                                        required="required"
                                      >
                                    </div>
                                  </div>
                                
<div 
                                  class="NewsletterModal__Input"
                                  data-step="step_one"
                                  data-block-type="dropdown"
                                  
                                >
                                  <span class="u-h6" id="label-Crafting Type">WHAT TYPE OF CRAFTER ARE YOU? - OPTIONAL </span>
                                  <div class="NewsletterForm__Input--Container NewsletterModal__Dropdown" ><svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12">
      <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline>
    </svg><button 
                                      type="button"
                                      class="NewsletterModal__Dropdown--trigger"
                                      aria-haspopup="listbox"
                                      aria-expanded="false"
                                      aria-controls="popover-popup-dropdown_X6JRV7"
                                      aria-labelledby="label-Crafting Type"
                                    >
                                      <span class="NewsletterInput Form__Input NewsletterModal__Dropdown--label">&nbsp;</span>
                                    </button>

                                    <input 
                                      type="hidden"
                                      class="NewsletterInput Form__Input NewsletterModal__Dropdown--input"
                                      id="Crafting Type"
                                      name="Crafting Type"
                                      aria-label="What type of crafter are you?"
                                      autocomplete="off"
                                      
                                      value=""
                                    >
                                    <div id="popover-popup-dropdown_X6JRV7" class="NewsletterModal__Dropdown--wrapper Popover" aria-hidden="true">
                                      <div id="popup-dropdown_X6JRV7" class="NewsletterModal__Dropdown--menu Popover__ValueList" role="listbox"><div 
                                              class="NewsletterModal__Dropdown--option"
                                              role="option"
                                              tabindex="0"
                                              data-action="select-value"
                                              data-value="Knit"
                                            >
                                              Knit
                                            </div><div 
                                              class="NewsletterModal__Dropdown--option"
                                              role="option"
                                              tabindex="0"
                                              data-action="select-value"
                                              data-value="Crochet"
                                            >
                                              Crochet
                                            </div><div 
                                              class="NewsletterModal__Dropdown--option"
                                              role="option"
                                              tabindex="0"
                                              data-action="select-value"
                                              data-value="Both Knit and Crochet"
                                            >
                                              Both Knit and Crochet
                                            </div><div 
                                              class="NewsletterModal__Dropdown--option"
                                              role="option"
                                              tabindex="0"
                                              data-action="select-value"
                                              data-value="Other Type of Craft"
                                            >
                                              Other Type of Craft
                                            </div></div>
                                    </div>
                                  </div>
                                </div>
                                  <button 
                                    class="PopupSubscribeButton Form__Submit Button Button--primary Button--full" 
                                    type="submit" data-action="newsletter-popup-submit"
                                     
                                    data-step="step_one" 
                                    
                                  >
                                    <span>Subscribe</span>
                                    <span class="loader"></span>
                                  </button>
                                

                                  <div 
                                    class="NewsletterModal__Input"
                                    data-step="step_two"
                                    hidden
                                  >
                                    <label class="u-h6" for="phone">
                                      PHONE NUMBER - OPTIONAL 
                                    </label>
                                    <div class="NewsletterForm__Input--Container NewsletterModal__Dropdown NewsletterModal__Dropdown--phone" >
                                        <button 
                                        type="button"
                                        class="NewsletterModal__Dropdown--trigger"
                                        id="phone-dropdown-trigger"
                                        aria-haspopup="listbox"
                                        aria-expanded="false"
                                        aria-controls="popup-country-popover"
                                        >
                                          <span class="NewsletterModal__Dropdown--label" aria-label="United States">
                                            <div class="Newsletter__FlagWrapper" style="margin-right:0;">
                                              <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                              <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/us_{width}x.svg" alt="United States Flag" data-widths="[100]" data-sizes="auto">
                                              </div>
                                            </div>
                                          </span><svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12">
      <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline>
    </svg></button>
                                        <div id="popup-country-popover" class="NewsletterModal__Dropdown--wrapper Popover" aria-hidden="true">
                                          <div class="NewsletterModal__Dropdown--search Dropdown--search">
                                            <input 
                                              type="text"
                                              name="country-search"
                                              class="NewsletterInput Form__Input"
                                              placeholder="Search countries..."
                                              data-action="search-countries"
                                              autocomplete="off"
                                              aria-label="Search countries"
                                            >
                                          </div>
                                          <div id="country-menu" class="NewsletterModal__Dropdown--menu Popover__ValueList" role="listbox">
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AD" data-action="select-value" data-dial-code="+376" data-country-code="AD" data-country-name="Andorra">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ad_{width}x.svg" alt="Andorra Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Andorra</div>
                                                <div>+376</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AE" data-action="select-value" data-dial-code="+971" data-country-code="AE" data-country-name="United Arab Emirates">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ae_{width}x.svg" alt="United Arab Emirates Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>United Arab Emirates</div>
                                                <div>+971</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AF" data-action="select-value" data-dial-code="+93" data-country-code="AF" data-country-name="Afghanistan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/af_{width}x.svg" alt="Afghanistan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Afghanistan</div>
                                                <div>+93</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AG" data-action="select-value" data-dial-code="+1" data-country-code="AG" data-country-name="Antigua and Barbuda">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ag_{width}x.svg" alt="Antigua and Barbuda Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Antigua and Barbuda</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AI" data-action="select-value" data-dial-code="+1" data-country-code="AI" data-country-name="Anguilla">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ai_{width}x.svg" alt="Anguilla Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Anguilla</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AL" data-action="select-value" data-dial-code="+355" data-country-code="AL" data-country-name="Albania">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/al_{width}x.svg" alt="Albania Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Albania</div>
                                                <div>+355</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AM" data-action="select-value" data-dial-code="+374" data-country-code="AM" data-country-name="Armenia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/am_{width}x.svg" alt="Armenia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Armenia</div>
                                                <div>+374</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AO" data-action="select-value" data-dial-code="+244" data-country-code="AO" data-country-name="Angola">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ao_{width}x.svg" alt="Angola Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Angola</div>
                                                <div>+244</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AR" data-action="select-value" data-dial-code="+54" data-country-code="AR" data-country-name="Argentina">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ar_{width}x.svg" alt="Argentina Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Argentina</div>
                                                <div>+54</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AS" data-action="select-value" data-dial-code="+1" data-country-code="AS" data-country-name="American Samoa">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/as_{width}x.svg" alt="American Samoa Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>American Samoa</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AT" data-action="select-value" data-dial-code="+43" data-country-code="AT" data-country-name="Austria">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/at_{width}x.svg" alt="Austria Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Austria</div>
                                                <div>+43</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AU" data-action="select-value" data-dial-code="+61" data-country-code="AU" data-country-name="Australia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/au_{width}x.svg" alt="Australia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Australia</div>
                                                <div>+61</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AW" data-action="select-value" data-dial-code="+297" data-country-code="AW" data-country-name="Aruba">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/aw_{width}x.svg" alt="Aruba Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Aruba</div>
                                                <div>+297</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AX" data-action="select-value" data-dial-code="+358" data-country-code="AX" data-country-name="Aland Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ax_{width}x.svg" alt="Aland Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Aland Islands</div>
                                                <div>+358</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="AZ" data-action="select-value" data-dial-code="+994" data-country-code="AZ" data-country-name="Azerbaijan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/az_{width}x.svg" alt="Azerbaijan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Azerbaijan</div>
                                                <div>+994</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BA" data-action="select-value" data-dial-code="+387" data-country-code="BA" data-country-name="Bosnia and Herzegovina">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ba_{width}x.svg" alt="Bosnia and Herzegovina Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bosnia and Herzegovina</div>
                                                <div>+387</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BB" data-action="select-value" data-dial-code="+1" data-country-code="BB" data-country-name="Barbados">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bb_{width}x.svg" alt="Barbados Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Barbados</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BD" data-action="select-value" data-dial-code="+880" data-country-code="BD" data-country-name="Bangladesh">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bd_{width}x.svg" alt="Bangladesh Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bangladesh</div>
                                                <div>+880</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BE" data-action="select-value" data-dial-code="+32" data-country-code="BE" data-country-name="Belgium">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/be_{width}x.svg" alt="Belgium Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Belgium</div>
                                                <div>+32</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BF" data-action="select-value" data-dial-code="+226" data-country-code="BF" data-country-name="Burkina Faso">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bf_{width}x.svg" alt="Burkina Faso Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Burkina Faso</div>
                                                <div>+226</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BG" data-action="select-value" data-dial-code="+359" data-country-code="BG" data-country-name="Bulgaria">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bg_{width}x.svg" alt="Bulgaria Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bulgaria</div>
                                                <div>+359</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BH" data-action="select-value" data-dial-code="+973" data-country-code="BH" data-country-name="Bahrain">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bh_{width}x.svg" alt="Bahrain Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bahrain</div>
                                                <div>+973</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BI" data-action="select-value" data-dial-code="+257" data-country-code="BI" data-country-name="Burundi">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bi_{width}x.svg" alt="Burundi Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Burundi</div>
                                                <div>+257</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BJ" data-action="select-value" data-dial-code="+229" data-country-code="BJ" data-country-name="Benin">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bj_{width}x.svg" alt="Benin Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Benin</div>
                                                <div>+229</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BL" data-action="select-value" data-dial-code="+590" data-country-code="BL" data-country-name="Saint Barthelemy">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bl_{width}x.svg" alt="Saint Barthelemy Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saint Barthelemy</div>
                                                <div>+590</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BM" data-action="select-value" data-dial-code="+1" data-country-code="BM" data-country-name="Bermuda">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bm_{width}x.svg" alt="Bermuda Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bermuda</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BN" data-action="select-value" data-dial-code="+673" data-country-code="BN" data-country-name="Brunei Darussalam">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bn_{width}x.svg" alt="Brunei Darussalam Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Brunei Darussalam</div>
                                                <div>+673</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BO" data-action="select-value" data-dial-code="+591" data-country-code="BO" data-country-name="Bolivia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bo_{width}x.svg" alt="Bolivia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bolivia</div>
                                                <div>+591</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BQ" data-action="select-value" data-dial-code="+599" data-country-code="BQ" data-country-name="Bonaire Sint Eustatius and Saba">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bq_{width}x.svg" alt="Bonaire Sint Eustatius and Saba Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bonaire Sint Eustatius and Saba</div>
                                                <div>+599</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BR" data-action="select-value" data-dial-code="+55" data-country-code="BR" data-country-name="Brazil">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/br_{width}x.svg" alt="Brazil Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Brazil</div>
                                                <div>+55</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BS" data-action="select-value" data-dial-code="+1" data-country-code="BS" data-country-name="Bahamas">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bs_{width}x.svg" alt="Bahamas Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bahamas</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BT" data-action="select-value" data-dial-code="+975" data-country-code="BT" data-country-name="Bhutan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bt_{width}x.svg" alt="Bhutan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Bhutan</div>
                                                <div>+975</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BW" data-action="select-value" data-dial-code="+267" data-country-code="BW" data-country-name="Botswana">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bw_{width}x.svg" alt="Botswana Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Botswana</div>
                                                <div>+267</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BY" data-action="select-value" data-dial-code="+375" data-country-code="BY" data-country-name="Belarus">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/by_{width}x.svg" alt="Belarus Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Belarus</div>
                                                <div>+375</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="BZ" data-action="select-value" data-dial-code="+501" data-country-code="BZ" data-country-name="Belize">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bz_{width}x.svg" alt="Belize Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Belize</div>
                                                <div>+501</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CA" data-action="select-value" data-dial-code="+1" data-country-code="CA" data-country-name="Canada">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ca_{width}x.svg" alt="Canada Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Canada</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CC" data-action="select-value" data-dial-code="+61" data-country-code="CC" data-country-name="Cocos (Keeling) Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cc_{width}x.svg" alt="Cocos (Keeling) Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cocos (Keeling) Islands</div>
                                                <div>+61</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CD" data-action="select-value" data-dial-code="+243" data-country-code="CD" data-country-name="Democratic Republic of the Congo">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cd_{width}x.svg" alt="Democratic Republic of the Congo Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Democratic Republic of the Congo</div>
                                                <div>+243</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CF" data-action="select-value" data-dial-code="+236" data-country-code="CF" data-country-name="Central African Republic">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cf_{width}x.svg" alt="Central African Republic Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Central African Republic</div>
                                                <div>+236</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CG" data-action="select-value" data-dial-code="+242" data-country-code="CG" data-country-name="Congo">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cg_{width}x.svg" alt="Congo Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Congo</div>
                                                <div>+242</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CH" data-action="select-value" data-dial-code="+41" data-country-code="CH" data-country-name="Switzerland">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ch_{width}x.svg" alt="Switzerland Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Switzerland</div>
                                                <div>+41</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CI" data-action="select-value" data-dial-code="+225" data-country-code="CI" data-country-name="Cote d'Ivoire">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ci_{width}x.svg" alt="Cote d'Ivoire Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cote d'Ivoire</div>
                                                <div>+225</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CK" data-action="select-value" data-dial-code="+682" data-country-code="CK" data-country-name="Cook Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ck_{width}x.svg" alt="Cook Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cook Islands</div>
                                                <div>+682</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CL" data-action="select-value" data-dial-code="+56" data-country-code="CL" data-country-name="Chile">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cl_{width}x.svg" alt="Chile Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Chile</div>
                                                <div>+56</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CM" data-action="select-value" data-dial-code="+237" data-country-code="CM" data-country-name="Cameroon">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cm_{width}x.svg" alt="Cameroon Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cameroon</div>
                                                <div>+237</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CN" data-action="select-value" data-dial-code="+86" data-country-code="CN" data-country-name="China">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cn_{width}x.svg" alt="China Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>China</div>
                                                <div>+86</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CO" data-action="select-value" data-dial-code="+57" data-country-code="CO" data-country-name="Colombia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/co_{width}x.svg" alt="Colombia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Colombia</div>
                                                <div>+57</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CR" data-action="select-value" data-dial-code="+506" data-country-code="CR" data-country-name="Costa Rica">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cr_{width}x.svg" alt="Costa Rica Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Costa Rica</div>
                                                <div>+506</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CU" data-action="select-value" data-dial-code="+53" data-country-code="CU" data-country-name="Cuba">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cu_{width}x.svg" alt="Cuba Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cuba</div>
                                                <div>+53</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CV" data-action="select-value" data-dial-code="+238" data-country-code="CV" data-country-name="Cape Verde">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cv_{width}x.svg" alt="Cape Verde Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cape Verde</div>
                                                <div>+238</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CW" data-action="select-value" data-dial-code="+599" data-country-code="CW" data-country-name="Curacao">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cw_{width}x.svg" alt="Curacao Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Curacao</div>
                                                <div>+599</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CX" data-action="select-value" data-dial-code="+61" data-country-code="CX" data-country-name="Christmas Island">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cx_{width}x.svg" alt="Christmas Island Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Christmas Island</div>
                                                <div>+61</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CY" data-action="select-value" data-dial-code="+357" data-country-code="CY" data-country-name="Cyprus">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cy_{width}x.svg" alt="Cyprus Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cyprus</div>
                                                <div>+357</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="CZ" data-action="select-value" data-dial-code="+420" data-country-code="CZ" data-country-name="Czech Republic">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cz_{width}x.svg" alt="Czech Republic Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Czech Republic</div>
                                                <div>+420</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="DE" data-action="select-value" data-dial-code="+49" data-country-code="DE" data-country-name="Germany">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/de_{width}x.svg" alt="Germany Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Germany</div>
                                                <div>+49</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="DJ" data-action="select-value" data-dial-code="+253" data-country-code="DJ" data-country-name="Djibouti">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dj_{width}x.svg" alt="Djibouti Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Djibouti</div>
                                                <div>+253</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="DK" data-action="select-value" data-dial-code="+45" data-country-code="DK" data-country-name="Denmark">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dk_{width}x.svg" alt="Denmark Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Denmark</div>
                                                <div>+45</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="DM" data-action="select-value" data-dial-code="+1" data-country-code="DM" data-country-name="Dominica">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dm_{width}x.svg" alt="Dominica Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Dominica</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="DO" data-action="select-value" data-dial-code="+1" data-country-code="DO" data-country-name="Dominican Republic">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/do_{width}x.svg" alt="Dominican Republic Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Dominican Republic</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="DZ" data-action="select-value" data-dial-code="+213" data-country-code="DZ" data-country-name="Algeria">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dz_{width}x.svg" alt="Algeria Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Algeria</div>
                                                <div>+213</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="EC" data-action="select-value" data-dial-code="+593" data-country-code="EC" data-country-name="Ecuador">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ec_{width}x.svg" alt="Ecuador Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Ecuador</div>
                                                <div>+593</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="EE" data-action="select-value" data-dial-code="+372" data-country-code="EE" data-country-name="Estonia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ee_{width}x.svg" alt="Estonia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Estonia</div>
                                                <div>+372</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="EG" data-action="select-value" data-dial-code="+20" data-country-code="EG" data-country-name="Egypt">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/eg_{width}x.svg" alt="Egypt Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Egypt</div>
                                                <div>+20</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="EH" data-action="select-value" data-dial-code="+212" data-country-code="EH" data-country-name="Western Sahara">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/eh_{width}x.svg" alt="Western Sahara Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Western Sahara</div>
                                                <div>+212</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ER" data-action="select-value" data-dial-code="+291" data-country-code="ER" data-country-name="Eritrea">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/er_{width}x.svg" alt="Eritrea Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Eritrea</div>
                                                <div>+291</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ES" data-action="select-value" data-dial-code="+34" data-country-code="ES" data-country-name="Spain">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/es_{width}x.svg" alt="Spain Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Spain</div>
                                                <div>+34</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ET" data-action="select-value" data-dial-code="+251" data-country-code="ET" data-country-name="Ethiopia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/et_{width}x.svg" alt="Ethiopia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Ethiopia</div>
                                                <div>+251</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="FI" data-action="select-value" data-dial-code="+358" data-country-code="FI" data-country-name="Finland">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fi_{width}x.svg" alt="Finland Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Finland</div>
                                                <div>+358</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="FJ" data-action="select-value" data-dial-code="+679" data-country-code="FJ" data-country-name="Fiji">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fj_{width}x.svg" alt="Fiji Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Fiji</div>
                                                <div>+679</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="FK" data-action="select-value" data-dial-code="+500" data-country-code="FK" data-country-name="Falkland Islands (Malvinas)">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fk_{width}x.svg" alt="Falkland Islands (Malvinas) Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Falkland Islands (Malvinas)</div>
                                                <div>+500</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="FM" data-action="select-value" data-dial-code="+691" data-country-code="FM" data-country-name="Micronesia Federated States of">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fm_{width}x.svg" alt="Micronesia Federated States of Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Micronesia Federated States of</div>
                                                <div>+691</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="FO" data-action="select-value" data-dial-code="+298" data-country-code="FO" data-country-name="Faroe Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fo_{width}x.svg" alt="Faroe Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Faroe Islands</div>
                                                <div>+298</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="FR" data-action="select-value" data-dial-code="+33" data-country-code="FR" data-country-name="France">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fr_{width}x.svg" alt="France Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>France</div>
                                                <div>+33</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GA" data-action="select-value" data-dial-code="+241" data-country-code="GA" data-country-name="Gabon">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ga_{width}x.svg" alt="Gabon Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Gabon</div>
                                                <div>+241</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GB" data-action="select-value" data-dial-code="+44" data-country-code="GB" data-country-name="United Kingdom">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gb_{width}x.svg" alt="United Kingdom Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>United Kingdom</div>
                                                <div>+44</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GD" data-action="select-value" data-dial-code="+1" data-country-code="GD" data-country-name="Grenada">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gd_{width}x.svg" alt="Grenada Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Grenada</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GE" data-action="select-value" data-dial-code="+995" data-country-code="GE" data-country-name="Georgia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ge_{width}x.svg" alt="Georgia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Georgia</div>
                                                <div>+995</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GF" data-action="select-value" data-dial-code="+594" data-country-code="GF" data-country-name="French Guiana">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gf_{width}x.svg" alt="French Guiana Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>French Guiana</div>
                                                <div>+594</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GG" data-action="select-value" data-dial-code="+44" data-country-code="GG" data-country-name="Guernsey">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gg_{width}x.svg" alt="Guernsey Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Guernsey</div>
                                                <div>+44</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GH" data-action="select-value" data-dial-code="+233" data-country-code="GH" data-country-name="Ghana">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gh_{width}x.svg" alt="Ghana Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Ghana</div>
                                                <div>+233</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GI" data-action="select-value" data-dial-code="+350" data-country-code="GI" data-country-name="Gibraltar">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gi_{width}x.svg" alt="Gibraltar Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Gibraltar</div>
                                                <div>+350</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GL" data-action="select-value" data-dial-code="+299" data-country-code="GL" data-country-name="Greenland">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gl_{width}x.svg" alt="Greenland Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Greenland</div>
                                                <div>+299</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GM" data-action="select-value" data-dial-code="+220" data-country-code="GM" data-country-name="Gambia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gm_{width}x.svg" alt="Gambia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Gambia</div>
                                                <div>+220</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GN" data-action="select-value" data-dial-code="+224" data-country-code="GN" data-country-name="Guinea">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gn_{width}x.svg" alt="Guinea Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Guinea</div>
                                                <div>+224</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GP" data-action="select-value" data-dial-code="+590" data-country-code="GP" data-country-name="Guadeloupe">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gp_{width}x.svg" alt="Guadeloupe Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Guadeloupe</div>
                                                <div>+590</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GQ" data-action="select-value" data-dial-code="+240" data-country-code="GQ" data-country-name="Equatorial Guinea">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gq_{width}x.svg" alt="Equatorial Guinea Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Equatorial Guinea</div>
                                                <div>+240</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GR" data-action="select-value" data-dial-code="+30" data-country-code="GR" data-country-name="Greece">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gr_{width}x.svg" alt="Greece Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Greece</div>
                                                <div>+30</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GS" data-action="select-value" data-dial-code="+500" data-country-code="GS" data-country-name="South Georgia and the South Sandwich Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gs_{width}x.svg" alt="South Georgia and the South Sandwich Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>South Georgia and the South Sandwich Islands</div>
                                                <div>+500</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GT" data-action="select-value" data-dial-code="+502" data-country-code="GT" data-country-name="Guatemala">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gt_{width}x.svg" alt="Guatemala Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Guatemala</div>
                                                <div>+502</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GU" data-action="select-value" data-dial-code="+1" data-country-code="GU" data-country-name="Guam">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gu_{width}x.svg" alt="Guam Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Guam</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GW" data-action="select-value" data-dial-code="+245" data-country-code="GW" data-country-name="Guinea-Bissau">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gw_{width}x.svg" alt="Guinea-Bissau Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Guinea-Bissau</div>
                                                <div>+245</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="GY" data-action="select-value" data-dial-code="+592" data-country-code="GY" data-country-name="Guyana">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gy_{width}x.svg" alt="Guyana Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Guyana</div>
                                                <div>+592</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="HK" data-action="select-value" data-dial-code="+852" data-country-code="HK" data-country-name="Hong Kong">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hk_{width}x.svg" alt="Hong Kong Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Hong Kong</div>
                                                <div>+852</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="HN" data-action="select-value" data-dial-code="+504" data-country-code="HN" data-country-name="Honduras">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hn_{width}x.svg" alt="Honduras Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Honduras</div>
                                                <div>+504</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="HR" data-action="select-value" data-dial-code="+385" data-country-code="HR" data-country-name="Croatia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hr_{width}x.svg" alt="Croatia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Croatia</div>
                                                <div>+385</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="HT" data-action="select-value" data-dial-code="+509" data-country-code="HT" data-country-name="Haiti">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ht_{width}x.svg" alt="Haiti Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Haiti</div>
                                                <div>+509</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="HU" data-action="select-value" data-dial-code="+36" data-country-code="HU" data-country-name="Hungary">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hu_{width}x.svg" alt="Hungary Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Hungary</div>
                                                <div>+36</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ID" data-action="select-value" data-dial-code="+62" data-country-code="ID" data-country-name="Indonesia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/id_{width}x.svg" alt="Indonesia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Indonesia</div>
                                                <div>+62</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IE" data-action="select-value" data-dial-code="+353" data-country-code="IE" data-country-name="Ireland">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ie_{width}x.svg" alt="Ireland Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Ireland</div>
                                                <div>+353</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IL" data-action="select-value" data-dial-code="+972" data-country-code="IL" data-country-name="Israel">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/il_{width}x.svg" alt="Israel Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Israel</div>
                                                <div>+972</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IM" data-action="select-value" data-dial-code="+44" data-country-code="IM" data-country-name="Isle of Man">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/im_{width}x.svg" alt="Isle of Man Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Isle of Man</div>
                                                <div>+44</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IN" data-action="select-value" data-dial-code="+91" data-country-code="IN" data-country-name="India">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/in_{width}x.svg" alt="India Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>India</div>
                                                <div>+91</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IO" data-action="select-value" data-dial-code="+246" data-country-code="IO" data-country-name="British Indian Ocean Territory">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/io_{width}x.svg" alt="British Indian Ocean Territory Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>British Indian Ocean Territory</div>
                                                <div>+246</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IQ" data-action="select-value" data-dial-code="+964" data-country-code="IQ" data-country-name="Iraq">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/iq_{width}x.svg" alt="Iraq Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Iraq</div>
                                                <div>+964</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IR" data-action="select-value" data-dial-code="+98" data-country-code="IR" data-country-name="Iran">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ir_{width}x.svg" alt="Iran Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Iran</div>
                                                <div>+98</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IS" data-action="select-value" data-dial-code="+354" data-country-code="IS" data-country-name="Iceland">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/is_{width}x.svg" alt="Iceland Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Iceland</div>
                                                <div>+354</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="IT" data-action="select-value" data-dial-code="+39" data-country-code="IT" data-country-name="Italy">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/it_{width}x.svg" alt="Italy Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Italy</div>
                                                <div>+39</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="JE" data-action="select-value" data-dial-code="+44" data-country-code="JE" data-country-name="Jersey">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/je_{width}x.svg" alt="Jersey Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Jersey</div>
                                                <div>+44</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="JM" data-action="select-value" data-dial-code="+1" data-country-code="JM" data-country-name="Jamaica">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/jm_{width}x.svg" alt="Jamaica Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Jamaica</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="JO" data-action="select-value" data-dial-code="+962" data-country-code="JO" data-country-name="Jordan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/jo_{width}x.svg" alt="Jordan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Jordan</div>
                                                <div>+962</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="JP" data-action="select-value" data-dial-code="+81" data-country-code="JP" data-country-name="Japan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/jp_{width}x.svg" alt="Japan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Japan</div>
                                                <div>+81</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KE" data-action="select-value" data-dial-code="+254" data-country-code="KE" data-country-name="Kenya">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ke_{width}x.svg" alt="Kenya Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Kenya</div>
                                                <div>+254</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KG" data-action="select-value" data-dial-code="+996" data-country-code="KG" data-country-name="Kyrgyzstan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kg_{width}x.svg" alt="Kyrgyzstan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Kyrgyzstan</div>
                                                <div>+996</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KH" data-action="select-value" data-dial-code="+855" data-country-code="KH" data-country-name="Cambodia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kh_{width}x.svg" alt="Cambodia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cambodia</div>
                                                <div>+855</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KI" data-action="select-value" data-dial-code="+686" data-country-code="KI" data-country-name="Kiribati">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ki_{width}x.svg" alt="Kiribati Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Kiribati</div>
                                                <div>+686</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KM" data-action="select-value" data-dial-code="+269" data-country-code="KM" data-country-name="Comoros">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/km_{width}x.svg" alt="Comoros Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Comoros</div>
                                                <div>+269</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KN" data-action="select-value" data-dial-code="+1" data-country-code="KN" data-country-name="Saint Kitts and Nevis">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kn_{width}x.svg" alt="Saint Kitts and Nevis Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saint Kitts and Nevis</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KP" data-action="select-value" data-dial-code="+850" data-country-code="KP" data-country-name="North Korea">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kp_{width}x.svg" alt="North Korea Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>North Korea</div>
                                                <div>+850</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KR" data-action="select-value" data-dial-code="+82" data-country-code="KR" data-country-name="South Korea">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kr_{width}x.svg" alt="South Korea Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>South Korea</div>
                                                <div>+82</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KW" data-action="select-value" data-dial-code="+965" data-country-code="KW" data-country-name="Kuwait">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kw_{width}x.svg" alt="Kuwait Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Kuwait</div>
                                                <div>+965</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KY" data-action="select-value" data-dial-code="+1" data-country-code="KY" data-country-name="Cayman Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ky_{width}x.svg" alt="Cayman Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Cayman Islands</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="KZ" data-action="select-value" data-dial-code="+7" data-country-code="KZ" data-country-name="Kazakhstan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kz_{width}x.svg" alt="Kazakhstan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Kazakhstan</div>
                                                <div>+7</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LA" data-action="select-value" data-dial-code="+856" data-country-code="LA" data-country-name="Lao People's Democratic Republic">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/la_{width}x.svg" alt="Lao People's Democratic Republic Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Lao People's Democratic Republic</div>
                                                <div>+856</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LB" data-action="select-value" data-dial-code="+961" data-country-code="LB" data-country-name="Lebanon">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lb_{width}x.svg" alt="Lebanon Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Lebanon</div>
                                                <div>+961</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LC" data-action="select-value" data-dial-code="+1" data-country-code="LC" data-country-name="Saint Lucia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lc_{width}x.svg" alt="Saint Lucia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saint Lucia</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LI" data-action="select-value" data-dial-code="+423" data-country-code="LI" data-country-name="Liechtenstein">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/li_{width}x.svg" alt="Liechtenstein Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Liechtenstein</div>
                                                <div>+423</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LK" data-action="select-value" data-dial-code="+94" data-country-code="LK" data-country-name="Sri Lanka">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lk_{width}x.svg" alt="Sri Lanka Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Sri Lanka</div>
                                                <div>+94</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LR" data-action="select-value" data-dial-code="+231" data-country-code="LR" data-country-name="Liberia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lr_{width}x.svg" alt="Liberia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Liberia</div>
                                                <div>+231</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LS" data-action="select-value" data-dial-code="+266" data-country-code="LS" data-country-name="Lesotho">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ls_{width}x.svg" alt="Lesotho Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Lesotho</div>
                                                <div>+266</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LT" data-action="select-value" data-dial-code="+370" data-country-code="LT" data-country-name="Lithuania">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lt_{width}x.svg" alt="Lithuania Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Lithuania</div>
                                                <div>+370</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LU" data-action="select-value" data-dial-code="+352" data-country-code="LU" data-country-name="Luxembourg">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lu_{width}x.svg" alt="Luxembourg Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Luxembourg</div>
                                                <div>+352</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LV" data-action="select-value" data-dial-code="+371" data-country-code="LV" data-country-name="Latvia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lv_{width}x.svg" alt="Latvia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Latvia</div>
                                                <div>+371</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="LY" data-action="select-value" data-dial-code="+218" data-country-code="LY" data-country-name="Libya">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ly_{width}x.svg" alt="Libya Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Libya</div>
                                                <div>+218</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MA" data-action="select-value" data-dial-code="+212" data-country-code="MA" data-country-name="Morocco">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ma_{width}x.svg" alt="Morocco Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Morocco</div>
                                                <div>+212</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MC" data-action="select-value" data-dial-code="+377" data-country-code="MC" data-country-name="Monaco">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mc_{width}x.svg" alt="Monaco Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Monaco</div>
                                                <div>+377</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MD" data-action="select-value" data-dial-code="+373" data-country-code="MD" data-country-name="Moldova">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/md_{width}x.svg" alt="Moldova Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Moldova</div>
                                                <div>+373</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ME" data-action="select-value" data-dial-code="+382" data-country-code="ME" data-country-name="Montenegro">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/me_{width}x.svg" alt="Montenegro Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Montenegro</div>
                                                <div>+382</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MF" data-action="select-value" data-dial-code="+590" data-country-code="MF" data-country-name="Saint Martin (French part)">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mf_{width}x.svg" alt="Saint Martin (French part) Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saint Martin (French part)</div>
                                                <div>+590</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MG" data-action="select-value" data-dial-code="+261" data-country-code="MG" data-country-name="Madagascar">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mg_{width}x.svg" alt="Madagascar Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Madagascar</div>
                                                <div>+261</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MH" data-action="select-value" data-dial-code="+692" data-country-code="MH" data-country-name="Marshall Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mh_{width}x.svg" alt="Marshall Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Marshall Islands</div>
                                                <div>+692</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MK" data-action="select-value" data-dial-code="+389" data-country-code="MK" data-country-name="North Macedonia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mk_{width}x.svg" alt="North Macedonia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>North Macedonia</div>
                                                <div>+389</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ML" data-action="select-value" data-dial-code="+223" data-country-code="ML" data-country-name="Mali">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ml_{width}x.svg" alt="Mali Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Mali</div>
                                                <div>+223</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MM" data-action="select-value" data-dial-code="+95" data-country-code="MM" data-country-name="Myanmar">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mm_{width}x.svg" alt="Myanmar Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Myanmar</div>
                                                <div>+95</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MN" data-action="select-value" data-dial-code="+976" data-country-code="MN" data-country-name="Mongolia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mn_{width}x.svg" alt="Mongolia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Mongolia</div>
                                                <div>+976</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MO" data-action="select-value" data-dial-code="+853" data-country-code="MO" data-country-name="Macao">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mo_{width}x.svg" alt="Macao Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Macao</div>
                                                <div>+853</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MP" data-action="select-value" data-dial-code="+1" data-country-code="MP" data-country-name="Northern Mariana Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mp_{width}x.svg" alt="Northern Mariana Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Northern Mariana Islands</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MQ" data-action="select-value" data-dial-code="+596" data-country-code="MQ" data-country-name="Martinique">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mq_{width}x.svg" alt="Martinique Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Martinique</div>
                                                <div>+596</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MR" data-action="select-value" data-dial-code="+222" data-country-code="MR" data-country-name="Mauritania">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mr_{width}x.svg" alt="Mauritania Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Mauritania</div>
                                                <div>+222</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MS" data-action="select-value" data-dial-code="+1" data-country-code="MS" data-country-name="Montserrat">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ms_{width}x.svg" alt="Montserrat Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Montserrat</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MT" data-action="select-value" data-dial-code="+356" data-country-code="MT" data-country-name="Malta">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mt_{width}x.svg" alt="Malta Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Malta</div>
                                                <div>+356</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MU" data-action="select-value" data-dial-code="+230" data-country-code="MU" data-country-name="Mauritius">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mu_{width}x.svg" alt="Mauritius Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Mauritius</div>
                                                <div>+230</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MV" data-action="select-value" data-dial-code="+960" data-country-code="MV" data-country-name="Maldives">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mv_{width}x.svg" alt="Maldives Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Maldives</div>
                                                <div>+960</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MW" data-action="select-value" data-dial-code="+265" data-country-code="MW" data-country-name="Malawi">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mw_{width}x.svg" alt="Malawi Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Malawi</div>
                                                <div>+265</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MX" data-action="select-value" data-dial-code="+52" data-country-code="MX" data-country-name="Mexico">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mx_{width}x.svg" alt="Mexico Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Mexico</div>
                                                <div>+52</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MY" data-action="select-value" data-dial-code="+60" data-country-code="MY" data-country-name="Malaysia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/my_{width}x.svg" alt="Malaysia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Malaysia</div>
                                                <div>+60</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="MZ" data-action="select-value" data-dial-code="+258" data-country-code="MZ" data-country-name="Mozambique">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mz_{width}x.svg" alt="Mozambique Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Mozambique</div>
                                                <div>+258</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NA" data-action="select-value" data-dial-code="+264" data-country-code="NA" data-country-name="Namibia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/na_{width}x.svg" alt="Namibia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Namibia</div>
                                                <div>+264</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NC" data-action="select-value" data-dial-code="+687" data-country-code="NC" data-country-name="New Caledonia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nc_{width}x.svg" alt="New Caledonia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>New Caledonia</div>
                                                <div>+687</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NE" data-action="select-value" data-dial-code="+227" data-country-code="NE" data-country-name="Niger">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ne_{width}x.svg" alt="Niger Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Niger</div>
                                                <div>+227</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NF" data-action="select-value" data-dial-code="+672" data-country-code="NF" data-country-name="Norfolk Island">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nf_{width}x.svg" alt="Norfolk Island Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Norfolk Island</div>
                                                <div>+672</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NG" data-action="select-value" data-dial-code="+234" data-country-code="NG" data-country-name="Nigeria">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ng_{width}x.svg" alt="Nigeria Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Nigeria</div>
                                                <div>+234</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NI" data-action="select-value" data-dial-code="+505" data-country-code="NI" data-country-name="Nicaragua">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ni_{width}x.svg" alt="Nicaragua Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Nicaragua</div>
                                                <div>+505</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NL" data-action="select-value" data-dial-code="+31" data-country-code="NL" data-country-name="Netherlands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nl_{width}x.svg" alt="Netherlands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Netherlands</div>
                                                <div>+31</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NO" data-action="select-value" data-dial-code="+47" data-country-code="NO" data-country-name="Norway">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/no_{width}x.svg" alt="Norway Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Norway</div>
                                                <div>+47</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NP" data-action="select-value" data-dial-code="+977" data-country-code="NP" data-country-name="Nepal">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/np_{width}x.svg" alt="Nepal Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Nepal</div>
                                                <div>+977</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NR" data-action="select-value" data-dial-code="+674" data-country-code="NR" data-country-name="Nauru">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nr_{width}x.svg" alt="Nauru Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Nauru</div>
                                                <div>+674</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NU" data-action="select-value" data-dial-code="+683" data-country-code="NU" data-country-name="Niue">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nu_{width}x.svg" alt="Niue Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Niue</div>
                                                <div>+683</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="NZ" data-action="select-value" data-dial-code="+64" data-country-code="NZ" data-country-name="New Zealand">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nz_{width}x.svg" alt="New Zealand Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>New Zealand</div>
                                                <div>+64</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="OM" data-action="select-value" data-dial-code="+968" data-country-code="OM" data-country-name="Oman">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/om_{width}x.svg" alt="Oman Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Oman</div>
                                                <div>+968</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PA" data-action="select-value" data-dial-code="+507" data-country-code="PA" data-country-name="Panama">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pa_{width}x.svg" alt="Panama Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Panama</div>
                                                <div>+507</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PE" data-action="select-value" data-dial-code="+51" data-country-code="PE" data-country-name="Peru">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pe_{width}x.svg" alt="Peru Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Peru</div>
                                                <div>+51</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PF" data-action="select-value" data-dial-code="+689" data-country-code="PF" data-country-name="French Polynesia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pf_{width}x.svg" alt="French Polynesia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>French Polynesia</div>
                                                <div>+689</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PG" data-action="select-value" data-dial-code="+675" data-country-code="PG" data-country-name="Papua New Guinea">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pg_{width}x.svg" alt="Papua New Guinea Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Papua New Guinea</div>
                                                <div>+675</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PH" data-action="select-value" data-dial-code="+63" data-country-code="PH" data-country-name="Philippines">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ph_{width}x.svg" alt="Philippines Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Philippines</div>
                                                <div>+63</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PK" data-action="select-value" data-dial-code="+92" data-country-code="PK" data-country-name="Pakistan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pk_{width}x.svg" alt="Pakistan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Pakistan</div>
                                                <div>+92</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PL" data-action="select-value" data-dial-code="+48" data-country-code="PL" data-country-name="Poland">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pl_{width}x.svg" alt="Poland Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Poland</div>
                                                <div>+48</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PM" data-action="select-value" data-dial-code="+508" data-country-code="PM" data-country-name="Saint Pierre and Miquelon">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pm_{width}x.svg" alt="Saint Pierre and Miquelon Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saint Pierre and Miquelon</div>
                                                <div>+508</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PN" data-action="select-value" data-dial-code="+64" data-country-code="PN" data-country-name="Pitcairn">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pn_{width}x.svg" alt="Pitcairn Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Pitcairn</div>
                                                <div>+64</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PR" data-action="select-value" data-dial-code="+1" data-country-code="PR" data-country-name="Puerto Rico">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pr_{width}x.svg" alt="Puerto Rico Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Puerto Rico</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PS" data-action="select-value" data-dial-code="+970" data-country-code="PS" data-country-name="State of Palestine">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ps_{width}x.svg" alt="State of Palestine Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>State of Palestine</div>
                                                <div>+970</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PT" data-action="select-value" data-dial-code="+351" data-country-code="PT" data-country-name="Portugal">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pt_{width}x.svg" alt="Portugal Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Portugal</div>
                                                <div>+351</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PW" data-action="select-value" data-dial-code="+680" data-country-code="PW" data-country-name="Palau">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pw_{width}x.svg" alt="Palau Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Palau</div>
                                                <div>+680</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="PY" data-action="select-value" data-dial-code="+595" data-country-code="PY" data-country-name="Paraguay">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/py_{width}x.svg" alt="Paraguay Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Paraguay</div>
                                                <div>+595</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="QA" data-action="select-value" data-dial-code="+974" data-country-code="QA" data-country-name="Qatar">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/qa_{width}x.svg" alt="Qatar Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Qatar</div>
                                                <div>+974</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="RE" data-action="select-value" data-dial-code="+262" data-country-code="RE" data-country-name="Reunion">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/re_{width}x.svg" alt="Reunion Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Reunion</div>
                                                <div>+262</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="RO" data-action="select-value" data-dial-code="+40" data-country-code="RO" data-country-name="Romania">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ro_{width}x.svg" alt="Romania Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Romania</div>
                                                <div>+40</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="RS" data-action="select-value" data-dial-code="+381" data-country-code="RS" data-country-name="Serbia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/rs_{width}x.svg" alt="Serbia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Serbia</div>
                                                <div>+381</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="RU" data-action="select-value" data-dial-code="+7" data-country-code="RU" data-country-name="Russia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ru_{width}x.svg" alt="Russia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Russia</div>
                                                <div>+7</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="RW" data-action="select-value" data-dial-code="+250" data-country-code="RW" data-country-name="Rwanda">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/rw_{width}x.svg" alt="Rwanda Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Rwanda</div>
                                                <div>+250</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SA" data-action="select-value" data-dial-code="+966" data-country-code="SA" data-country-name="Saudi Arabia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sa_{width}x.svg" alt="Saudi Arabia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saudi Arabia</div>
                                                <div>+966</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SB" data-action="select-value" data-dial-code="+677" data-country-code="SB" data-country-name="Solomon Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sb_{width}x.svg" alt="Solomon Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Solomon Islands</div>
                                                <div>+677</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SC" data-action="select-value" data-dial-code="+248" data-country-code="SC" data-country-name="Seychelles">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sc_{width}x.svg" alt="Seychelles Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Seychelles</div>
                                                <div>+248</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SD" data-action="select-value" data-dial-code="+249" data-country-code="SD" data-country-name="Sudan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sd_{width}x.svg" alt="Sudan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Sudan</div>
                                                <div>+249</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SE" data-action="select-value" data-dial-code="+46" data-country-code="SE" data-country-name="Sweden">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/se_{width}x.svg" alt="Sweden Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Sweden</div>
                                                <div>+46</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SG" data-action="select-value" data-dial-code="+65" data-country-code="SG" data-country-name="Singapore">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sg_{width}x.svg" alt="Singapore Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Singapore</div>
                                                <div>+65</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SH" data-action="select-value" data-dial-code="+290" data-country-code="SH" data-country-name="Saint Helena">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sh_{width}x.svg" alt="Saint Helena Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saint Helena</div>
                                                <div>+290</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SI" data-action="select-value" data-dial-code="+386" data-country-code="SI" data-country-name="Slovenia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/si_{width}x.svg" alt="Slovenia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Slovenia</div>
                                                <div>+386</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SJ" data-action="select-value" data-dial-code="+47" data-country-code="SJ" data-country-name="Svalbard and Jan Mayen">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sj_{width}x.svg" alt="Svalbard and Jan Mayen Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Svalbard and Jan Mayen</div>
                                                <div>+47</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SK" data-action="select-value" data-dial-code="+421" data-country-code="SK" data-country-name="Slovakia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sk_{width}x.svg" alt="Slovakia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Slovakia</div>
                                                <div>+421</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SL" data-action="select-value" data-dial-code="+232" data-country-code="SL" data-country-name="Sierra Leone">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sl_{width}x.svg" alt="Sierra Leone Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Sierra Leone</div>
                                                <div>+232</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SM" data-action="select-value" data-dial-code="+378" data-country-code="SM" data-country-name="San Marino">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sm_{width}x.svg" alt="San Marino Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>San Marino</div>
                                                <div>+378</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SN" data-action="select-value" data-dial-code="+221" data-country-code="SN" data-country-name="Senegal">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sn_{width}x.svg" alt="Senegal Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Senegal</div>
                                                <div>+221</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SO" data-action="select-value" data-dial-code="+252" data-country-code="SO" data-country-name="Somalia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/so_{width}x.svg" alt="Somalia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Somalia</div>
                                                <div>+252</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SR" data-action="select-value" data-dial-code="+597" data-country-code="SR" data-country-name="Suriname">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sr_{width}x.svg" alt="Suriname Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Suriname</div>
                                                <div>+597</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SS" data-action="select-value" data-dial-code="+211" data-country-code="SS" data-country-name="South Sudan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ss_{width}x.svg" alt="South Sudan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>South Sudan</div>
                                                <div>+211</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ST" data-action="select-value" data-dial-code="+239" data-country-code="ST" data-country-name="Sao Tome and Principe">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/st_{width}x.svg" alt="Sao Tome and Principe Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Sao Tome and Principe</div>
                                                <div>+239</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SV" data-action="select-value" data-dial-code="+503" data-country-code="SV" data-country-name="El Salvador">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sv_{width}x.svg" alt="El Salvador Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>El Salvador</div>
                                                <div>+503</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SX" data-action="select-value" data-dial-code="+599" data-country-code="SX" data-country-name="Sint Maarten (Dutch part)">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sx_{width}x.svg" alt="Sint Maarten (Dutch part) Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Sint Maarten (Dutch part)</div>
                                                <div>+599</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SY" data-action="select-value" data-dial-code="+963" data-country-code="SY" data-country-name="Syrian Arab Republic">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sy_{width}x.svg" alt="Syrian Arab Republic Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Syrian Arab Republic</div>
                                                <div>+963</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="SZ" data-action="select-value" data-dial-code="+268" data-country-code="SZ" data-country-name="Eswatini">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sz_{width}x.svg" alt="Eswatini Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Eswatini</div>
                                                <div>+268</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TC" data-action="select-value" data-dial-code="+1" data-country-code="TC" data-country-name="Turks and Caicos Islands">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tc_{width}x.svg" alt="Turks and Caicos Islands Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Turks and Caicos Islands</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TD" data-action="select-value" data-dial-code="+235" data-country-code="TD" data-country-name="Chad">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/td_{width}x.svg" alt="Chad Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Chad</div>
                                                <div>+235</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TG" data-action="select-value" data-dial-code="+228" data-country-code="TG" data-country-name="Togo">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tg_{width}x.svg" alt="Togo Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Togo</div>
                                                <div>+228</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TH" data-action="select-value" data-dial-code="+66" data-country-code="TH" data-country-name="Thailand">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/th_{width}x.svg" alt="Thailand Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Thailand</div>
                                                <div>+66</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TJ" data-action="select-value" data-dial-code="+992" data-country-code="TJ" data-country-name="Tajikistan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tj_{width}x.svg" alt="Tajikistan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Tajikistan</div>
                                                <div>+992</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TK" data-action="select-value" data-dial-code="+690" data-country-code="TK" data-country-name="Tokelau">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tk_{width}x.svg" alt="Tokelau Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Tokelau</div>
                                                <div>+690</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TL" data-action="select-value" data-dial-code="+670" data-country-code="TL" data-country-name="Timor-Leste">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tl_{width}x.svg" alt="Timor-Leste Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Timor-Leste</div>
                                                <div>+670</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TM" data-action="select-value" data-dial-code="+993" data-country-code="TM" data-country-name="Turkmenistan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tm_{width}x.svg" alt="Turkmenistan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Turkmenistan</div>
                                                <div>+993</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TN" data-action="select-value" data-dial-code="+216" data-country-code="TN" data-country-name="Tunisia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tn_{width}x.svg" alt="Tunisia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Tunisia</div>
                                                <div>+216</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TO" data-action="select-value" data-dial-code="+676" data-country-code="TO" data-country-name="Tonga">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/to_{width}x.svg" alt="Tonga Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Tonga</div>
                                                <div>+676</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TR" data-action="select-value" data-dial-code="+90" data-country-code="TR" data-country-name="Turkey">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tr_{width}x.svg" alt="Turkey Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Turkey</div>
                                                <div>+90</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TT" data-action="select-value" data-dial-code="+1" data-country-code="TT" data-country-name="Trinidad and Tobago">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tt_{width}x.svg" alt="Trinidad and Tobago Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Trinidad and Tobago</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TV" data-action="select-value" data-dial-code="+688" data-country-code="TV" data-country-name="Tuvalu">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tv_{width}x.svg" alt="Tuvalu Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Tuvalu</div>
                                                <div>+688</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TW" data-action="select-value" data-dial-code="+886" data-country-code="TW" data-country-name="Taiwan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tw_{width}x.svg" alt="Taiwan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Taiwan</div>
                                                <div>+886</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="TZ" data-action="select-value" data-dial-code="+255" data-country-code="TZ" data-country-name="Tanzania">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tz_{width}x.svg" alt="Tanzania Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Tanzania</div>
                                                <div>+255</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="UA" data-action="select-value" data-dial-code="+380" data-country-code="UA" data-country-name="Ukraine">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ua_{width}x.svg" alt="Ukraine Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Ukraine</div>
                                                <div>+380</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="UG" data-action="select-value" data-dial-code="+256" data-country-code="UG" data-country-name="Uganda">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ug_{width}x.svg" alt="Uganda Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Uganda</div>
                                                <div>+256</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option  is-selected" role="option" tabindex="0" data-value="US" data-action="select-value" data-dial-code="+1" data-country-code="US" data-country-name="United States">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/us_{width}x.svg" alt="United States Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>United States</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="UY" data-action="select-value" data-dial-code="+598" data-country-code="UY" data-country-name="Uruguay">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/uy_{width}x.svg" alt="Uruguay Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Uruguay</div>
                                                <div>+598</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="UZ" data-action="select-value" data-dial-code="+998" data-country-code="UZ" data-country-name="Uzbekistan">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/uz_{width}x.svg" alt="Uzbekistan Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Uzbekistan</div>
                                                <div>+998</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="VA" data-action="select-value" data-dial-code="+379" data-country-code="VA" data-country-name="Vatican City State">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/va_{width}x.svg" alt="Vatican City State Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Vatican City State</div>
                                                <div>+379</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="VC" data-action="select-value" data-dial-code="+1" data-country-code="VC" data-country-name="Saint Vincent and the Grenadines">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vc_{width}x.svg" alt="Saint Vincent and the Grenadines Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Saint Vincent and the Grenadines</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="VE" data-action="select-value" data-dial-code="+58" data-country-code="VE" data-country-name="Venezuela">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ve_{width}x.svg" alt="Venezuela Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Venezuela</div>
                                                <div>+58</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="VG" data-action="select-value" data-dial-code="+1" data-country-code="VG" data-country-name="Virgin Islands British">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vg_{width}x.svg" alt="Virgin Islands British Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Virgin Islands British</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="VI" data-action="select-value" data-dial-code="+1" data-country-code="VI" data-country-name="Virgin Islands U.S.">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vi_{width}x.svg" alt="Virgin Islands U.S. Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Virgin Islands U.S.</div>
                                                <div>+1</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="VN" data-action="select-value" data-dial-code="+84" data-country-code="VN" data-country-name="Viet Nam">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vn_{width}x.svg" alt="Viet Nam Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Viet Nam</div>
                                                <div>+84</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="VU" data-action="select-value" data-dial-code="+678" data-country-code="VU" data-country-name="Vanuatu">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vu_{width}x.svg" alt="Vanuatu Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Vanuatu</div>
                                                <div>+678</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="WF" data-action="select-value" data-dial-code="+681" data-country-code="WF" data-country-name="Wallis and Futuna">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/wf_{width}x.svg" alt="Wallis and Futuna Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Wallis and Futuna</div>
                                                <div>+681</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="WS" data-action="select-value" data-dial-code="+685" data-country-code="WS" data-country-name="Samoa">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ws_{width}x.svg" alt="Samoa Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Samoa</div>
                                                <div>+685</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="XK" data-action="select-value" data-dial-code="+383" data-country-code="XK" data-country-name="Kosovo">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/xk_{width}x.svg" alt="Kosovo Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Kosovo</div>
                                                <div>+383</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="YE" data-action="select-value" data-dial-code="+967" data-country-code="YE" data-country-name="Yemen">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ye_{width}x.svg" alt="Yemen Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Yemen</div>
                                                <div>+967</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="YT" data-action="select-value" data-dial-code="+262" data-country-code="YT" data-country-name="Mayotte">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/yt_{width}x.svg" alt="Mayotte Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Mayotte</div>
                                                <div>+262</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ZA" data-action="select-value" data-dial-code="+27" data-country-code="ZA" data-country-name="South Africa">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/za_{width}x.svg" alt="South Africa Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>South Africa</div>
                                                <div>+27</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ZM" data-action="select-value" data-dial-code="+260" data-country-code="ZM" data-country-name="Zambia">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/zm_{width}x.svg" alt="Zambia Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Zambia</div>
                                                <div>+260</div>
                                              </div>
                                              <div class="NewsletterModal__Dropdown--option " role="option" tabindex="0" data-value="ZW" data-action="select-value" data-dial-code="+263" data-country-code="ZW" data-country-name="Zimbabwe">
                                                <div class="Newsletter__FlagWrapper">
                                                  <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                                                    <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/zw_{width}x.svg" alt="Zimbabwe Flag" data-widths="[100]" data-sizes="auto">
                                                  </div>
                                                </div>
                                                <div>Zimbabwe</div>
                                                <div>+263</div>
                                              </div></div>
                                        </div>
                                        <div class="NewsletterModal__PhoneInputWrapper">
                                          <span class="NewsletterModal__DialCode"></span>
                                          <input 
                                            type="tel"
                                            class="NewsletterInput Form__Input NewsletterModal__Dropdown--input"
                                            name="phone"
                                            id="phone"
                                            aria-label="Phone Number"
                                            autocomplete="off"
                                            dial-code="+1"
                                            country-code="US"
                                            
                                            data-action="phone-input"
                                            maxlength="30"
                                          >
                                        </div>
                                    </div>
                                    <div class="Form__Item">
                                      <div class="Form__CheckboxWrapper">
                                        <input type="checkbox" class="Form__Checkbox" name="popupSmsCheckbox" id="popupSmsCheckbox" value="true" required>
                                        <svg class="Icon Icon--checkmark" role="presentation" viewBox="0 0 24 24">
      <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
    </svg>

                                        <label for="popupSmsCheckbox">Yes, I'd like to receive marketing text messages (e.g. promos, cart reminders) from Premier Yarns at the number provided.</label>
                                      </div>
                                    </div>
                                  </div>
                                

                                  <button 
                                    class="PopupSubscribeButton Form__Submit Button Button--primary Button--full" 
                                    type="submit" data-action="newsletter-popup-submit"
                                    hidden 
                                    data-step="step_two" 
                                    
                                  >
                                    <span>Subscribe to SMS</span>
                                    <span class="loader"></span>
                                  </button>
                                
<div 
                                    class="NewsletterModal__Text Rte"
                                    data-step="step_two"
                                    hidden
                                    style="text-align: left; font-size: 10px; color: #757575;"
                                    
                                  >
                                    <p>By submitting this form and signing up for texts, you consent to receive marketing text messages (e.g. promos, cart reminders) from Premier Yarns at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available). <a href="https://www.premieryarns.com/pages/privacy-policy-terms-of-use-cookies" target="_blank" title="Privacy & Terms.">Privacy & Terms.</a></p>
                                  </div>
                                  <button 
                                    type="button"
                                    class="PopupSubscribeButton--secondary Button Button--full Button--secondary"
                                    data-action="skip-sms"
                                    data-step="step_two"
                                    hidden
                                  >
                                    <span>No thanks, email only</span>
                                  </button>
                                
</div>
                        <div class="ProductForm__Error"></div>
                      </div>
                    </form></div>
              </div>
            </div>
          </div>
        </div>
        <button type="button" hidden data-action="open-modal" aria-controls="newsletter-modal" data-newsletter-trigger></button></div>
    <div id="shopify-section-sidebar-menu" class="shopify-section"><section id="sidebar-menu" class="SidebarMenu Drawer Drawer--small Drawer--fromLeft" aria-hidden="true" data-section-id="sidebar-menu" data-section-type="sidebar-menu">
    <header class="Drawer__Header" data-drawer-animated-left>
      <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-menu" aria-label="Close navigation"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14">
      <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
    </svg></button>
    </header>

    <div class="Drawer__Content">
      <div class="Drawer__Main" data-drawer-animated-left data-scrollable>
        <div class="Drawer__Container">
          <nav class="SidebarMenu__Nav SidebarMenu__Nav--primary" aria-label="Sidebar navigation"><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >New<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Yarn<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/new" onclick="gtag('event', 'New Arrivals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">New Arrivals</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/new-colors" onclick="gtag('event', 'New Colors', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">New Colors</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Patterns<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/new-patterns" onclick="gtag('event', 'New Arrivals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">New Arrivals</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/new-crochet-patterns" onclick="gtag('event', 'New Crochet Patterns', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">New Crochet Patterns</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/new-knitting-patterns" onclick="gtag('event', 'New Knitting Patterns', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">New Knitting Patterns</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/patterns-of-the-month" onclick="gtag('event', 'Patterns Of The Month', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Patterns Of The Month</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/new-deals" onclick="gtag('event', 'New Deals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">New Deals</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >Yarns<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Brands<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/premier-yarns" onclick="gtag('event', 'Premier Yarns', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Premier Yarns</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/malabrigo-yarn" onclick="gtag('event', 'Malabrigo', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Malabrigo</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/manos-del-uruguay-yarn" onclick="gtag('event', 'Manos Del Uruguay', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Manos Del Uruguay</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/koigu-yarn" onclick="gtag('event', 'Koigu', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Koigu</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/universal-yarns" onclick="gtag('event', 'Universal Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Universal Yarn</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Weight<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/1-super-fine" onclick="gtag('event', '1 Super Fine / Fingering / Lace', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">1 Super Fine / Fingering / Lace</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/2-fine" onclick="gtag('event', '2 Fine / Sport', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">2 Fine / Sport</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/3-light" onclick="gtag('event', '3 Light / DK', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">3 Light / DK</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/4-medium" onclick="gtag('event', '4 Medium / Worsted', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">4 Medium / Worsted</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/5-bulky" onclick="gtag('event', '5 Bulky / Chunky', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">5 Bulky / Chunky</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/6-super-bulky" onclick="gtag('event', '6 Super Bulky', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">6 Super Bulky</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/7-jumbo" onclick="gtag('event', '7 Jumbo', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">7 Jumbo</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Fiber<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/acrylic" onclick="gtag('event', 'Acrylic / Anti Pilling', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Acrylic / Anti Pilling</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/alpaca-yarn" onclick="gtag('event', 'Alpaca', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Alpaca</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/bamboo" onclick="gtag('event', 'Bamboo', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Bamboo</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/cashmere-yarn" onclick="gtag('event', 'Cashmere', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Cashmere</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/cotton" onclick="gtag('event', 'Cotton', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Cotton</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/pbt" onclick="gtag('event', 'PBT', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">PBT</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/modal-viscose-tencel-yarn" onclick="gtag('event', 'Modal / Viscose / Tencel', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Modal / Viscose / Tencel</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/silk-yarn" onclick="gtag('event', 'Silk', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Silk</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/nylon-yarn" onclick="gtag('event', 'Nylon / Polyamide', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Nylon / Polyamide</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/polyester" onclick="gtag('event', 'Polyester', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Polyester</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/wool" onclick="gtag('event', 'Wool / Merino Wool / Wool Blends', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Wool / Merino Wool / Wool Blends</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/rayon-yarn" onclick="gtag('event', 'Rayon', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Rayon</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Yarn Type<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/chenille" onclick="gtag('event', 'Chenille Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Chenille Yarn</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/baby-yarn" onclick="gtag('event', 'Baby Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Baby Yarn</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/easy-care-yarn" onclick="gtag('event', 'Easy Care', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Easy Care</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/value-yarn" onclick="gtag('event', 'Value Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Value Yarn</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/exclusive-yarn" onclick="gtag('event', 'Exclusive Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Exclusive Yarn</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/upscale-yarn" onclick="gtag('event', 'Upscale Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Upscale Yarn</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/novelty-yarn" onclick="gtag('event', 'Novelty Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Novelty Yarn</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/plush-yarn-collection" onclick="gtag('event', 'Plush Yarn', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Plush Yarn</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/premier-bags" onclick="gtag('event', 'Bag Deals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Bag Deals</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/thread" onclick="gtag('event', 'Threads', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Threads</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crafting-kits" onclick="gtag('event', 'Kits', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Kits</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Ball Type<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/cake-yarn" onclick="gtag('event', 'Cake', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Cake</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/center-pull-skein" onclick="gtag('event', 'Center Pull Skein', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Center Pull Skein</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/classic-skein" onclick="gtag('event', 'Classic Skein', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Classic Skein</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/cone-yarn" onclick="gtag('event', 'Cone', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Cone</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/core-wound-yarn" onclick="gtag('event', 'Core-Wound ', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Core-Wound </a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/donut-yarn" onclick="gtag('event', 'Donut', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Donut</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/japanese" onclick="gtag('event', 'Japanese', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Japanese</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >Accessories<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Sewing Tools &amp; Accessories<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/needle-threaders" onclick="gtag('event', 'Needle Threader', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Needle Threader</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/tape-measures" onclick="gtag('event', 'Tape Measures', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Tape Measures</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/fabric-clips" onclick="gtag('event', 'Fabric Clips', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Fabric Clips</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/seam-tools" onclick="gtag('event', 'Seam Tools', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Seam Tools</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/glue" onclick="gtag('event', 'Glue', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Glue</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/pincushions" onclick="gtag('event', 'Pin Cushion', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Pin Cushion</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/scissors" onclick="gtag('event', 'Scissors', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Scissors</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/products/himwoolsks" onclick="gtag('event', 'Himalaya Wool Socks', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Himalaya Wool Socks</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Hook &amp; Knitting Tools<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/hook-needle-cases" onclick="gtag('event', 'Hook & Needle Cases', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Hook &amp; Needle Cases</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/knitting-accessories" onclick="gtag('event', 'Knitting Accessories', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knitting Accessories</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/gauges" onclick="gtag('event', 'Gauges', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Gauges</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/scissors" onclick="gtag('event', 'Scissors', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Scissors</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/cord-connectors" onclick="gtag('event', 'Cord Connectors', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Cord Connectors</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/tool-holders" onclick="gtag('event', 'Tool Holders', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Tool Holders</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/needle-toppers" onclick="gtag('event', 'Needle Toppers', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Needle Toppers</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/sewing-kit" onclick="gtag('event', 'Sewing / Sweater Kits', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Sewing / Sweater Kits</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Cases &amp; Sets<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knitting-needle-cases" onclick="gtag('event', 'Needle Cases', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Needle Cases</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/knitting-needle-sets" onclick="gtag('event', 'Needle Sets', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Needle Sets</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crochet-hook-cases" onclick="gtag('event', 'Hook Cases', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Hook Cases</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crochet-hook-sets" onclick="gtag('event', 'Hook Sets', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Hook Sets</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Stitch Markers, Holders &amp; Point Protectors<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knit-stitch-markers" onclick="gtag('event', 'Knit Stitch Markers', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit Stitch Markers</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crochet-stitch-markers" onclick="gtag('event', 'Crochet Stitch Markers', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Crochet Stitch Markers</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/pom-pom-makers" onclick="gtag('event', 'Pom Pom Makers', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Pom Pom Makers</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/craft-eyes" onclick="gtag('event', 'Craft Eyes', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Craft Eyes</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/tape-measures" onclick="gtag('event', 'Tape Measures', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Tape Measures</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/yarn-dispensers" onclick="gtag('event', 'Yarn Dispenser', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Yarn Dispenser</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/row-counters" onclick="gtag('event', 'Row Counters', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Row Counters</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Bags &amp; Storage<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knit-bags-storage" onclick="gtag('event', 'Knit Bags', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit Bags</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crochet-bags-storage" onclick="gtag('event', 'Crochet Bags', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Crochet Bags</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/drawstring-bags" onclick="gtag('event', 'Drawstring Bags', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Drawstring Bags</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/muud" onclick="gtag('event', 'Muud Bags', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Muud Bags</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/sewing-kit" onclick="gtag('event', 'Sewing Kit', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Sewing Kit</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/sewing-boxes" onclick="gtag('event', 'Sewing Boxes', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Sewing Boxes</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Blocking &amp; Care<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/blocking-mats" onclick="gtag('event', 'Blocking Mats', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Blocking Mats</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/knit-blockers" onclick="gtag('event', 'Knit Blockers', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit Blockers</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/sock-blockers" onclick="gtag('event', 'Sock Blockers', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Sock Blockers</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/strucket" onclick="gtag('event', 'Strucket Bucket', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Strucket Bucket</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Ball Winders &amp; Swifts<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knitpro-winders" onclick="gtag('event', 'Knit Pro Winders', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit Pro Winders</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/coley-craft-winders" onclick="gtag('event', 'Coley Craft Winders', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Coley Craft Winders</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Gift Cards<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/products/gift-card?variant=31806132518994" onclick="gtag('event', '$10 ', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">$10 </a>
                                    </li><li class="Linklist__Item">
                                      <a href="/products/gift-card?variant=31806132584530" onclick="gtag('event', '$25', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">$25</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/products/gift-card?variant=31806132682834" onclick="gtag('event', '$50', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">$50</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/products/gift-card?variant=31806132748370" onclick="gtag('event', '$100', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">$100</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >Books &amp; Games<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><a href="/collections/knit-books" onclick="gtag('event', 'Knit Books', {'event_category' : 'Mobile Navigation'})" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">Knit Books</a></div><div class="Collapsible"><a href="/collections/crochet-books" onclick="gtag('event', 'Crochet Books', {'event_category' : 'Mobile Navigation'})" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">Crochet Books</a></div><div class="Collapsible"><a href="/products/lastgame" onclick="gtag('event', 'Board Games', {'event_category' : 'Mobile Navigation'})" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">Board Games</a></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >Hooks<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Brands<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/premier-yarns-crochet-hooks" onclick="gtag('event', 'Premier Yarns', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Premier Yarns</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/coley-craft-crochet-hooks" onclick="gtag('event', 'Coley Craft', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Coley Craft</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/milward-crochet-hooks" onclick="gtag('event', 'Milward', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Milward</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/knitpro-crochet-hooks" onclick="gtag('event', 'Knit Pro', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit Pro</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Material<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/wood-crochet-hooks" onclick="gtag('event', 'Wood', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Wood</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/metal-crochet-hooks" onclick="gtag('event', 'Metal', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Metal</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Hook Type<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/single-ended-crochet-hooks" onclick="gtag('event', 'Single Ended', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Single Ended</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/tunisian-crochet-hooks" onclick="gtag('event', 'Tunisian', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Tunisian</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crochet-hook-sets" onclick="gtag('event', 'Hook Sets', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Hook Sets</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/crochet-hook-deals" onclick="gtag('event', 'Current Hook Deals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Current Hook Deals</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/clearance-crochet-hooks" onclick="gtag('event', 'Clearance', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Clearance</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >Needles<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Brands<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knitpro-knitting-needles" onclick="gtag('event', 'Knit Pro', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit Pro</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Material<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/wood-knitting-needles" onclick="gtag('event', 'Wood', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Wood</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/metal-knitting-needles" onclick="gtag('event', 'Metal', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Metal</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Needle Type<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/single-pointed-knitting-needles" onclick="gtag('event', 'Single Pointed', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Single Pointed</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/circular-knitting-needles" onclick="gtag('event', 'Circular', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Circular</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/double-point-knitting-needles" onclick="gtag('event', 'Double Point', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Double Point</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/knitting-needles-sets" onclick="gtag('event', 'Sets', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Sets</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knitting-needle-deals" onclick="gtag('event', 'Current Needle Deals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Current Needle Deals</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/clearance-knitting-needles" onclick="gtag('event', 'Clearance', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Clearance</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >Kits<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Craft<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knitting-kits" onclick="gtag('event', 'Knit', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crochet-kits" onclick="gtag('event', 'Crochet', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Crochet</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Type<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/crochet-kits" onclick="gtag('event', 'Crochet Kits', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Crochet Kits</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/knitting-kits" onclick="gtag('event', 'Knitting Kits', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knitting Kits</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/sock-kits" onclick="gtag('event', 'Sock Kits', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Sock Kits</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/punch-needle-kits" onclick="gtag('event', 'Punch Needle Kits', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Punch Needle Kits</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Brands<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/premier-yarns-kits" onclick="gtag('event', 'Premier Yarns', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Premier Yarns</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/needle-creations-kits" onclick="gtag('event', 'Needle Creation', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Needle Creation</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/coley-craft-kits" onclick="gtag('event', 'Coley Craft', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Coley Craft</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false" >Patterns<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Project<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/amigurumi-patterns" onclick="gtag('event', 'Amigurumi', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Amigurumi</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/bag-patterns" onclick="gtag('event', 'Bag', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Bag</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/blankets" onclick="gtag('event', 'Blanket', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Blanket</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/sweaters" onclick="gtag('event', 'Sweater', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Sweater</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/scarf-shawl-cowl-patterns" onclick="gtag('event', 'Scarf / Shawl / Cowl', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Scarf / Shawl / Cowl</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/hats" onclick="gtag('event', 'Hat / Headband', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Hat / Headband</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/mitts-mitten-patterns" onclick="gtag('event', 'Mittens / Mitts', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Mittens / Mitts</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/home-project-patterns" onclick="gtag('event', 'Home', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Home</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/vest-patterns" onclick="gtag('event', 'Vest', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Vest</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/socks" onclick="gtag('event', 'Socks', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Socks</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/poncho-patterns" onclick="gtag('event', 'Poncho', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Poncho</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/skirt-shorts-pants-patterns" onclick="gtag('event', 'Skirt / Shorts / Pants', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Skirt / Shorts / Pants</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Yarn Weight<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/1-superfine-yarn-weight-patterns" onclick="gtag('event', '1 Super Fine / Fingering / Lace', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">1 Super Fine / Fingering / Lace</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/2-fine-sport-weight-patterns" onclick="gtag('event', '2 Fine / Sport ', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">2 Fine / Sport </a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/3-light-dk-weight-patterns" onclick="gtag('event', '3 Light / DK ', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">3 Light / DK </a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/4-medium-worsted-weight-patterns" onclick="gtag('event', '4 Medium / Worsted', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">4 Medium / Worsted</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/5-bulky-chunky-weight-patterns" onclick="gtag('event', '5 Bulky / Chunky', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">5 Bulky / Chunky</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/6-super-bulky-weight-patterns" onclick="gtag('event', '6 Super Bulky', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">6 Super Bulky</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/7-jumbo-weight-patterns" onclick="gtag('event', '7 Jumbo', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">7 Jumbo</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Made For<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/patterns-for-babies" onclick="gtag('event', 'Baby', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Baby</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/patterns-for-children" onclick="gtag('event', 'Child', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Child</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/patterns-for-women" onclick="gtag('event', 'Woman', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Woman</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/patterns-for-men" onclick="gtag('event', 'Man', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Man</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/patterns-for-pets" onclick="gtag('event', 'Pet', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Pet</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Craft<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/knitting-patterns" onclick="gtag('event', 'Knit', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Knit</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/crochet-patterns" onclick="gtag('event', 'Crochet', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Crochet</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/handcraft-patterns" onclick="gtag('event', 'Handcraft', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Handcraft</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 hvrColor" data-action="toggle-collapsible" aria-expanded="false" >Sale<span class="Collapsible__Plus"></span>
                  </button>

                  <div class="Collapsible__Inner">
                    <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">All Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/yarndeals" onclick="gtag('event', 'Yarn Deals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Yarn Deals</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/premier-bags" onclick="gtag('event', 'Bag Deals', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Bag Deals</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/accessory-sale-2026" onclick="gtag('event', 'Hooks, Needles, Accessories', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Hooks, Needles, Accessories</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/muud" onclick="gtag('event', 'Muud', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Muud</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/clearance" onclick="gtag('event', 'Clearance', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Clearance</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/bogo" onclick="gtag('event', 'BOGO', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">BOGO</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Bulk Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/bags-of-3" onclick="gtag('event', 'Bags of 3', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Bags of 3</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/bags-of-5" onclick="gtag('event', 'Bags of 5', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Bags of 5</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/fashion-plus-stash-goals-bags" onclick="gtag('event', 'Fashion Plus / Stash Goals Bags', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Fashion Plus / Stash Goals Bags</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/premier-bags" onclick="gtag('event', 'View All', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">View All</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Weekly Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/thread" onclick="gtag('event', '50% off Threads', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">50% off Threads</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/muud" onclick="gtag('event', 'Extra 50% Off Muud', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">Extra 50% Off Muud</a>
                                    </li><li class="Linklist__Item">
                                      <a href="/collections/weekly-deals" onclick="gtag('event', 'View All', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">View All</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Monthly Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/all-monthly-deals" onclick="gtag('event', 'View All', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">View All</a>
                                    </li></ul>
                              </div>
                            </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7" data-action="toggle-collapsible" aria-expanded="false">Clearance Deals<span class="Collapsible__Plus"></span>
                            </button>

                            <div class="Collapsible__Inner">
                              <div class="Collapsible__Content">
                                <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item">
                                      <a href="/collections/clearance" onclick="gtag('event', 'View All', {'event_category' : 'Mobile Navigation'})" class="Text--subdued Link Link--primary">View All</a>
                                    </li></ul>
                              </div>
                            </div></div></div>
                  </div></div><div class="Collapsible"><a href="/pages/premier-palette" onclick="gtag('event', 'Compare Colors', {'event_category' : 'Mobile Navigation'})" class="Collapsible__Button Heading Link Link--primary u-h6">
                      Compare Colors
<div class="Premier__Board--DotWrapper">
                         <span class="Header__BoardDot sidebar-menu"></span>
                      </div></a></div><div class="Collapsible"><a href="#smile-home" onclick="gtag('event', 'Rewards', {'event_category' : 'Mobile Navigation'})" class="Collapsible__Button Heading Link Link--primary u-h6">
                      Rewards
</a></div></nav><nav class="SidebarMenu__Nav SidebarMenu__Nav--secondary">
            <ul class="Linklist Linklist--spacingLoose"><li class="Linklist__Item" style="display:flex; flex-wrap:wrap"><a href="/account" class="Text--subdued Link Link--primary" style="width:auto;margin-right:.5rem; margin-bottom:.5rem;">
                  <button class='Button Button--primary'>
                    Account
                  </button>
                </a></li>
            </ul>
          </nav>
        </div>
      </div></div>
</section>

</div>

  
  
  <div id="sidebar-cart" class="Drawer Drawer--fromRight" aria-hidden="true" data-section-id="cart" data-section-type="cart" data-section-settings='{
    "type": "drawer",
    "itemCount": 0,
    "drawer": true,
    "hasShippingEstimator": false,
    "cartMessage":"",
    "showPackageProtection": true,
    "freeGiftPromotionVariant": false,
    "freeGiftThreshold": false,
    "thresholds": {
      "US-48": 75.00,
      "AK": 100.0,
      "HI": 100.0,
      "PR": 100.0,
      "Canada": 100.0,
      "United Kingdom": 100.0
    }
  }'>
    <div class="Drawer__Header Drawer__Header--bordered Drawer__Container">
        <span class="Drawer__Title Heading u-h4">Cart</span>
  
        <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-cart" aria-label="Close cart"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14">
      <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
    </svg></button>
    </div>

    
    

<form class="Cart Drawer__Content" action="/cart" method="POST" novalidate data-scrollable-mobile>
      <div class="Drawer__Main" data-scrollable>
        <div class="Cart__ShippingNotice Text--subdued" data-cart-total="0"><div class="FreeShipping__Skeleton--Container">
              <p class="skeleton FreeShipping__Skeleton"></p>
            </div>
            <div class="Drawer__Container Drawer__FreeShippingNotifier--Container"></div></div><div class="Cart__Empty">
            <p class="Heading u-h4">Your cart is empty</p>
            <a href="/collections/all" class="Button--secondary Button--full Button Empty__CartButton">Shop Yarn</a>
            <a href="/collections/patterns" class="Button--secondary Button--full Button Empty__CartButton">View Patterns</a>
            <a href="/collections/yarndeals" class="Button--secondary Button--full Button Empty__CartButton">Shop Weekly Deals</a>
            <a href="/collections/clearance" class="Button--secondary Button--full Button Empty__CartButton">Shop Clearance</a>
          </div></div></form>
</div><div class="Product__OffScreen"><div class="Modal Modal--light" id="pp-modal" aria-hidden="true" role="dialog" data-scrollable>
  <div class="Modal__Inner">
    <header class="Modal__Header">
      <h2 class="Modal__Title u-h1">Package Protection</h2>
      <button class="Modal__Close RoundButton--small" data-action="close-modal"><svg class="Icon Icon--modal-close" role="presentation" viewBox="0 0 16 14">
      <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
    </svg></button>
    </header>
    <div class="Modal__Content Rte">
      <div class="Modal__Body">
        <div class="Modal__Main">
          <h3 class="Modal__Subheading">Premier Yarns offers Package Protection that gives you peace of mind.</h3>
          <p>When you purchase package protection, your order is protected in the following scenarios</p>
            <ul>
              <li><strong>Package Lost:</strong> If your package is lost in transit, we will work with our shipping partners to locate it or provide you with a replacement or refund.</li>
              <li><strong>Damage Protection:</strong> If your package arrives damaged, let us know and we will send you a replacement at no extra cost to you.</li>
            </ul>
            <p>With package protection, you can shop with confidence, knowing that your orders will be protected until they reach your hands. Make the delivery process stress free and purchase package protection today!</p>
        </div>
        <div class="Modal__Footer">
          <a href="/pages/package-protection" class="Modal__Policy--Details">
            Policy Details
          </a>
          <button type="button" class="Button--primary Button Modal__Close" data-action="close-modal">
            Close
          </button>
      </div>
    </div>
  </div>
</div></div>
<div class="PageContainer">
      <div id="shopify-section-announcement" class="shopify-section"><section id="section-announcement" data-section-id="announcement" data-section-type="announcement-bar" data-section-settings='{
  "countdownTimer":false}'>
      <div class="AnnouncementBar ">
        <div class="AnnouncementBar__Wrapper">
          <div class="AnnouncementBar_SliderSection AnnouncementBar__Slider--notInitialized"
            data-flickity-config='{
  "groupCells": true, 
  "wrapAround": true,
  "contain": true,
  "pageDots": false, 
  "prevNextButtons": true, 
  "autoPlay": 5000,
  "draggable": false
}'>
            <div class="AnnouncementBar_Cell is-selected skeleton"></div>
            
              <div class="AnnouncementBar_Cell" style="width: 100%;background:#ae4625;color:#ffffff;" aria-hidden="true">
                <a href="/collections/all-monthly-deals">
                  <p class="AnnouncementBar__Content Heading">
                    June Monthly Deals are Live! Click here to save
                    <span class="AnnouncementBar__Content Heading" href="/collections/all-monthly-deals" style="text-decoration: underline;">Shop now</span>
                  </p></a>
              </div>
            
          </div>
        </div>
      </div>
    </section>

    <script>
      document.documentElement.style.setProperty(
        '--announcement-bar-height',
        document.getElementById('shopify-section-announcement').offsetHeight + 'px'
      );
    </script>
</div>
<div id="shopify-section-header" class="shopify-section shopify-section--header"><section id="Search" class="Search" aria-hidden="true">
  <div class="Search__Inner">
    <div class="Search__SearchBar">
      <div class="Search__Form">
        <div class="Search__InputIconWrapper">
          <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17">
      <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square">
        <path d="M16 16l-5.0752-5.0752"></path>
        <circle cx="6.4" cy="6.4" r="6.4"></circle>
      </g>
    </svg></span>
          <span class="hidden-phone"><svg class="Icon Icon--search-desktop" role="presentation" viewBox="0 0 21 21">
      <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
        <path d="M18 18l-5.7096-5.7096"></path>
        <circle cx="7.2" cy="7.2" r="7.2"></circle>
      </g>
    </svg></span>
        </div>
        <div class="Search__Autocomplete--Container" id="autocomplete"></div>
        <button class="Search__Close Link Link--primary" data-action="close-search"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14">
      <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
    </svg></button>
      </div>  
    </div>
    
    <div class="QuickSearch__Panel">
      <div class="QuickSearch__Skeleton--Container">
        <div class="QuickSearch__Skeleton--Left">
          <div class="QuickSearch__Skeleton--LinksOne QuerySuggestion__SearchResults">
            <div class="QuickSearch__Skeleton--Title skeleton"></div>
            <div class="QuickSearch__Skeleton--Content skeleton"></div>
          </div>
          <div class="QuickSearch__Skeleton--LinksTwo Collections__SearchResults">
            <div class="QuickSearch__Skeleton--Title skeleton"></div>
            <div class="QuickSearch__Skeleton--Content skeleton"></div>
          </div>
          <div class="QuickSearch__Skeleton--LinksThree Pages__SearchResults">
            <div class="QuickSearch__Skeleton--Title skeleton"></div>
            <div class="QuickSearch__Skeleton--Content skeleton"></div>
          </div>
        </div>
        <div class="QuickSearch__Skeleton--Right">
          <div class="QuickSearch__Skeleton--Title skeleton"></div>
          <div class="QuickSearch__Skeleton--ProductContainer">
            <div class="QuickSearch__Skeleton--Product">
              <div class="Product__Image--Item skeleton"></div>
              <div class="Product__Vendor--Item skeleton"></div>
              <div class="Product__Title--Item skeleton"></div>
              <div class="Product__Price--Item skeleton"></div>
            </div>
            <div class="QuickSearch__Skeleton--Product">
              <div class="Product__Image--Item skeleton"></div>
              <div class="Product__Vendor--Item skeleton"></div>
              <div class="Product__Title--Item skeleton"></div>
              <div class="Product__Price--Item skeleton"></div>
            </div>
            <div class="QuickSearch__Skeleton--Product">
              <div class="Product__Image--Item skeleton"></div>
              <div class="Product__Vendor--Item skeleton"></div>
              <div class="Product__Title--Item skeleton"></div>
              <div class="Product__Price--Item skeleton"></div>
            </div>
            <div class="QuickSearch__Skeleton--Product">
              <div class="Product__Image--Item skeleton"></div>
              <div class="Product__Vendor--Item skeleton"></div>
              <div class="Product__Title--Item skeleton"></div>
              <div class="Product__Price--Item skeleton"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section><header id="section-header"
        class="Header menu-disappear-fix Header--logoLeft   Header--withIcons"
        data-section-id="header"
        data-section-type="header"
        data-section-settings='{
  "navigationStyle": "logoLeft",
  "hasTransparentHeader": false,
  "isSticky": true
}'
        role="banner">
  <div class="Header__Wrapper">
    <div class="Header__FlexItem Header__FlexItem--fill">
      <button class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable hidden-desk" aria-expanded="false" data-action="open-drawer" data-drawer-id="sidebar-menu" aria-label="Open navigation">
        <span class="hidden-tablet-and-up"><svg class="Icon Icon--nav" role="presentation" viewBox="2 7 20 10">
      <path d="M21,6H3V5h18V6z M21,11H3v1h18V11z M21,17H3v1h18V17z" fill="currentColor"></path>
    </svg></span>
        <span class="hidden-phone"><svg class="Icon Icon--nav-desktop" role="presentation" viewBox="0 0 24 16">
      <path d="M0 15.985v-2h24v2H0zm0-9h24v2H0v-2zm0-7h24v2H0v-2z" fill="currentColor"></path>
    </svg></span>
      </button><nav class="Header__MainNav hidden-pocket hidden-lap" aria-label="Main navigation">
          <ul class="HorizontalList HorizontalList--spacingExtraLoose"><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/new" class="Heading u-h6  " onclick="gtag('event', 'New', {'event_category' : 'Navigation'})">New<span class="Header__LinkSpacer">New</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Yarn</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/new" onclick="gtag('event', 'New Arrivals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            New Arrivals
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/new-colors" onclick="gtag('event', 'New Colors', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            New Colors
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Patterns</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/new-patterns" onclick="gtag('event', 'New Arrivals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            New Arrivals
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/new-crochet-patterns" onclick="gtag('event', 'New Crochet Patterns', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            New Crochet Patterns
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/new-knitting-patterns" onclick="gtag('event', 'New Knitting Patterns', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            New Knitting Patterns
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/patterns-of-the-month" onclick="gtag('event', 'Patterns Of The Month', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Patterns Of The Month
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/new-deals" onclick="gtag('event', 'New Deals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            New Deals
                                          </a>
                                        </li></ul></div></div>
                          
                            <div class="MegaMenu__FeaturedImages"><div class="MegaMenu__Item"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/products/bcbrmmm"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/MMM_BasixChenBirhgts_LAUNCH_3_copy_1x1.jpg?v=1774459824); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/MMM_BasixChenBirhgts_LAUNCH_3_copy_{width}x.jpg?v=1774459824"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="Promotional banner announcing the Mama Made Minis x Premier Yarns collaboration. The image features three skeins of plush Premier Basix Chenille Brights yarn in peach, olive, and mauve, with the text &quot;Make Magic with Color&quot; over a soft sunset gradient background." style="object-fit: cover;">
                                        <span class="Image__Loader"></span>
                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">New</p><p class="MegaMenu__PushHeading Text--subdued Text--heading Text--alignLeft">Mama Made Minis: Basix Chenille Brights</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/all-yarn" class="Heading u-h6  " onclick="gtag('event', 'Yarns', {'event_category' : 'Navigation'})">Yarns<span class="Header__LinkSpacer">Yarns</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Brands</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/premier-yarns" onclick="gtag('event', 'Premier Yarns', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Premier Yarns
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/malabrigo-yarn" onclick="gtag('event', 'Malabrigo', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Malabrigo
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/manos-del-uruguay-yarn" onclick="gtag('event', 'Manos Del Uruguay', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Manos Del Uruguay
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/koigu-yarn" onclick="gtag('event', 'Koigu', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Koigu
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/universal-yarns" onclick="gtag('event', 'Universal Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Universal Yarn
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Weight</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/1-super-fine" onclick="gtag('event', '1 Super Fine / Fingering / Lace', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            1 Super Fine / Fingering / Lace
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/2-fine" onclick="gtag('event', '2 Fine / Sport', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            2 Fine / Sport
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/3-light" onclick="gtag('event', '3 Light / DK', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            3 Light / DK
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/4-medium" onclick="gtag('event', '4 Medium / Worsted', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            4 Medium / Worsted
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/5-bulky" onclick="gtag('event', '5 Bulky / Chunky', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            5 Bulky / Chunky
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/6-super-bulky" onclick="gtag('event', '6 Super Bulky', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            6 Super Bulky
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/7-jumbo" onclick="gtag('event', '7 Jumbo', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            7 Jumbo
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Fiber</span>
                                  <ul class="Linklist"><li class="Linklist__Item">
                                        <a href="/collections/acrylic" onclick="gtag('event', 'Acrylic / Anti Pilling', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Acrylic / Anti Pilling
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/alpaca-yarn" onclick="gtag('event', 'Alpaca', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Alpaca
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/bamboo" onclick="gtag('event', 'Bamboo', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Bamboo
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/cashmere-yarn" onclick="gtag('event', 'Cashmere', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Cashmere
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/cotton" onclick="gtag('event', 'Cotton', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Cotton
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/pbt" onclick="gtag('event', 'PBT', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          PBT
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/modal-viscose-tencel-yarn" onclick="gtag('event', 'Modal / Viscose / Tencel', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Modal / Viscose / Tencel
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/silk-yarn" onclick="gtag('event', 'Silk', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Silk
                                        </a>
                                      </li></ul>
                                </div>
                                <div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5" style="visibility: hidden; opacity:0;">Fiber</span>
                                  <ul class="Linklist"><li class="Linklist__Item">
                                        <a href="/collections/nylon-yarn" onclick="gtag('event', 'Nylon / Polyamide', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Nylon / Polyamide
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/polyester" onclick="gtag('event', 'Polyester', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Polyester
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/wool" onclick="gtag('event', 'Wool / Merino Wool / Wool Blends', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Wool / Merino Wool / Wool Blends
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/rayon-yarn" onclick="gtag('event', 'Rayon', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Rayon
                                        </a>
                                      </li></ul>
                                </div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Yarn Type</span>
                                  <ul class="Linklist"><li class="Linklist__Item">
                                        <a href="/collections/chenille" onclick="gtag('event', 'Chenille Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Chenille Yarn
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/baby-yarn" onclick="gtag('event', 'Baby Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Baby Yarn
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/easy-care-yarn" onclick="gtag('event', 'Easy Care', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Easy Care
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/value-yarn" onclick="gtag('event', 'Value Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Value Yarn
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/exclusive-yarn" onclick="gtag('event', 'Exclusive Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Exclusive Yarn
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/upscale-yarn" onclick="gtag('event', 'Upscale Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Upscale Yarn
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/novelty-yarn" onclick="gtag('event', 'Novelty Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Novelty Yarn
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/plush-yarn-collection" onclick="gtag('event', 'Plush Yarn', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Plush Yarn
                                        </a>
                                      </li></ul>
                                </div>
                                <div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5" style="visibility: hidden; opacity:0;">Yarn Type</span>
                                  <ul class="Linklist"><li class="Linklist__Item">
                                        <a href="/collections/premier-bags" onclick="gtag('event', 'Bag Deals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Bag Deals
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/thread" onclick="gtag('event', 'Threads', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Threads
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/crafting-kits" onclick="gtag('event', 'Kits', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Kits
                                        </a>
                                      </li></ul>
                                </div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Ball Type</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/cake-yarn" onclick="gtag('event', 'Cake', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Cake
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/center-pull-skein" onclick="gtag('event', 'Center Pull Skein', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Center Pull Skein
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/classic-skein" onclick="gtag('event', 'Classic Skein', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Classic Skein
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/cone-yarn" onclick="gtag('event', 'Cone', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Cone
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/core-wound-yarn" onclick="gtag('event', 'Core-Wound ', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Core-Wound 
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/donut-yarn" onclick="gtag('event', 'Donut', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Donut
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/japanese" onclick="gtag('event', 'Japanese', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Japanese
                                          </a>
                                        </li></ul></div></div>
                          
                            <div class="MegaMenu__FeaturedImages"><div class="MegaMenu__Item"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/parfait-yarns"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/ParfaitChunkyGroup_Label_Off_2__copy_1x1.jpg?v=1776893371); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/ParfaitChunkyGroup_Label_Off_2__copy_{width}x.jpg?v=1776893371"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>
                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">All Parfait Yarns</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">Shop Now</p></a></div><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/fan-favorites"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/PremierBasixMix_Lable_Off_1__copy_1x1.jpg?v=1776893367); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/PremierBasixMix_Lable_Off_1__copy_{width}x.jpg?v=1776893367"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>

                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">Fan Favorites</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/accessories" class="Heading u-h6  " onclick="gtag('event', 'Accessories', {'event_category' : 'Navigation'})">Accessories<span class="Header__LinkSpacer">Accessories</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Sewing Tools & Accessories</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/needle-threaders" onclick="gtag('event', 'Needle Threader', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Needle Threader
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/tape-measures" onclick="gtag('event', 'Tape Measures', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Tape Measures
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/fabric-clips" onclick="gtag('event', 'Fabric Clips', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Fabric Clips
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/seam-tools" onclick="gtag('event', 'Seam Tools', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Seam Tools
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/glue" onclick="gtag('event', 'Glue', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Glue
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/pincushions" onclick="gtag('event', 'Pin Cushion', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Pin Cushion
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/scissors" onclick="gtag('event', 'Scissors', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Scissors
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/products/himwoolsks" onclick="gtag('event', 'Himalaya Wool Socks', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Himalaya Wool Socks
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Hook & Knitting Tools</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/hook-needle-cases" onclick="gtag('event', 'Hook & Needle Cases', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Hook &amp; Needle Cases
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/knitting-accessories" onclick="gtag('event', 'Knitting Accessories', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knitting Accessories
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/gauges" onclick="gtag('event', 'Gauges', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Gauges
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/scissors" onclick="gtag('event', 'Scissors', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Scissors
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/cord-connectors" onclick="gtag('event', 'Cord Connectors', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Cord Connectors
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/tool-holders" onclick="gtag('event', 'Tool Holders', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Tool Holders
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/needle-toppers" onclick="gtag('event', 'Needle Toppers', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Needle Toppers
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/sewing-kit" onclick="gtag('event', 'Sewing / Sweater Kits', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Sewing / Sweater Kits
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Cases & Sets</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knitting-needle-cases" onclick="gtag('event', 'Needle Cases', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Needle Cases
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/knitting-needle-sets" onclick="gtag('event', 'Needle Sets', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Needle Sets
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/crochet-hook-cases" onclick="gtag('event', 'Hook Cases', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Hook Cases
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/crochet-hook-sets" onclick="gtag('event', 'Hook Sets', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Hook Sets
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Stitch Markers, Holders & Point Protectors</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knit-stitch-markers" onclick="gtag('event', 'Knit Stitch Markers', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit Stitch Markers
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/crochet-stitch-markers" onclick="gtag('event', 'Crochet Stitch Markers', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Crochet Stitch Markers
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/pom-pom-makers" onclick="gtag('event', 'Pom Pom Makers', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Pom Pom Makers
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/craft-eyes" onclick="gtag('event', 'Craft Eyes', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Craft Eyes
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/tape-measures" onclick="gtag('event', 'Tape Measures', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Tape Measures
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/yarn-dispensers" onclick="gtag('event', 'Yarn Dispenser', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Yarn Dispenser
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/row-counters" onclick="gtag('event', 'Row Counters', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Row Counters
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Bags & Storage</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knit-bags-storage" onclick="gtag('event', 'Knit Bags', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit Bags
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/crochet-bags-storage" onclick="gtag('event', 'Crochet Bags', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Crochet Bags
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/drawstring-bags" onclick="gtag('event', 'Drawstring Bags', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Drawstring Bags
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/muud" onclick="gtag('event', 'Muud Bags', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Muud Bags
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/sewing-kit" onclick="gtag('event', 'Sewing Kit', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Sewing Kit
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/sewing-boxes" onclick="gtag('event', 'Sewing Boxes', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Sewing Boxes
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Blocking & Care</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/blocking-mats" onclick="gtag('event', 'Blocking Mats', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Blocking Mats
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/knit-blockers" onclick="gtag('event', 'Knit Blockers', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit Blockers
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/sock-blockers" onclick="gtag('event', 'Sock Blockers', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Sock Blockers
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/strucket" onclick="gtag('event', 'Strucket Bucket', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Strucket Bucket
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Ball Winders & Swifts</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knitpro-winders" onclick="gtag('event', 'Knit Pro Winders', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit Pro Winders
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/coley-craft-winders" onclick="gtag('event', 'Coley Craft Winders', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Coley Craft Winders
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Gift Cards</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/products/gift-card?variant=31806132518994" onclick="gtag('event', '$10 ', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            $10 
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/products/gift-card?variant=31806132584530" onclick="gtag('event', '$25', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            $25
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/products/gift-card?variant=31806132682834" onclick="gtag('event', '$50', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            $50
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/products/gift-card?variant=31806132748370" onclick="gtag('event', '$100', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            $100
                                          </a>
                                        </li></ul></div></div>
                          
                            <div class="MegaMenu__FeaturedImages"><div class="MegaMenu__Item"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/row-counters"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/Stitch_Counter_2__copy_1x1.jpg?v=1776893381); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/Stitch_Counter_2__copy_{width}x.jpg?v=1776893381"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>
                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">ROW COUNTERS</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/crochet-stitch-markers"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/Stitch_Marker_2__copy_1x1.jpg?v=1776893376); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/Stitch_Marker_2__copy_{width}x.jpg?v=1776893376"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>

                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">STITCH MARKERS</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/books" class="Heading u-h6  " onclick="gtag('event', 'Books & Games', {'event_category' : 'Navigation'})">Books &amp; Games</a><div class="DropdownMenu" aria-hidden="true">
                    <ul class="Linklist"><li class="Linklist__Item" >
                          <a href="/collections/knit-books" onclick="gtag('event', 'Knit Books', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                            Knit Books 
                          </a></li><li class="Linklist__Item" >
                          <a href="/collections/crochet-books" onclick="gtag('event', 'Crochet Books', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                            Crochet Books 
                          </a></li><li class="Linklist__Item" >
                          <a href="/products/lastgame" onclick="gtag('event', 'Board Games', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                            Board Games 
                          </a></li></ul>
                  </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/hooks" class="Heading u-h6  " onclick="gtag('event', 'Hooks', {'event_category' : 'Navigation'})">Hooks<span class="Header__LinkSpacer">Hooks</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Brands</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/premier-yarns-crochet-hooks" onclick="gtag('event', 'Premier Yarns', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Premier Yarns
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/coley-craft-crochet-hooks" onclick="gtag('event', 'Coley Craft', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Coley Craft
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/milward-crochet-hooks" onclick="gtag('event', 'Milward', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Milward
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/knitpro-crochet-hooks" onclick="gtag('event', 'Knit Pro', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit Pro
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Material</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/wood-crochet-hooks" onclick="gtag('event', 'Wood', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Wood
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/metal-crochet-hooks" onclick="gtag('event', 'Metal', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Metal
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Hook Type</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/single-ended-crochet-hooks" onclick="gtag('event', 'Single Ended', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Single Ended
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/tunisian-crochet-hooks" onclick="gtag('event', 'Tunisian', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Tunisian
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/crochet-hook-sets" onclick="gtag('event', 'Hook Sets', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Hook Sets
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/crochet-hook-deals" onclick="gtag('event', 'Current Hook Deals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Current Hook Deals
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/clearance-crochet-hooks" onclick="gtag('event', 'Clearance', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Clearance
                                          </a>
                                        </li></ul></div></div>
                          
                            <div class="MegaMenu__FeaturedImages"><div class="MegaMenu__Item"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/crochet-hook-sets"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/Hooks_1__copy_1x1.jpg?v=1776893387); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/Hooks_1__copy_{width}x.jpg?v=1776893387"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>
                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">HOOK SETS</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/needles" class="Heading u-h6  " onclick="gtag('event', 'Needles', {'event_category' : 'Navigation'})">Needles<span class="Header__LinkSpacer">Needles</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Brands</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knitpro-knitting-needles" onclick="gtag('event', 'Knit Pro', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit Pro
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Material</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/wood-knitting-needles" onclick="gtag('event', 'Wood', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Wood
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/metal-knitting-needles" onclick="gtag('event', 'Metal', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Metal
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Needle Type</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/single-pointed-knitting-needles" onclick="gtag('event', 'Single Pointed', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Single Pointed
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/circular-knitting-needles" onclick="gtag('event', 'Circular', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Circular
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/double-point-knitting-needles" onclick="gtag('event', 'Double Point', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Double Point
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/knitting-needles-sets" onclick="gtag('event', 'Sets', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Sets
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knitting-needle-deals" onclick="gtag('event', 'Current Needle Deals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Current Needle Deals
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/clearance-knitting-needles" onclick="gtag('event', 'Clearance', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Clearance
                                          </a>
                                        </li></ul></div></div>
                          
                            <div class="MegaMenu__FeaturedImages"><div class="MegaMenu__Item"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/knitting-needle-sets"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/Needles_2__copy_1x1.jpg?v=1776893394); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/Needles_2__copy_{width}x.jpg?v=1776893394"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>
                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">NEEDLE SETS</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a  class="Heading u-h6 cursorPointer " onclick="gtag('event', 'Kits', {'event_category' : 'Navigation'})">Kits<span class="Header__LinkSpacer">Kits</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Craft</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knitting-kits" onclick="gtag('event', 'Knit', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/crochet-kits" onclick="gtag('event', 'Crochet', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Crochet
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Type</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/crochet-kits" onclick="gtag('event', 'Crochet Kits', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Crochet Kits
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/knitting-kits" onclick="gtag('event', 'Knitting Kits', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knitting Kits
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/sock-kits" onclick="gtag('event', 'Sock Kits', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Sock Kits
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/punch-needle-kits" onclick="gtag('event', 'Punch Needle Kits', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Punch Needle Kits
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Brands</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/premier-yarns-kits" onclick="gtag('event', 'Premier Yarns', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Premier Yarns
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/needle-creations-kits" onclick="gtag('event', 'Needle Creation', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Needle Creation
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/coley-craft-kits" onclick="gtag('event', 'Coley Craft', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Coley Craft
                                          </a>
                                        </li></ul></div></div>
                          
                            <div class="MegaMenu__FeaturedImages"><div class="MegaMenu__Item"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/elle-by-me-kits"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/ELLE_Kit_ABST_BCKGROUN_2__copy_1x1.jpg?v=1776893400); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/ELLE_Kit_ABST_BCKGROUN_2__copy_{width}x.jpg?v=1776893400"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>
                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">ELLE BY ME KITS</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/free-patterns" class="Heading u-h6  " onclick="gtag('event', 'Patterns', {'event_category' : 'Navigation'})">Patterns<span class="Header__LinkSpacer">Patterns</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Project</span>
                                  <ul class="Linklist"><li class="Linklist__Item">
                                        <a href="/collections/amigurumi-patterns" onclick="gtag('event', 'Amigurumi', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Amigurumi
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/bag-patterns" onclick="gtag('event', 'Bag', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Bag
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/blankets" onclick="gtag('event', 'Blanket', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Blanket
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/sweaters" onclick="gtag('event', 'Sweater', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Sweater
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/scarf-shawl-cowl-patterns" onclick="gtag('event', 'Scarf / Shawl / Cowl', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Scarf / Shawl / Cowl
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/hats" onclick="gtag('event', 'Hat / Headband', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Hat / Headband
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/mitts-mitten-patterns" onclick="gtag('event', 'Mittens / Mitts', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Mittens / Mitts
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/home-project-patterns" onclick="gtag('event', 'Home', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Home
                                        </a>
                                      </li></ul>
                                </div>
                                <div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5" style="visibility: hidden; opacity:0;">Project</span>
                                  <ul class="Linklist"><li class="Linklist__Item">
                                        <a href="/collections/vest-patterns" onclick="gtag('event', 'Vest', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Vest
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/socks" onclick="gtag('event', 'Socks', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Socks
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/poncho-patterns" onclick="gtag('event', 'Poncho', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Poncho
                                        </a>
                                      </li><li class="Linklist__Item">
                                        <a href="/collections/skirt-shorts-pants-patterns" onclick="gtag('event', 'Skirt / Shorts / Pants', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                          Skirt / Shorts / Pants
                                        </a>
                                      </li></ul>
                                </div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Yarn Weight</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/1-superfine-yarn-weight-patterns" onclick="gtag('event', '1 Super Fine / Fingering / Lace', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            1 Super Fine / Fingering / Lace
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/2-fine-sport-weight-patterns" onclick="gtag('event', '2 Fine / Sport ', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            2 Fine / Sport 
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/3-light-dk-weight-patterns" onclick="gtag('event', '3 Light / DK ', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            3 Light / DK 
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/4-medium-worsted-weight-patterns" onclick="gtag('event', '4 Medium / Worsted', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            4 Medium / Worsted
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/5-bulky-chunky-weight-patterns" onclick="gtag('event', '5 Bulky / Chunky', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            5 Bulky / Chunky
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/6-super-bulky-weight-patterns" onclick="gtag('event', '6 Super Bulky', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            6 Super Bulky
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/7-jumbo-weight-patterns" onclick="gtag('event', '7 Jumbo', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            7 Jumbo
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Made For</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/patterns-for-babies" onclick="gtag('event', 'Baby', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Baby
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/patterns-for-children" onclick="gtag('event', 'Child', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Child
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/patterns-for-women" onclick="gtag('event', 'Woman', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Woman
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/patterns-for-men" onclick="gtag('event', 'Man', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Man
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/patterns-for-pets" onclick="gtag('event', 'Pet', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Pet
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Craft</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/knitting-patterns" onclick="gtag('event', 'Knit', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Knit
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/crochet-patterns" onclick="gtag('event', 'Crochet', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Crochet
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/handcraft-patterns" onclick="gtag('event', 'Handcraft', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Handcraft
                                          </a>
                                        </li></ul></div></div>
                          
                            <div class="MegaMenu__FeaturedImages"><div class="MegaMenu__Item"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/patterns-of-the-month"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/LakeHouse_HipsterBlanket__copy_1x1.jpg?v=1776893408); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/LakeHouse_HipsterBlanket__copy_{width}x.jpg?v=1776893408"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>
                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">Patterns of the month</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/home-project-patterns"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//www.premieryarns.com/cdn/shop/files/LakeHouse_COASTERS_2_copy_1x1.jpg?v=1776893419); --aspect-ratio: 2.87">
                                        <img class="ProductItem__Image Image--lazyLoad Image--fadeIn"
                                            data-src="//www.premieryarns.com/cdn/shop/files/LakeHouse_COASTERS_2_copy_{width}x.jpg?v=1776893419"
                                            data-widths="[200,300,400,600,700,800,900,1000]"
                                            data-sizes="auto"
                                            alt="" style="object-fit: cover;">
                                        <span class="Image__Loader"></span>

                                      </div><p class="MegaMenu__PushHeading Heading u-h6 Text--alignLeft">HOME DECOR PATTERNS</p><p class="MegaMenu__PushSubHeading Text--subdued u-h7 Text--alignLeft" style="text-transform:uppercase;">SHOP NOW</p></a></div></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " aria-haspopup="true">
                   <a href="/collections/yarndeals" class="Heading u-h6  hvrColor" onclick="gtag('event', 'Sale', {'event_category' : 'Navigation'})">Sale<span class="Header__LinkSpacer">Sale</span></a><div class="MegaMenu"  aria-hidden="true" >
                      <div class="MegaMenu__Inner--scroll">
                        <div class="MegaMenu__Inner">
                          <div class="MegaMenu__Links"><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">All Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/yarndeals" onclick="gtag('event', 'Yarn Deals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Yarn Deals
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/premier-bags" onclick="gtag('event', 'Bag Deals', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Bag Deals
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/accessory-sale-2026" onclick="gtag('event', 'Hooks, Needles, Accessories', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Hooks, Needles, Accessories
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/muud" onclick="gtag('event', 'Muud', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Muud
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/clearance" onclick="gtag('event', 'Clearance', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Clearance
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/bogo" onclick="gtag('event', 'BOGO', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            BOGO
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Bulk Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/bags-of-3" onclick="gtag('event', 'Bags of 3', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Bags of 3
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/bags-of-5" onclick="gtag('event', 'Bags of 5', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Bags of 5
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/fashion-plus-stash-goals-bags" onclick="gtag('event', 'Fashion Plus / Stash Goals Bags', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Fashion Plus / Stash Goals Bags
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/premier-bags" onclick="gtag('event', 'View All', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            View All
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Weekly Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/thread" onclick="gtag('event', '50% off Threads', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            50% off Threads
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/muud" onclick="gtag('event', 'Extra 50% Off Muud', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            Extra 50% Off Muud
                                          </a>
                                        </li><li class="Linklist__Item">
                                          <a href="/collections/weekly-deals" onclick="gtag('event', 'View All', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            View All
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Monthly Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/all-monthly-deals" onclick="gtag('event', 'View All', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            View All
                                          </a>
                                        </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit">
                                  <span class="MegaMenu__Title Heading Text--subdued u-h5">Clearance Deals</span><ul class="Linklist"><li class="Linklist__Item">
                                          <a href="/collections/clearance" onclick="gtag('event', 'View All', {'event_category' : 'Navigation'})" class="Link Link--secondary">
                                            View All
                                          </a>
                                        </li></ul></div></div>
                          
                        </div>
                      </div>
                    </div></li><li class="HorizontalList__Item " >
                   <a href="/pages/premier-palette" class="Heading u-h6  " onclick="gtag('event', 'Compare Colors', {'event_category' : 'Navigation'})">Compare Colors<div class="Premier__Board--DotWrapper">
                       <span class="Header__BoardDot"></span>
                    </div><span class="Header__LinkSpacer">Compare Colors</span></a></li><li class="HorizontalList__Item " >
                   <a href="#smile-home" class="Heading u-h6  " onclick="gtag('event', 'Rewards', {'event_category' : 'Navigation'})">Rewards<span class="Header__LinkSpacer">Rewards</span></a></li></ul>
        </nav></div><div class="Header__FlexItem Header__FlexItem--logo"><h1 class="Header__Logo"><a href="/" class="Header__LogoLink"><img class="Header__LogoImage Header__LogoImage--primary"
               src="//www.premieryarns.com/cdn/shop/files/PremierYarns_2020_261b4951-f498-44f5-9242-48f0a06740b4_375x.png?v=1738543100"
               srcset="//www.premieryarns.com/cdn/shop/files/PremierYarns_2020_261b4951-f498-44f5-9242-48f0a06740b4_375x.png?v=1738543100 1x, //www.premieryarns.com/cdn/shop/files/PremierYarns_2020_261b4951-f498-44f5-9242-48f0a06740b4_375x@2x.png?v=1738543100 2x"
               width="175"
               alt="Premier Yarns"></a></h1></div>

    <div class="Header__FlexItem Header__FlexItem--fill"><a href="/search" class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable " data-action="toggle-search" aria-label="Search">
          <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17">
      <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square">
        <path d="M16 16l-5.0752-5.0752"></path>
        <circle cx="6.4" cy="6.4" r="6.4"></circle>
      </g>
    </svg></span>
          <span class="hidden-phone"><svg class="Icon Icon--search-desktop" role="presentation" viewBox="0 0 21 21">
      <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
        <path d="M18 18l-5.7096-5.7096"></path>
        <circle cx="7.2" cy="7.2" r="7.2"></circle>
      </g>
    </svg></span>
        </a><a href="/account" class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable hidden-phone"><svg class="Icon Icon--account" role="presentation" viewBox="0 0 20 20">
      <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
        <path d="M0 18c0-4.5188182 3.663-8.18181818 8.18181818-8.18181818h1.63636364C14.337 9.81818182 18 13.4811818 18 18"></path>
        <circle cx="9" cy="4.90909091" r="4.90909091"></circle>
      </g>
    </svg></a><a href="/cart" class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable " data-action="open-drawer" data-drawer-id="sidebar-cart" aria-expanded="false" aria-label="Open cart">
        <span class="hidden-tablet-and-up"><svg class="Icon Icon--cart" role="presentation" viewBox="0 0 17 20">
      <path d="M0 20V4.995l1 .006v.015l4-.002V4c0-2.484 1.274-4 3.5-4C10.518 0 12 1.48 12 4v1.012l5-.003v.985H1V19h15V6.005h1V20H0zM11 4.49C11 2.267 10.507 1 8.5 1 6.5 1 6 2.27 6 4.49V5l5-.002V4.49z" fill="currentColor"></path>
    </svg></span>
        <span class="hidden-phone"><svg class="Icon Icon--cart-desktop" role="presentation" viewBox="0 0 19 23">
      <path d="M0 22.985V5.995L2 6v.03l17-.014v16.968H0zm17-15H2v13h15v-13zm-5-2.882c0-2.04-.493-3.203-2.5-3.203-2 0-2.5 1.164-2.5 3.203v.912H5V4.647C5 1.19 7.274 0 9.5 0 11.517 0 14 1.354 14 4.647v1.368h-2v-.912z" fill="currentColor"></path>
    </svg></span>
        <span class="Header__CartDot "></span>
      </a>
    </div>
  </div>
</header>

<style>:root {
      --use-sticky-header: 1;
      --use-unsticky-header: 0;
    }

    .shopify-section--header {
      position: -webkit-sticky;
      position: sticky;
    }@media screen and (max-width: 640px) {
      .Header__LogoImage {
        max-width: 150px;
      }
    }:root {
      --header-is-not-transparent: 1;
      --header-is-transparent: 0;
    }</style>
</div><main id="main" role="main">
        <!-- BEGIN content_for_index --><div id="shopify-section-slideshow_h4xyNF" class="shopify-section shopify-section--slideshow"><section id="section-slideshow_h4xyNF" data-section-id="slideshow_h4xyNF" data-section-type="slideshow"> 
  <div class="Slideshow">
    <div class="Slideshow__Carousel  Carousel Carousel--fadeIn Carousel--newWay Carousel--insideDots" 
      data-flickity-config='{
  "prevNextButtons": false,
  "setGallerySize": true,
  "adaptiveHeight": true,
  "wrapAround": true,
  "dragThreshold": 25,
  "pauseAutoPlayOnHover": false,
  "autoPlay": false,
  "pageDots": false
}' data-slide-amount='1'><div id="Slideimage_WLzai3" class="Slideshow__Slide Carousel__Cell is-selected" style="visibility: visible" data-slide-index="0" ><style data-shopify>.Slideshow__Image--image_WLzai3 {
      object-position: center;
    }

    .ButtonGroup--image_WLzai3.Button {
      color: #ffffff;
      background: #000000;
    }

    
      @media (-moz-touch-enabled: 0), (hover: hover) {
        .ButtonGroup--image_WLzai3.Button:hover {
          color: #000000;
          background: #ffffff;
        }
      }
    
</style>
<a href="https://www.premieryarns.com/collections/in-the-making" onclick="slideshowClicks(&quot;Taking Shape Q2 Part 3 - Main Banner&quot;, 'Slide')"><div class="Slideshow__ImageContainer Slideshow__ImageMobile Slideshow__ImageContainer--slideshow_h4xyNF AspectRatio AspectRatio--withFallback"
      style="background: #ddd; --aspect-ratio: 0.732;"><img class="Slideshow__Image Image--lazyLoad Image--fadeIn Slideshow__Image--image_WLzai3 Slideshow__Image--slideshow_h4xyNF"
        data-optimumx="1.2"
        data-src="//www.premieryarns.com/cdn/shop/files/Everyday_DK_Granny_Square_Cardi_Fruits_00120-MOBILE__copy_{width}x.jpg?v=1780090181"
        data-sizes="auto"
        data-widths="[900, 1000, 1100, 1200, 1400, 1600, 1800, 2000, 2200]"
        style="object-position: center;"
        alt="Two women and two children drawing with sidewalk chalk by a lake, showcasing several knit and crochet projects. The apparel includes a blue kids’ cardigan made from Anti-Pilling Everyday DK, an orange vest in Cotton Sprout Worsted, and striped mini scarves crafted from Cotton Fair yarn.">
                
        <noscript>
        <img class="Slideshow__Image" src="//www.premieryarns.com/cdn/shop/files/Everyday_DK_Granny_Square_Cardi_Fruits_00120-MOBILE__copy_x800.jpg?v=1780090181" alt="Two women and two children drawing with sidewalk chalk by a lake, showcasing several knit and crochet projects. The apparel includes a blue kids’ cardigan made from Anti-Pilling Everyday DK, an orange vest in Cotton Sprout Worsted, and striped mini scarves crafted from Cotton Fair yarn.">
        </noscript>
    </div><div class="Slideshow__ImageContainer Slideshow__ImageDesktop Slideshow__ImageContainer--slideshow_h4xyNF  AspectRatio AspectRatio--withFallback"
      style="background:#ddd;  --aspect-ratio: 2.87;">
      

      <img class="Slideshow__Image Image--lazyLoad Image--fadeIn hide-no-js Slideshow__Image--image_WLzai3 Slideshow__Image--slideshow_h4xyNF"
        data-src="//www.premieryarns.com/cdn/shop/files/Everyday_DK_Granny_Square_Cardi_Fruits_00204_copy_b01c1551-02a9-465d-93b5-2fa7597e7e66_{width}x.jpg?v=1780090177"
        data-optimumx="1.2"
        data-widths="[1400, 1600, 1800, 2000, 2200]"
        data-sizes="auto"
        style="object-position: center;"
        alt="Two women and two children drawing with sidewalk chalk by a lake, showcasing several knit and crochet projects. The apparel includes a blue kids’ cardigan made from Anti-Pilling Everyday DK, an orange vest in Cotton Sprout Worsted, and striped mini scarves crafted from Cotton Fair yarn.">

        <noscript>
            <img class="Slideshow__Image" src="//www.premieryarns.com/cdn/shop/files/Everyday_DK_Granny_Square_Cardi_Fruits_00204_copy_b01c1551-02a9-465d-93b5-2fa7597e7e66_1000x.jpg?v=1780090177" alt="Two women and two children drawing with sidewalk chalk by a lake, showcasing several knit and crochet projects. The apparel includes a blue kids’ cardigan made from Anti-Pilling Everyday DK, an orange vest in Cotton Sprout Worsted, and striped mini scarves crafted from Cotton Fair yarn.">
        </noscript>
    </div></a><div class="Slideshow__Content  Slideshow__Content--image_WLzai3">
        <header class="SectionHeader">
          <div class="SectionContent__wrapper"><h2 class="SectionHeader__Heading" style="color:#1c1b1b;">Creativity In the Making</h2><h3 class="SectionHeader__SubHeading u-h3" style="color:#1c1b1b;">Confidence is built by showing up – consistent practice, learning from others, and trusting the process rather than chasing perfection. Explore new patterns for mindful repetition and mastery. Celebrate those moments when knowledge clicks and skills become second nature – that’s where creativity begins to grow.</h3><div class="SectionHeader__ButtonWrapper">
            <div class="ButtonWrapper"><a onclick="slideshowClicks(&quot;Taking Shape Q2 Part 3 - Main Banner&quot;, 'Button 1')" href="https://www.premieryarns.com/collections/in-the-making" class="Button Button--primary ButtonGroup--image_WLzai3">Explore Now</a></div>
          </div></div>
        </header>
      </div></div></div></div>

  <span id="section-slideshow_h4xyNF-end" class="Anchor"></span>
</section>

<script>
  //For click tracking of slide show banner elements
  function slideshowClicks(SlideshowTitle, elementClick) {
    gtag('event', `${SlideshowTitle}`, {'event_label' : `${elementClick}`, 'event_category' : 'Homepage'});
  }
</script>
	
<style>
  #section-slideshow_h4xyNF .flickity-page-dots {
    color: #000000;
    padding: 3px 10px 3px 10px;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    border-radius: 20rem;
  }

  #section-slideshow_h4xyNF .flickity-page-dots .dot {
    margin:0 !important;
    margin-right:4.5px !important;
  }

  #section-slideshow_h4xyNF .flickity-page-dots .dot:last-child {
    margin:0;
    margin-right:0px !important;
  }
</style>

</div><div id="shopify-section-featured_collections_bzpiC8" class="shopify-section shopify-section--bordered"><section class="Section Section--spacingSamll featured-collections" data-section-id="featured_collections_bzpiC8" data-section-type="featured-collections" data-settings='{
  "layout": "carousel"
}'>
  
  <div class="NewArrivals--TextContent">
    <header class="SectionHeader">
      <div class="Container"><h2 class="SectionHeader__Heading Heading u-h1">New Arrivals</h2><p class="SectionHeader__SubHeading">Explore our hottest yarns of the season. These yarns are begging to be turned into your next masterpiece.</p></div>
    </header>
  </div>

  
  <div class="NewArrivals--ProductContent"><div class="TabPanel Section--Featured_Collections" id="block-collection_Y3aYkg" aria-hidden="false" role="tabpanel" >
        <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{
    "prevNextButtons": true,
    "pageDots": false,
    "wrapAround": false,
    "contain": true,
    "cellAlign": "center",
    "watchCSS": true,
    "dragThreshold": 10,
    "groupCells": true,
    "selectedAttraction": 0.1,
    "friction": 0.5
  }'><div class="Carousel__Cell is-selected"><div class="ProductItem " style="transform: matrix(1, 0, 0, 1, 0, 0);">
  <div class="ProductItem__Wrapper">
    <a href="/products/eddkcopack" class="ProductItem__ImageWrapper"><div class="AspectRatio AspectRatio--square" style="max-width: 1500px;  --aspect-ratio: 1.0"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//www.premieryarns.com/cdn/shop/files/EverydayDK_ColorPack_Box1_3_{width}x.jpg?v=1774387812" data-widths="[200,300,400,500,600,700,800]" data-sizes="auto" alt="2197-01 Everyday DK Color Pack - Box 1" data-media-id="25359488942162">
        <span class="Image__Loader"></span>

        <noscript>
          <img class="ProductItem__Image ProductItem__Image--alternate" src="//www.premieryarns.com/cdn/shop/files/EverydayDK_ColorPack_Box1_13_600x.jpg?v=1774387819" alt="2197-01 Everyday DK Color Pack - Box 1">
          <img class="ProductItem__Image" src="//www.premieryarns.com/cdn/shop/files/EverydayDK_ColorPack_Box1_3_600x.jpg?v=1774387812" alt="2197-01 Everyday DK Color Pack - Box 1">
        </noscript>
      </div>
    </a><div class="ProductItem__LabelList" style="text-align:center;">
            <span class="ProductItem__Label Heading Text--subdued ">New</span>
          </div><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading">
          <a href="/products/eddkcopack">Anti-Pilling Everyday® DK Color Pack™</a>
        </h2><p class="ProductMeta__Descriptions">
      <span class="ProductMeta__Descriptions--weight">Light</span> 100% Anti-Pilling Acrylic
    </p>

<div class="ProductItem__ColorSwatchList">
  

<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="42341988106322-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/eddkcopack?variant=42341988106322"data-image-id="33612186812498"
      data-image-url="//www.premieryarns.com/cdn/shop/files/EverydayDK_ColorPack_Box1_13_{width}x.jpg?v=1774387819"
      data-image-widths="[200,400,600,700,800,900,1000]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="42341988106322-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/EverydayDK_ColorPack_Box1_13_24x24.jpg?v=1774387819"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="42341988139090-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/eddkcopack?variant=42341988139090"data-image-id="33612187598930"
      data-image-url="//www.premieryarns.com/cdn/shop/files/EverydayDK_ColorPack_Box2_9_{width}x.jpg?v=1774387836"
      data-image-widths="[200,400,600,700,800,900,1000]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="42341988139090-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/EverydayDK_ColorPack_Box2_9_24x24.jpg?v=1774387836"></label>
</div></div><div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.19.0" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
 data-oke-ga-click-label="Everyday® DK Color Pack™" 
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 5.0 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 100%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">1 Review</span>
<span class="okeReviews-a11yText">Based on 1 review</span>
</div>
</div>
</div>

</div><div class="ProductItem__PriceList  Heading"><span class="ProductItem__Price Price Text--subdued">$24.99</span></div></div></div></div></div><div class="Carousel__Cell "><div class="ProductItem " style="transform: matrix(1, 0, 0, 1, 0, 0);">
  <div class="ProductItem__Wrapper">
    <a href="/products/psweetroll" class="ProductItem__ImageWrapper"><div class="AspectRatio AspectRatio--square" style="max-width: 1500px;  --aspect-ratio: 1.0"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//www.premieryarns.com/cdn/shop/files/1047-05_RaspberrySwirl_ball_{width}x.jpg?v=1779204563" data-widths="[200,300,400,500,600,700,800]" data-sizes="auto" alt="1047-05 Raspberry Swirl" data-media-id="25565974659154">
        <span class="Image__Loader"></span>

        <noscript>
          <img class="ProductItem__Image ProductItem__Image--alternate" src="//www.premieryarns.com/cdn/shop/products/1047-05_Raspberry_swirl_chip_600x.jpg?v=1776179908" alt="1047-05 Raspberry Swirl">
          <img class="ProductItem__Image" src="//www.premieryarns.com/cdn/shop/files/1047-05_RaspberrySwirl_ball_600x.jpg?v=1779204563" alt="1047-05 Raspberry Swirl">
        </noscript>
      </div>
    </a><div class="ProductItem__LabelList" style="text-align:center;">
            <span class="ProductItem__Label Heading Text--subdued ">New Colors</span>
          </div><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading">
          <a href="/products/psweetroll">Sweet Roll®</a>
        </h2><p class="ProductMeta__Descriptions">
      <span class="ProductMeta__Descriptions--weight">Medium</span> 100% Acrylic
    </p>

<div class="ProductItem__ColorSwatchList">
  

<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="24360065862-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=24360065862"data-image-id="33828382703698"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-02_BlueberrySwirl_ball_true_{width}x.jpg?v=1779290893"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="24360065862-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-02_Blueberry_Swirl_chip_24x24.jpg?v=1738581180"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="24360066182-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=24360066182"data-image-id="33823964987474"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-05_RaspberrySwirl_ball_{width}x.jpg?v=1779204563"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="24360066182-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-05_Raspberry_Swirl_chip_24x24.jpg?v=1738581175"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="24360066630-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=24360066630"data-image-id="33823965020242"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-10_BlackPepperSwirl_ball_{width}x.jpg?v=1779204513"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="24360066630-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-10_Black_Pepper_Swirl_chip_24x24.jpg?v=1738580816"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="24360066694-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=24360066694"data-image-id="33823965053010"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-11_SilverSwirl_ball_{width}x.jpg?v=1779204519"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="24360066694-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-11_Silver_Swirl_chip_24x24.jpg?v=1738581012"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="24360066822-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=24360066822"data-image-id="33823965085778"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-12_FrostySwirl_ball_{width}x.jpg?v=1779204525"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="24360066822-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-12_Frosty_Swirl_chip_24x24.jpg?v=1738581031"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="24360067398-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=24360067398"data-image-id="33823965118546"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-21_PeachesandCreamPop_ball_{width}x.jpg?v=1779204531"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="24360067398-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-21_Peaches_and_Cream_chip_24x24.jpg?v=1776798542"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="24360067590-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=24360067590"data-image-id="33823965151314"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-24_BirthdayCakePop_ball_{width}x.jpg?v=1779204537"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="24360067590-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-24_Birthday_Cake_Pop_chip_24x24.jpg?v=1738581220"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="35698100812-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/psweetroll?variant=35698100812"data-image-id="33823965184082"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1047-28_MelonPop_ball_{width}x.jpg?v=1779204543"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="35698100812-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1047-28_Melon_Pop_chip_24x24.jpg?v=1738581036"></label>
</div><div class="ProductItem__ColorSwatchMore">
      <a class="ProductItem__ColorSwatchMoreText Product__ChipAdditionalColors" href="/products/psweetroll">
        +14
      </a>
    </div></div><div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.19.0" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
 data-oke-ga-click-label="Sweet Roll®" 
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 97%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">1213 Reviews</span>
<span class="okeReviews-a11yText">Based on 1213 reviews</span>
</div>
</div>
</div>

</div><div class="ProductItem__PriceList  Heading"><span class="ProductItem__Price Price Text--subdued">$6.49</span></div></div></div></div></div><div class="Carousel__Cell "><div class="ProductItem " style="transform: matrix(1, 0, 0, 1, 0, 0);">
  <div class="ProductItem__Wrapper">
    <a href="/products/spuncolors" class="ProductItem__ImageWrapper"><div class="AspectRatio AspectRatio--square" style="max-width: 1500px;  --aspect-ratio: 1.0"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//www.premieryarns.com/cdn/shop/files/1110-05_Mallard_ballcopy_{width}x.jpg?v=1779203015" data-widths="[200,300,400,500,600,700,800]" data-sizes="auto" alt="1110-05 Mallard" data-media-id="25565765468242">
        <span class="Image__Loader"></span>

        <noscript>
          <img class="ProductItem__Image ProductItem__Image--alternate" src="//www.premieryarns.com/cdn/shop/products/1110-05_Mallard_chip_7a17ed8d-655d-41aa-9a33-c86256bed819_600x.jpg?v=1776283379" alt="1110-05 Mallard">
          <img class="ProductItem__Image" src="//www.premieryarns.com/cdn/shop/files/1110-05_Mallard_ballcopy_600x.jpg?v=1779203015" alt="1110-05 Mallard">
        </noscript>
      </div>
    </a><div class="ProductItem__LabelList" style="text-align:center;">
            <span class="ProductItem__Label Heading Text--subdued ">New Colors</span>
          </div><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading">
          <a href="/products/spuncolors">Spun Colors</a>
        </h2><p class="ProductMeta__Descriptions">
      <span class="ProductMeta__Descriptions--weight">Medium</span> 65% Acrylic, 35% Fine Merino Superwash
    </p>

<div class="ProductItem__ColorSwatchList">
  

<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510199701586-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510199701586"data-image-id="33823754551378"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-01_Agate_ballcopy_{width}x.jpg?v=1779197389"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510199701586-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-01_Agate_chip_24x24.jpg?v=1738568011"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510242824274-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510242824274"data-image-id="33823754584146"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-02_Mauve_ballcopy_{width}x.jpg?v=1779197354"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510242824274-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-02_Mauve_chip_24x24.jpg?v=1738568060"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510238695506-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510238695506"data-image-id="33823754616914"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-03_BlueRidge_ballcopy_{width}x.jpg?v=1779197380"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510238695506-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-03_Blue_Ridge_chip_24x24.jpg?v=1738568059"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510244069458-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510244069458"data-image-id="33823754649682"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-04_Iris_ballcopy_{width}x.jpg?v=1779197421"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510244069458-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-04_Iris_chip_24x24.jpg?v=1738568073"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510243872850-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510243872850"data-image-id="33823754682450"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-05_Mallard_ballcopy_{width}x.jpg?v=1779203015"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510243872850-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-05_Mallard_chip_24x24.jpg?v=1738568028"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510234730578-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510234730578"data-image-id="33823754715218"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-06_RiverRocks_ballcopy_{width}x.jpg?v=1779197372"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510234730578-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-06_River_Rocks_chip_24x24.jpg?v=1738568034"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510231978066-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510231978066"data-image-id="33828606115922"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-08_Twilight_ball_0eba787c-87ee-4b24-ad72-d61c69bbdd54_{width}x.jpg?v=1779298241"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510231978066-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-08_Twilight_chip_24x24.jpg?v=1738568075"></label>
</div>
<div class="ProductItem__ColorSwatchItem"><input 
    class="ColorSwatch__Radio"
    type="radio"
    id="30510231126098-featured_collections_bzpiC8"
    value="" 
    data-variant-url="/products/spuncolors?variant=30510231126098"data-image-id="33828606148690"
      data-image-url="//www.premieryarns.com/cdn/shop/files/1110-09_Woodland_ball_a6aacc19-c5fd-46e7-a2a5-efa6761f041f_{width}x.jpg?v=1779298248"
      data-image-widths="[200,400,600,700,800,900,1000,1200]"
      data-image-aspect-ratio="1.0"aria-hidden="true">
  <label class="ColorSwatch ColorSwatch--medium" for="30510231126098-featured_collections_bzpiC8" title="">
    <img class="ColorSwatch__Image Image--lazyLoad lazyautosizes Image--fadeIn"  data-src="//www.premieryarns.com/cdn/shop/files/1110-09_Woodland_chip_24x24.jpg?v=1738568044"></label>
</div><div class="ProductItem__ColorSwatchMore">
      <a class="ProductItem__ColorSwatchMoreText Product__ChipAdditionalColors" href="/products/spuncolors">
        +10
      </a>
    </div></div><div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.19.0" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
 data-oke-ga-click-label="Spun Colors" 
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.7 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 94%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">272 Reviews</span>
<span class="okeReviews-a11yText">Based on 272 reviews</span>
</div>
</div>
</div>

</div><div class="ProductItem__PriceList  Heading"><span class="ProductItem__Price Price Text--subdued">$11.99</span></div></div></div></div></div></div></div></div></div>
  
</section></div><div id="shopify-section-collection_list_hJk6Lf" class="shopify-section"><section id="section-collection_list_hJk6Lf" data-section-id="collection_list_hJk6Lf" data-section-type="collection-list"><div class="CollectionList__Container">
      <div class="CollectionList Homepage CollectionList--spaced">
        <div  class="CollectionItem is-selected" data-slide-index="0"><a class="CollectionItem--Link" href="/collections/crochet-patterns"  onclick="gtag('event', 'Free Crochet Patterns Tile', {'event_category' : 'Homepage'})" data-tile-number="1" data-label="Image">
      <div class="CollectionItem__Wrapper "><div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio:1; background: #ddd"><img class="CollectionItem__Image Image--fadeIn Image--lazyLoad hide-no-js" 
              style="object-position: center;"
              data-sizes="auto"
              data-src="//www.premieryarns.com/cdn/shop/files/Cotton_Fair_Crochet_2-Piece_Set_00206_copy_{width}x.jpg?v=1780082896"
              data-widths="[400, 500, 600, 700, 800]"
              alt="Summer crochet fashion featuring a two-piece button-down shirt and shorts set in a teal and white striped pattern. This lightweight ensemble is made with Cotton Fair yarn, perfect for breathable beachwear and handmade summer apparel."
            /><noscript>
              <div class="CollectionItem__Image " style="background-position: center; background-image: url(//www.premieryarns.com/cdn/shop/files/Cotton_Fair_Crochet_2-Piece_Set_00206_copy_1000x.jpg?v=1780082896)"></div>
            </noscript></div>
      </div>
      <div class="TileItem__Block">
        <div class="TileItem__Content" data-slide-index="0"><h2 class="SectionHeader__Heading TileHeader__Heading--emphasize" data-slide-index="0">Free Crochet Patterns</h2><div class="TileItem__Content--Button" data-slide-index="0"><svg class="Icon Icon--select-arrow-right" role="presentation" viewBox="0 0 11 18">
      <path d="M1.5 1.5l8 7.5-8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path>
    </svg></div>
        </div>
      </div>
    
</a>
</div><div  class="CollectionItem " data-slide-index="1"><a class="CollectionItem--Link" href="/collections/knitting-patterns"  onclick="gtag('event', 'Free Knit Patterns Tile', {'event_category' : 'Homepage'})" data-tile-number="2" data-label="Image">
      <div class="CollectionItem__Wrapper "><div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio:1; background: #ddd"><img class="CollectionItem__Image Image--fadeIn Image--lazyLoad hide-no-js" 
              style="object-position: center;"
              data-sizes="auto"
              data-src="//www.premieryarns.com/cdn/shop/files/Cotton_Fair_Knit_2-Piece_Set_00079_copy_{width}x.jpg?v=1780082900"
              data-widths="[400, 500, 600, 700, 800]"
              alt="Two-piece knit summer set featuring a sleeveless top and drawstring wide-leg pants with intricate lace stitching at the hems. This tonal green ensemble is crafted from Cotton Fair yarn, highlighting the stitch definition and lightweight drape of the cotton-acrylic blend."
            /><noscript>
              <div class="CollectionItem__Image " style="background-position: center; background-image: url(//www.premieryarns.com/cdn/shop/files/Cotton_Fair_Knit_2-Piece_Set_00079_copy_1000x.jpg?v=1780082900)"></div>
            </noscript></div>
      </div>
      <div class="TileItem__Block">
        <div class="TileItem__Content" data-slide-index="1"><h2 class="SectionHeader__Heading TileHeader__Heading--emphasize" data-slide-index="1">Free Knit Patterns</h2><div class="TileItem__Content--Button" data-slide-index="1"><svg class="Icon Icon--select-arrow-right" role="presentation" viewBox="0 0 11 18">
      <path d="M1.5 1.5l8 7.5-8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path>
    </svg></div>
        </div>
      </div>
    
</a>
</div>
      </div>
    </div></section>

</div><div id="shopify-section-slideshow_6DJXiq" class="shopify-section shopify-section--slideshow"><section id="section-slideshow_6DJXiq" data-section-id="slideshow_6DJXiq" data-section-type="slideshow"> 
  <div class="Slideshow">
    <div class="Slideshow__Carousel  Carousel Carousel--fadeIn Carousel--newWay Carousel--insideDots" 
      data-flickity-config='{
  "prevNextButtons": false,
  "setGallerySize": true,
  "adaptiveHeight": true,
  "wrapAround": true,
  "dragThreshold": 25,
  "pauseAutoPlayOnHover": false,
  "autoPlay": false,
  "pageDots": false
}' data-slide-amount='1'><div id="Slideimage_6ciTBw" class="Slideshow__Slide Carousel__Cell is-selected" style="visibility: visible" data-slide-index="0" ><style data-shopify>.Slideshow__Image--image_6ciTBw {
      object-position: center;
    }

    .ButtonGroup--image_6ciTBw.Button {
      color: #ffffff;
      background: #000000;
    }

    
      @media (-moz-touch-enabled: 0), (hover: hover) {
        .ButtonGroup--image_6ciTBw.Button:hover {
          color: #000000;
          background: #ffffff;
        }
      }
    
</style>
<a href="/products/bcbrmmm" onclick="slideshowClicks(&quot;Mama Made Minis Collab Launch&quot;, 'Slide')"><div class="Slideshow__ImageContainer Slideshow__ImageMobile Slideshow__ImageContainer--slideshow_6DJXiq AspectRatio AspectRatio--withFallback"
      style="background: #ddd; --aspect-ratio: 0.732;"><img class="Slideshow__Image Image--lazyLoad Image--fadeIn Slideshow__Image--image_6ciTBw Slideshow__Image--slideshow_6DJXiq"
        data-optimumx="1.2"
        data-src="//www.premieryarns.com/cdn/shop/files/Mama_Made_minis_MOBILE_2_copy_{width}x.jpg?v=1774459815"
        data-sizes="auto"
        data-widths="[900, 1000, 1100, 1200, 1400, 1600, 1800, 2000, 2200]"
        style="object-position: center;"
        alt="Promotional banner announcing the Mama Made Minis x Premier Yarns collaboration. The image features three skeins of plush Premier Basix Chenille Brights yarn in peach, olive, and mauve, with the text "Make Magic with Color" over a soft sunset gradient background.">
                
        <noscript>
        <img class="Slideshow__Image" src="//www.premieryarns.com/cdn/shop/files/Mama_Made_minis_MOBILE_2_copy_x800.jpg?v=1774459815" alt="Promotional banner announcing the Mama Made Minis x Premier Yarns collaboration. The image features three skeins of plush Premier Basix Chenille Brights yarn in peach, olive, and mauve, with the text &quot;Make Magic with Color&quot; over a soft sunset gradient background.">
        </noscript>
    </div><div class="Slideshow__ImageContainer Slideshow__ImageDesktop Slideshow__ImageContainer--slideshow_6DJXiq  AspectRatio AspectRatio--withFallback"
      style="background:#ddd;  --aspect-ratio: 2.87;">
      

      <img class="Slideshow__Image Image--lazyLoad Image--fadeIn hide-no-js Slideshow__Image--image_6ciTBw Slideshow__Image--slideshow_6DJXiq"
        data-src="//www.premieryarns.com/cdn/shop/files/MMM_BasixChenBirhgts_LAUNCH_3_copy_{width}x.jpg?v=1774459824"
        data-optimumx="1.2"
        data-widths="[1400, 1600, 1800, 2000, 2200]"
        data-sizes="auto"
        style="object-position: center;"
        alt="Promotional banner announcing the Mama Made Minis x Premier Yarns collaboration. The image features three skeins of plush Premier Basix Chenille Brights yarn in peach, olive, and mauve, with the text "Make Magic with Color" over a soft sunset gradient background.">

        <noscript>
            <img class="Slideshow__Image" src="//www.premieryarns.com/cdn/shop/files/MMM_BasixChenBirhgts_LAUNCH_3_copy_1000x.jpg?v=1774459824" alt="Promotional banner announcing the Mama Made Minis x Premier Yarns collaboration. The image features three skeins of plush Premier Basix Chenille Brights yarn in peach, olive, and mauve, with the text &quot;Make Magic with Color&quot; over a soft sunset gradient background.">
        </noscript>
    </div></a><div class="Slideshow__Content  Slideshow__Content--image_6ciTBw">
        <header class="SectionHeader">
          <div class="SectionContent__wrapper"><h2 class="SectionHeader__Heading" style="color:#1c1b1b;">Mama Made Minis x Premier Yarns</h2><h3 class="SectionHeader__SubHeading u-h3" style="color:#1c1b1b;">Attention all Magic Makers: The Chromatic Collection with Mama Made Minis™ is here! Fourteen brand new hues deliver the softness you love and expect of Basix® Chenille Brights in a nature-inspired palette carefully curated just for YOU. Mix and match your favorites and make Magic with color!</h3><div class="SectionHeader__ButtonWrapper">
            <div class="ButtonWrapper"><a onclick="slideshowClicks(&quot;Mama Made Minis Collab Launch&quot;, 'Button 1')" href="/products/bcbrmmm" class="Button Button--primary ButtonGroup--image_6ciTBw">Shop Now</a></div>
          </div></div>
        </header>
      </div></div></div></div>

  <span id="section-slideshow_6DJXiq-end" class="Anchor"></span>
</section>

<script>
  //For click tracking of slide show banner elements
  function slideshowClicks(SlideshowTitle, elementClick) {
    gtag('event', `${SlideshowTitle}`, {'event_label' : `${elementClick}`, 'event_category' : 'Homepage'});
  }
</script>
	
<style>
  #section-slideshow_6DJXiq .flickity-page-dots {
    color: #000000;
    padding: 3px 10px 3px 10px;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    border-radius: 20rem;
  }

  #section-slideshow_6DJXiq .flickity-page-dots .dot {
    margin:0 !important;
    margin-right:4.5px !important;
  }

  #section-slideshow_6DJXiq .flickity-page-dots .dot:last-child {
    margin:0;
    margin-right:0px !important;
  }
</style>

</div><div id="shopify-section-collection_promo_grid_ydYexN" class="shopify-section">
<style data-shopify>.Collection__PromoGrid-ButtonGroup--Item.collection_promo_grid_ydYexN.Button {
    color: #ffffff;
    border: 1px solid #1c1b1b;
    background-color: #1c1b1b;
  }@media (-moz-touch-enabled: 0), (hover: hover) {
      .Collection__PromoGrid-ButtonGroup--Item.collection_promo_grid_ydYexN.Button:hover {
        border-color: #1c1b1b;
        color: #1c1b1b;
        background-color: #ffffff;
      }
    }</style><section id="section-collection_promo_grid_ydYexN" data-section-id="collection_promo_grid_ydYexN" data-section-type="collection-promo-grid">
  <div class="Collection__PromoGrid collection_promo_grid_ydYexN">
    
    <div class="Collection__PromoGrid--LeftSide">
      <div class="SectionContent__wrapper"><h2 class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1" style="#1c1c1b;">Show Up to Grow Up</h2><p class="SectionHeader__SubHeading" style="color:#1c1c1b;">Crafting with confidence takes a little patience and a whole lot of practice! Jump into new patterns perfect for helping you find your flow state.</p><div class="ImageHero__PromoGridButtonHolder">
            <a href="https://www.premieryarns.com/collections/in-the-making" class="Collection__PromoGrid-ButtonGroup--Item collection_promo_grid_ydYexN Collection__PromoGrid--Tracking Button" onclick="gtag('event', 'Collection Promo Grid', {'event_category' : 'Homepage'})" data-label="Button">
              EXPLORE NOW
            </a>
          </div></div>
    </div>

    
    <div class="Collection__PromoGrid--RightSide"><div class="Collection__PromoGrid--Tile Carousel__Cell">
          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio:1; background: #ddd"> 
            <a class="Collection__PromoGrid--Image-Link Collection__PromoGrid--Tracking" href="/products/mediterranean-wrap" onclick="gtag('event', 'Collection Promo Grid Item', {'event_category' : 'Homepage', 'event_label': &quot;Premier Cotton Fair® Mediterranean Wrap&quot;})" data-label="Image"><img class="Collection__PromoGrid--Image Image--lazyLoad Image--fadeIn hide-no-js"
                  style="object-position: center;"
                  data-sizes="auto"
                  data-src="//www.premieryarns.com/cdn/shop/files/Cotton_Fair_Worsted_Mediterranean_Large_Wrap_fuchsia_00522_copy_{width}x.jpg?v=1780082908"
                  data-widths="[400, 500, 600]"
                  alt="A woman on a sunny wooden dock holding up a large, magenta handmade Mediterranean Towel with white stripes and fringed edges. This project is crafted using Cotton Fair yarn from Premier Yarns, and the pattern is available in three versatile sizes for use as a beach towel or wrap."><noscript>
                  <div class="Collection__PromoGrid--Image" style="background-position: center; background-image: url(//www.premieryarns.com/cdn/shop/files/Cotton_Fair_Worsted_Mediterranean_Large_Wrap_fuchsia_00522_copy_1000x.jpg?v=1780082908)"></div>
                </noscript></a>
            
</div>
          <div class="ProductItem__Meta">
            <p class="ProductItem__Meta--subheading"></p>
            <h3 class="ProductItem__Meta--heading"></h3>
            <p class="ProductItem__Meta--price"></p>
          </div>
        </div><div class="Collection__PromoGrid--Tile Carousel__Cell">
          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio:1; background: #ddd"> 
            <a class="Collection__PromoGrid--Image-Link Collection__PromoGrid--Tracking" href="/products/mint-chip-ice-cream-cone" onclick="gtag('event', 'Collection Promo Grid Item', {'event_category' : 'Homepage', 'event_label': &quot;Premier Parfait XL® Mint Chip Ice Cream Cone&quot;})" data-label="Image"><img class="Collection__PromoGrid--Image Image--lazyLoad Image--fadeIn hide-no-js"
                  style="object-position: center;"
                  data-sizes="auto"
                  data-src="//www.premieryarns.com/cdn/shop/files/Parfait_XL_Jumbo_Ice_Cream_Cone_00083_copy_{width}x.jpg?v=1780082913"
                  data-widths="[400, 500, 600]"
                  alt="A young girl on a red checkered picnic blanket holding a large amigurumi mint chocolate chip ice cream cone. This oversized plush toy is crocheted using chunky Parfait XL chenille yarn in mint green and chocolate brown from Premier Yarns, featuring a textured waffle cone and ruffled scoop."><noscript>
                  <div class="Collection__PromoGrid--Image" style="background-position: center; background-image: url(//www.premieryarns.com/cdn/shop/files/Parfait_XL_Jumbo_Ice_Cream_Cone_00083_copy_1000x.jpg?v=1780082913)"></div>
                </noscript></a>
            
</div>
          <div class="ProductItem__Meta">
            <p class="ProductItem__Meta--subheading"></p>
            <h3 class="ProductItem__Meta--heading"></h3>
            <p class="ProductItem__Meta--price"></p>
          </div>
        </div><div class="Collection__PromoGrid--Tile Carousel__Cell">
          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio:1; background: #ddd"> 
            <a class="Collection__PromoGrid--Image-Link Collection__PromoGrid--Tracking" href="/products/lemon-fanny-pack" onclick="gtag('event', 'Collection Promo Grid Item', {'event_category' : 'Homepage', 'event_label': &quot;Parfait® Chunky \u0026 Basix® Worsted - Lemon Fanny Pack&quot;})" data-label="Image"><img class="Collection__PromoGrid--Image Image--lazyLoad Image--fadeIn hide-no-js"
                  style="object-position: center;"
                  data-sizes="auto"
                  data-src="//www.premieryarns.com/cdn/shop/files/Parfait_Chunky_Citrus_Fanny_Pack_00088_copy_{width}x.jpg?v=1780090185"
                  data-widths="[400, 500, 600]"
                  alt="A young girl wearing a denim romper and a handmade lemon-shaped fanny pack worn as a crossbody bag. The vibrant yellow and white citrus bag is crocheted using Parfait Chunky chenille yarn by Premier Yarns, featuring a soft, plush texture and a zipper closure."><noscript>
                  <div class="Collection__PromoGrid--Image" style="background-position: center; background-image: url(//www.premieryarns.com/cdn/shop/files/Parfait_Chunky_Citrus_Fanny_Pack_00088_copy_1000x.jpg?v=1780090185)"></div>
                </noscript></a>
            
</div>
          <div class="ProductItem__Meta">
            <p class="ProductItem__Meta--subheading"></p>
            <h3 class="ProductItem__Meta--heading"></h3>
            <p class="ProductItem__Meta--price"></p>
          </div>
        </div><div class="Collection__PromoGrid--Tile Carousel__Cell">
          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio:1; background: #ddd"> 
            <a class="Collection__PromoGrid--Image-Link Collection__PromoGrid--Tracking" href="/products/summer-fun-bag-charms" onclick="gtag('event', 'Collection Promo Grid Item', {'event_category' : 'Homepage', 'event_label': &quot;Anti-Pilling Everyday® DK -Summer Fun Bag Charms&quot;})" data-label="Image"><img class="Collection__PromoGrid--Image Image--lazyLoad Image--fadeIn hide-no-js"
                  style="object-position: center;"
                  data-sizes="auto"
                  data-src="//www.premieryarns.com/cdn/shop/files/PY_022526_0629_copy_{width}x.jpg?v=1780090117"
                  data-widths="[400, 500, 600]"
                  alt="Collection of colorful tropical-themed crochet bag charms attached to a tote bag, including citrus slices (lemon, lime, grapefruit), a pink flamingo, a coconut, and a white cloud. Each keychain is handmade using Anti-Pilling Everyday DK yarn by Premier Yarns, featuring bright colors and a smooth finish."><noscript>
                  <div class="Collection__PromoGrid--Image" style="background-position: center; background-image: url(//www.premieryarns.com/cdn/shop/files/PY_022526_0629_copy_1000x.jpg?v=1780090117)"></div>
                </noscript></a>
            
</div>
          <div class="ProductItem__Meta">
            <p class="ProductItem__Meta--subheading"></p>
            <h3 class="ProductItem__Meta--heading"></h3>
            <p class="ProductItem__Meta--price"></p>
          </div>
        </div></div>
  </div>
</section>

</div><div id="shopify-section-collection_list_grid_aQibLX" class="shopify-section"><section id="section-collection_list_grid_aQibLX" data-section-id="collection_list_grid_aQibLX" data-section-type="collection-grid"><div class="CollectionList__Container">
      <header class="SectionHeader SectionHeader--center">
        <h3 class="SectionHeader__Heading Heading u-h1">Shop By Yarn Family</h3>
      </header>

      <div class="CollectionList CollectionList--grid CollectionList--spaced">
        
        <div class="CollectionList__GridContainer">
          <a href="/collections/anti-pilling-yarn-homepage-collection" onclick="gtag('event', 'Anti Pilling Yarn Family Grid Item', {'event_category' : 'Homepage'})">
            <div class="CollectionList__ImageContainer">
              <div class="AspectRatio AspectRatio--Fallback" style="--aspect-ratio: 1; background: #ddd;"><img class="Image--fadeIn Image--lazyLoad hide-no-js" 
                    data-sizes="auto"
                    data-src="//www.premieryarns.com/cdn/shop/files/100-54_Coral_ball_copy_a8c0f238-1575-4d63-90e2-b9031916ce5d_{width}x.jpg?v=1774992703"
                    data-widths="[400, 500, 600, 700, 800]"
                    alt=""
                /></div>
            </div>
            <div class="CollectionList__ImageContent">
                <button type="button" class="Button Button--secondary Button--bordered Button--full">
                  Anti Pilling Yarn Family
                </button>
            </div>
          </a>
        </div>
        <div class="CollectionList__GridContainer">
          <a href="/collections/premier-basix-line" onclick="gtag('event', 'Basix Family Grid Item', {'event_category' : 'Homepage'})">
            <div class="CollectionList__ImageContainer">
              <div class="AspectRatio AspectRatio--Fallback" style="--aspect-ratio: 1; background: #ddd;"><img class="Image--fadeIn Image--lazyLoad hide-no-js" 
                    data-sizes="auto"
                    data-src="//www.premieryarns.com/cdn/shop/files/2126-23_Kiwi_ball_copy_{width}x.jpg?v=1780667906"
                    data-widths="[400, 500, 600, 700, 800]"
                    alt=""
                /></div>
            </div>
            <div class="CollectionList__ImageContent">
                <button type="button" class="Button Button--secondary Button--bordered Button--full">
                  Basix Family
                </button>
            </div>
          </a>
        </div>
        <div class="CollectionList__GridContainer">
          <a href="/collections/bloom-collection" onclick="gtag('event', 'Bloom Family Grid Item', {'event_category' : 'Homepage'})">
            <div class="CollectionList__ImageContainer">
              <div class="AspectRatio AspectRatio--Fallback" style="--aspect-ratio: 1; background: #ddd;"><img class="Image--fadeIn Image--lazyLoad hide-no-js" 
                    data-sizes="auto"
                    data-src="//www.premieryarns.com/cdn/shop/files/1114-01_Hydrangea_ball_{width}x.jpg?v=1780667901"
                    data-widths="[400, 500, 600, 700, 800]"
                    alt=""
                /></div>
            </div>
            <div class="CollectionList__ImageContent">
                <button type="button" class="Button Button--secondary Button--bordered Button--full">
                  Bloom Family
                </button>
            </div>
          </a>
        </div>
        <div class="CollectionList__GridContainer">
          <a href="/collections/cotton-sprout" onclick="gtag('event', 'Cotton Sprout  Family Grid Item', {'event_category' : 'Homepage'})">
            <div class="CollectionList__ImageContainer">
              <div class="AspectRatio AspectRatio--Fallback" style="--aspect-ratio: 1; background: #ddd;"><img class="Image--fadeIn Image--lazyLoad hide-no-js" 
                    data-sizes="auto"
                    data-src="//www.premieryarns.com/cdn/shop/files/1149-24_orchid_ball_recrop_copy_{width}x.jpg?v=1780667925"
                    data-widths="[400, 500, 600, 700, 800]"
                    alt=""
                /></div>
            </div>
            <div class="CollectionList__ImageContent">
                <button type="button" class="Button Button--secondary Button--bordered Button--full">
                  Cotton Sprout  Family
                </button>
            </div>
          </a>
        </div>
        <div class="CollectionList__GridContainer">
          <a href="/collections/parfait-yarns" onclick="gtag('event', 'Parfait Family Grid Item', {'event_category' : 'Homepage'})">
            <div class="CollectionList__ImageContainer">
              <div class="AspectRatio AspectRatio--Fallback" style="--aspect-ratio: 1; background: #ddd;"><img class="Image--fadeIn Image--lazyLoad hide-no-js" 
                    data-sizes="auto"
                    data-src="//www.premieryarns.com/cdn/shop/files/1150-87_Pistachio_ball_copy_53a0ad5e-6928-492f-95cc-550c6878555a_{width}x.jpg?v=1780667939"
                    data-widths="[400, 500, 600, 700, 800]"
                    alt=""
                /></div>
            </div>
            <div class="CollectionList__ImageContent">
                <button type="button" class="Button Button--secondary Button--bordered Button--full">
                  Parfait Family
                </button>
            </div>
          </a>
        </div>
        <div class="CollectionList__GridContainer">
          <a href="/collections/sweet-roll-collection" onclick="gtag('event', 'Sweet Roll Family Grid Item', {'event_category' : 'Homepage'})">
            <div class="CollectionList__ImageContainer">
              <div class="AspectRatio AspectRatio--Fallback" style="--aspect-ratio: 1; background: #ddd;"><img class="Image--fadeIn Image--lazyLoad hide-no-js" 
                    data-sizes="auto"
                    data-src="//www.premieryarns.com/cdn/shop/files/1047-47_RhubarbCrisp_ball_{width}x.jpg?v=1777562954"
                    data-widths="[400, 500, 600, 700, 800]"
                    alt=""
                /></div>
            </div>
            <div class="CollectionList__ImageContent">
                <button type="button" class="Button Button--secondary Button--bordered Button--full">
                  Sweet Roll Family
                </button>
            </div>
          </a>
        </div>
      </div>
    </div>
  </section>
  
  </div><!-- END content_for_index -->
      </main>
      
      <div id="shopify-section-footer" class="shopify-section shopify-section--footer"><footer id="section-footer" data-section-id="footer" data-section-type="footer" class="Footer  " role="contentinfo">
  <div class="Footer__MainContainer">
    <div class='Footer__Top'>
      <div class="Footer__Newsletter--Container"><h2 class="FooterSection__Title Footer__Title Text--alignCenter Heading u-h1" style="text-align:left;">Sign up for our newsletter</h2><div class="Footer__Content Text--alignCenter Rte u-h2">
          <p>Sign-up now to get great promotions and exclusive weekly deals from Premier Yarns.</p>
        </div>
        <div class="FooterToggle__Container">
          <div class="FooterToggle--slider" role="tablist" aria-label="Newsletter Option Switcher">
            <button type="button" class="Button FooterToggle--button active" data-form="email" role="tab" aria-selected="true" data-action="newsletter-toggle">
              Email
            </button>
            <button type="button" class="Button FooterToggle--button" data-form="sms" role="tab" aria-selected="false" data-action="newsletter-toggle">
              SMS
            </button>
          </div>
        </div>

        <form id="footer-newsletter" class="Footer__Newsletter Form" novalidate="novalidate">
          <input type="hidden" name="contact[tags]" value="newsletter">
          
          <div class="FooterForm__Container FooterForm__Container--email active" data-form="email">
            <div class="NewsletterForm__Input--Container FooterForm__Input--Container">
              <input 
                class="NewsletterInput Form__Input"
                type="email"
                autocomplete="off"
                name="contact[email]"
                title="Enter your email to subscribe"
                aria-label="Enter your email address"
                placeholder="Enter your email address"
              >
              <div class="ButtonWrapper ButtonWrapper__Newsletter">
                <div class="ButtonGroup__ItemHolder">
                  <button type="submit" class="NewsletterSubscribeButton Form__Submit Button ButtonGroup__Item Button--primary" data-action="newsletter-subscribe">
                    <span>Subscribe</span>
                    <span class="loader"></span>
                  </button>
                </div> 
              </div>
            </div>
            <div class="ProductForm__Error"></div>
          </div>
          
          <div class="FooterForm__Container FooterForm__Container--sms" data-form="sms">
            <div class="NewsletterForm__Input--Container FooterForm__Input--Container">
              <div class="Footer__Dropdown Footer__Dropdown--phone">
                <button 
                  type="button"
                  class="Footer__Dropdown--trigger"
                  aria-haspopup="listbox"
                  aria-expanded="false"
                  aria-controls="footer-country-popover"
                >
                  <span class="Footer__Dropdown--label" aria-label="United States">
                    <div class="Newsletter__FlagWrapper" style="margin-right:0;">
                      <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                      <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/us_{width}x.svg" alt="United States Flag" data-widths="[100]" data-sizes="auto">
                      </div>
                    </div>
                  </span>
                  <svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12">
      <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline>
    </svg>
                </button>
                <div id="footer-country-popover" class="Footer__Dropdown--wrapper Popover" aria-hidden="true">
                  <div class="Footer__Dropdown--search Dropdown--search">
                    <input
                      type="text"
                      class="NewsletterInput Form__Input"
                      placeholder="Search countries..."
                      data-action="search-countries"
                      name="search[countries]"
                    >
                  </div>
                  <div id="footer-country-menu" class="Footer__Dropdown--menu Popover__ValueList" role="listbox">
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AD" data-action="select-value" data-dial-code="+376" data-country-code="AD" data-country-name="Andorra">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ad_{width}x.svg" alt="Andorra Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Andorra</div>
                        <div>+376</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AE" data-action="select-value" data-dial-code="+971" data-country-code="AE" data-country-name="United Arab Emirates">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ae_{width}x.svg" alt="United Arab Emirates Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>United Arab Emirates</div>
                        <div>+971</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AF" data-action="select-value" data-dial-code="+93" data-country-code="AF" data-country-name="Afghanistan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/af_{width}x.svg" alt="Afghanistan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Afghanistan</div>
                        <div>+93</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AG" data-action="select-value" data-dial-code="+1" data-country-code="AG" data-country-name="Antigua and Barbuda">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ag_{width}x.svg" alt="Antigua and Barbuda Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Antigua and Barbuda</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AI" data-action="select-value" data-dial-code="+1" data-country-code="AI" data-country-name="Anguilla">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ai_{width}x.svg" alt="Anguilla Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Anguilla</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AL" data-action="select-value" data-dial-code="+355" data-country-code="AL" data-country-name="Albania">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/al_{width}x.svg" alt="Albania Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Albania</div>
                        <div>+355</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AM" data-action="select-value" data-dial-code="+374" data-country-code="AM" data-country-name="Armenia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/am_{width}x.svg" alt="Armenia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Armenia</div>
                        <div>+374</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AO" data-action="select-value" data-dial-code="+244" data-country-code="AO" data-country-name="Angola">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ao_{width}x.svg" alt="Angola Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Angola</div>
                        <div>+244</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AR" data-action="select-value" data-dial-code="+54" data-country-code="AR" data-country-name="Argentina">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ar_{width}x.svg" alt="Argentina Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Argentina</div>
                        <div>+54</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AS" data-action="select-value" data-dial-code="+1" data-country-code="AS" data-country-name="American Samoa">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/as_{width}x.svg" alt="American Samoa Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>American Samoa</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AT" data-action="select-value" data-dial-code="+43" data-country-code="AT" data-country-name="Austria">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/at_{width}x.svg" alt="Austria Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Austria</div>
                        <div>+43</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AU" data-action="select-value" data-dial-code="+61" data-country-code="AU" data-country-name="Australia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/au_{width}x.svg" alt="Australia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Australia</div>
                        <div>+61</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AW" data-action="select-value" data-dial-code="+297" data-country-code="AW" data-country-name="Aruba">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/aw_{width}x.svg" alt="Aruba Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Aruba</div>
                        <div>+297</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AX" data-action="select-value" data-dial-code="+358" data-country-code="AX" data-country-name="Aland Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ax_{width}x.svg" alt="Aland Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Aland Islands</div>
                        <div>+358</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="AZ" data-action="select-value" data-dial-code="+994" data-country-code="AZ" data-country-name="Azerbaijan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/az_{width}x.svg" alt="Azerbaijan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Azerbaijan</div>
                        <div>+994</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BA" data-action="select-value" data-dial-code="+387" data-country-code="BA" data-country-name="Bosnia and Herzegovina">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ba_{width}x.svg" alt="Bosnia and Herzegovina Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bosnia and Herzegovina</div>
                        <div>+387</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BB" data-action="select-value" data-dial-code="+1" data-country-code="BB" data-country-name="Barbados">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bb_{width}x.svg" alt="Barbados Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Barbados</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BD" data-action="select-value" data-dial-code="+880" data-country-code="BD" data-country-name="Bangladesh">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bd_{width}x.svg" alt="Bangladesh Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bangladesh</div>
                        <div>+880</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BE" data-action="select-value" data-dial-code="+32" data-country-code="BE" data-country-name="Belgium">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/be_{width}x.svg" alt="Belgium Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Belgium</div>
                        <div>+32</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BF" data-action="select-value" data-dial-code="+226" data-country-code="BF" data-country-name="Burkina Faso">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bf_{width}x.svg" alt="Burkina Faso Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Burkina Faso</div>
                        <div>+226</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BG" data-action="select-value" data-dial-code="+359" data-country-code="BG" data-country-name="Bulgaria">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bg_{width}x.svg" alt="Bulgaria Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bulgaria</div>
                        <div>+359</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BH" data-action="select-value" data-dial-code="+973" data-country-code="BH" data-country-name="Bahrain">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bh_{width}x.svg" alt="Bahrain Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bahrain</div>
                        <div>+973</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BI" data-action="select-value" data-dial-code="+257" data-country-code="BI" data-country-name="Burundi">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bi_{width}x.svg" alt="Burundi Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Burundi</div>
                        <div>+257</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BJ" data-action="select-value" data-dial-code="+229" data-country-code="BJ" data-country-name="Benin">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bj_{width}x.svg" alt="Benin Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Benin</div>
                        <div>+229</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BL" data-action="select-value" data-dial-code="+590" data-country-code="BL" data-country-name="Saint Barthelemy">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bl_{width}x.svg" alt="Saint Barthelemy Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saint Barthelemy</div>
                        <div>+590</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BM" data-action="select-value" data-dial-code="+1" data-country-code="BM" data-country-name="Bermuda">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bm_{width}x.svg" alt="Bermuda Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bermuda</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BN" data-action="select-value" data-dial-code="+673" data-country-code="BN" data-country-name="Brunei Darussalam">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bn_{width}x.svg" alt="Brunei Darussalam Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Brunei Darussalam</div>
                        <div>+673</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BO" data-action="select-value" data-dial-code="+591" data-country-code="BO" data-country-name="Bolivia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bo_{width}x.svg" alt="Bolivia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bolivia</div>
                        <div>+591</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BQ" data-action="select-value" data-dial-code="+599" data-country-code="BQ" data-country-name="Bonaire Sint Eustatius and Saba">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bq_{width}x.svg" alt="Bonaire Sint Eustatius and Saba Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bonaire Sint Eustatius and Saba</div>
                        <div>+599</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BR" data-action="select-value" data-dial-code="+55" data-country-code="BR" data-country-name="Brazil">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/br_{width}x.svg" alt="Brazil Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Brazil</div>
                        <div>+55</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BS" data-action="select-value" data-dial-code="+1" data-country-code="BS" data-country-name="Bahamas">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bs_{width}x.svg" alt="Bahamas Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bahamas</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BT" data-action="select-value" data-dial-code="+975" data-country-code="BT" data-country-name="Bhutan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bt_{width}x.svg" alt="Bhutan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Bhutan</div>
                        <div>+975</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BW" data-action="select-value" data-dial-code="+267" data-country-code="BW" data-country-name="Botswana">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bw_{width}x.svg" alt="Botswana Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Botswana</div>
                        <div>+267</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BY" data-action="select-value" data-dial-code="+375" data-country-code="BY" data-country-name="Belarus">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/by_{width}x.svg" alt="Belarus Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Belarus</div>
                        <div>+375</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="BZ" data-action="select-value" data-dial-code="+501" data-country-code="BZ" data-country-name="Belize">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/bz_{width}x.svg" alt="Belize Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Belize</div>
                        <div>+501</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CA" data-action="select-value" data-dial-code="+1" data-country-code="CA" data-country-name="Canada">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ca_{width}x.svg" alt="Canada Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Canada</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CC" data-action="select-value" data-dial-code="+61" data-country-code="CC" data-country-name="Cocos (Keeling) Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cc_{width}x.svg" alt="Cocos (Keeling) Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cocos (Keeling) Islands</div>
                        <div>+61</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CD" data-action="select-value" data-dial-code="+243" data-country-code="CD" data-country-name="Democratic Republic of the Congo">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cd_{width}x.svg" alt="Democratic Republic of the Congo Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Democratic Republic of the Congo</div>
                        <div>+243</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CF" data-action="select-value" data-dial-code="+236" data-country-code="CF" data-country-name="Central African Republic">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cf_{width}x.svg" alt="Central African Republic Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Central African Republic</div>
                        <div>+236</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CG" data-action="select-value" data-dial-code="+242" data-country-code="CG" data-country-name="Congo">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cg_{width}x.svg" alt="Congo Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Congo</div>
                        <div>+242</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CH" data-action="select-value" data-dial-code="+41" data-country-code="CH" data-country-name="Switzerland">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ch_{width}x.svg" alt="Switzerland Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Switzerland</div>
                        <div>+41</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CI" data-action="select-value" data-dial-code="+225" data-country-code="CI" data-country-name="Cote d'Ivoire">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ci_{width}x.svg" alt="Cote d'Ivoire Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cote d'Ivoire</div>
                        <div>+225</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CK" data-action="select-value" data-dial-code="+682" data-country-code="CK" data-country-name="Cook Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ck_{width}x.svg" alt="Cook Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cook Islands</div>
                        <div>+682</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CL" data-action="select-value" data-dial-code="+56" data-country-code="CL" data-country-name="Chile">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cl_{width}x.svg" alt="Chile Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Chile</div>
                        <div>+56</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CM" data-action="select-value" data-dial-code="+237" data-country-code="CM" data-country-name="Cameroon">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cm_{width}x.svg" alt="Cameroon Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cameroon</div>
                        <div>+237</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CN" data-action="select-value" data-dial-code="+86" data-country-code="CN" data-country-name="China">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cn_{width}x.svg" alt="China Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>China</div>
                        <div>+86</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CO" data-action="select-value" data-dial-code="+57" data-country-code="CO" data-country-name="Colombia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/co_{width}x.svg" alt="Colombia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Colombia</div>
                        <div>+57</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CR" data-action="select-value" data-dial-code="+506" data-country-code="CR" data-country-name="Costa Rica">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cr_{width}x.svg" alt="Costa Rica Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Costa Rica</div>
                        <div>+506</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CU" data-action="select-value" data-dial-code="+53" data-country-code="CU" data-country-name="Cuba">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cu_{width}x.svg" alt="Cuba Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cuba</div>
                        <div>+53</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CV" data-action="select-value" data-dial-code="+238" data-country-code="CV" data-country-name="Cape Verde">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cv_{width}x.svg" alt="Cape Verde Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cape Verde</div>
                        <div>+238</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CW" data-action="select-value" data-dial-code="+599" data-country-code="CW" data-country-name="Curacao">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cw_{width}x.svg" alt="Curacao Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Curacao</div>
                        <div>+599</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CX" data-action="select-value" data-dial-code="+61" data-country-code="CX" data-country-name="Christmas Island">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cx_{width}x.svg" alt="Christmas Island Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Christmas Island</div>
                        <div>+61</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CY" data-action="select-value" data-dial-code="+357" data-country-code="CY" data-country-name="Cyprus">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cy_{width}x.svg" alt="Cyprus Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cyprus</div>
                        <div>+357</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="CZ" data-action="select-value" data-dial-code="+420" data-country-code="CZ" data-country-name="Czech Republic">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/cz_{width}x.svg" alt="Czech Republic Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Czech Republic</div>
                        <div>+420</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="DE" data-action="select-value" data-dial-code="+49" data-country-code="DE" data-country-name="Germany">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/de_{width}x.svg" alt="Germany Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Germany</div>
                        <div>+49</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="DJ" data-action="select-value" data-dial-code="+253" data-country-code="DJ" data-country-name="Djibouti">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dj_{width}x.svg" alt="Djibouti Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Djibouti</div>
                        <div>+253</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="DK" data-action="select-value" data-dial-code="+45" data-country-code="DK" data-country-name="Denmark">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dk_{width}x.svg" alt="Denmark Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Denmark</div>
                        <div>+45</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="DM" data-action="select-value" data-dial-code="+1" data-country-code="DM" data-country-name="Dominica">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dm_{width}x.svg" alt="Dominica Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Dominica</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="DO" data-action="select-value" data-dial-code="+1" data-country-code="DO" data-country-name="Dominican Republic">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/do_{width}x.svg" alt="Dominican Republic Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Dominican Republic</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="DZ" data-action="select-value" data-dial-code="+213" data-country-code="DZ" data-country-name="Algeria">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/dz_{width}x.svg" alt="Algeria Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Algeria</div>
                        <div>+213</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="EC" data-action="select-value" data-dial-code="+593" data-country-code="EC" data-country-name="Ecuador">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ec_{width}x.svg" alt="Ecuador Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Ecuador</div>
                        <div>+593</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="EE" data-action="select-value" data-dial-code="+372" data-country-code="EE" data-country-name="Estonia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ee_{width}x.svg" alt="Estonia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Estonia</div>
                        <div>+372</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="EG" data-action="select-value" data-dial-code="+20" data-country-code="EG" data-country-name="Egypt">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/eg_{width}x.svg" alt="Egypt Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Egypt</div>
                        <div>+20</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="EH" data-action="select-value" data-dial-code="+212" data-country-code="EH" data-country-name="Western Sahara">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/eh_{width}x.svg" alt="Western Sahara Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Western Sahara</div>
                        <div>+212</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ER" data-action="select-value" data-dial-code="+291" data-country-code="ER" data-country-name="Eritrea">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/er_{width}x.svg" alt="Eritrea Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Eritrea</div>
                        <div>+291</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ES" data-action="select-value" data-dial-code="+34" data-country-code="ES" data-country-name="Spain">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/es_{width}x.svg" alt="Spain Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Spain</div>
                        <div>+34</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ET" data-action="select-value" data-dial-code="+251" data-country-code="ET" data-country-name="Ethiopia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/et_{width}x.svg" alt="Ethiopia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Ethiopia</div>
                        <div>+251</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="FI" data-action="select-value" data-dial-code="+358" data-country-code="FI" data-country-name="Finland">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fi_{width}x.svg" alt="Finland Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Finland</div>
                        <div>+358</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="FJ" data-action="select-value" data-dial-code="+679" data-country-code="FJ" data-country-name="Fiji">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fj_{width}x.svg" alt="Fiji Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Fiji</div>
                        <div>+679</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="FK" data-action="select-value" data-dial-code="+500" data-country-code="FK" data-country-name="Falkland Islands (Malvinas)">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fk_{width}x.svg" alt="Falkland Islands (Malvinas) Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Falkland Islands (Malvinas)</div>
                        <div>+500</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="FM" data-action="select-value" data-dial-code="+691" data-country-code="FM" data-country-name="Micronesia Federated States of">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fm_{width}x.svg" alt="Micronesia Federated States of Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Micronesia Federated States of</div>
                        <div>+691</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="FO" data-action="select-value" data-dial-code="+298" data-country-code="FO" data-country-name="Faroe Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fo_{width}x.svg" alt="Faroe Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Faroe Islands</div>
                        <div>+298</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="FR" data-action="select-value" data-dial-code="+33" data-country-code="FR" data-country-name="France">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/fr_{width}x.svg" alt="France Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>France</div>
                        <div>+33</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GA" data-action="select-value" data-dial-code="+241" data-country-code="GA" data-country-name="Gabon">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ga_{width}x.svg" alt="Gabon Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Gabon</div>
                        <div>+241</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GB" data-action="select-value" data-dial-code="+44" data-country-code="GB" data-country-name="United Kingdom">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gb_{width}x.svg" alt="United Kingdom Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>United Kingdom</div>
                        <div>+44</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GD" data-action="select-value" data-dial-code="+1" data-country-code="GD" data-country-name="Grenada">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gd_{width}x.svg" alt="Grenada Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Grenada</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GE" data-action="select-value" data-dial-code="+995" data-country-code="GE" data-country-name="Georgia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ge_{width}x.svg" alt="Georgia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Georgia</div>
                        <div>+995</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GF" data-action="select-value" data-dial-code="+594" data-country-code="GF" data-country-name="French Guiana">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gf_{width}x.svg" alt="French Guiana Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>French Guiana</div>
                        <div>+594</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GG" data-action="select-value" data-dial-code="+44" data-country-code="GG" data-country-name="Guernsey">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gg_{width}x.svg" alt="Guernsey Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Guernsey</div>
                        <div>+44</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GH" data-action="select-value" data-dial-code="+233" data-country-code="GH" data-country-name="Ghana">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gh_{width}x.svg" alt="Ghana Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Ghana</div>
                        <div>+233</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GI" data-action="select-value" data-dial-code="+350" data-country-code="GI" data-country-name="Gibraltar">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gi_{width}x.svg" alt="Gibraltar Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Gibraltar</div>
                        <div>+350</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GL" data-action="select-value" data-dial-code="+299" data-country-code="GL" data-country-name="Greenland">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gl_{width}x.svg" alt="Greenland Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Greenland</div>
                        <div>+299</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GM" data-action="select-value" data-dial-code="+220" data-country-code="GM" data-country-name="Gambia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gm_{width}x.svg" alt="Gambia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Gambia</div>
                        <div>+220</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GN" data-action="select-value" data-dial-code="+224" data-country-code="GN" data-country-name="Guinea">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gn_{width}x.svg" alt="Guinea Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Guinea</div>
                        <div>+224</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GP" data-action="select-value" data-dial-code="+590" data-country-code="GP" data-country-name="Guadeloupe">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gp_{width}x.svg" alt="Guadeloupe Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Guadeloupe</div>
                        <div>+590</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GQ" data-action="select-value" data-dial-code="+240" data-country-code="GQ" data-country-name="Equatorial Guinea">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gq_{width}x.svg" alt="Equatorial Guinea Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Equatorial Guinea</div>
                        <div>+240</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GR" data-action="select-value" data-dial-code="+30" data-country-code="GR" data-country-name="Greece">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gr_{width}x.svg" alt="Greece Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Greece</div>
                        <div>+30</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GS" data-action="select-value" data-dial-code="+500" data-country-code="GS" data-country-name="South Georgia and the South Sandwich Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gs_{width}x.svg" alt="South Georgia and the South Sandwich Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>South Georgia and the South Sandwich Islands</div>
                        <div>+500</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GT" data-action="select-value" data-dial-code="+502" data-country-code="GT" data-country-name="Guatemala">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gt_{width}x.svg" alt="Guatemala Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Guatemala</div>
                        <div>+502</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GU" data-action="select-value" data-dial-code="+1" data-country-code="GU" data-country-name="Guam">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gu_{width}x.svg" alt="Guam Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Guam</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GW" data-action="select-value" data-dial-code="+245" data-country-code="GW" data-country-name="Guinea-Bissau">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gw_{width}x.svg" alt="Guinea-Bissau Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Guinea-Bissau</div>
                        <div>+245</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="GY" data-action="select-value" data-dial-code="+592" data-country-code="GY" data-country-name="Guyana">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/gy_{width}x.svg" alt="Guyana Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Guyana</div>
                        <div>+592</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="HK" data-action="select-value" data-dial-code="+852" data-country-code="HK" data-country-name="Hong Kong">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hk_{width}x.svg" alt="Hong Kong Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Hong Kong</div>
                        <div>+852</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="HN" data-action="select-value" data-dial-code="+504" data-country-code="HN" data-country-name="Honduras">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hn_{width}x.svg" alt="Honduras Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Honduras</div>
                        <div>+504</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="HR" data-action="select-value" data-dial-code="+385" data-country-code="HR" data-country-name="Croatia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hr_{width}x.svg" alt="Croatia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Croatia</div>
                        <div>+385</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="HT" data-action="select-value" data-dial-code="+509" data-country-code="HT" data-country-name="Haiti">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ht_{width}x.svg" alt="Haiti Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Haiti</div>
                        <div>+509</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="HU" data-action="select-value" data-dial-code="+36" data-country-code="HU" data-country-name="Hungary">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/hu_{width}x.svg" alt="Hungary Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Hungary</div>
                        <div>+36</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ID" data-action="select-value" data-dial-code="+62" data-country-code="ID" data-country-name="Indonesia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/id_{width}x.svg" alt="Indonesia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Indonesia</div>
                        <div>+62</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IE" data-action="select-value" data-dial-code="+353" data-country-code="IE" data-country-name="Ireland">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ie_{width}x.svg" alt="Ireland Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Ireland</div>
                        <div>+353</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IL" data-action="select-value" data-dial-code="+972" data-country-code="IL" data-country-name="Israel">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/il_{width}x.svg" alt="Israel Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Israel</div>
                        <div>+972</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IM" data-action="select-value" data-dial-code="+44" data-country-code="IM" data-country-name="Isle of Man">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/im_{width}x.svg" alt="Isle of Man Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Isle of Man</div>
                        <div>+44</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IN" data-action="select-value" data-dial-code="+91" data-country-code="IN" data-country-name="India">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/in_{width}x.svg" alt="India Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>India</div>
                        <div>+91</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IO" data-action="select-value" data-dial-code="+246" data-country-code="IO" data-country-name="British Indian Ocean Territory">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/io_{width}x.svg" alt="British Indian Ocean Territory Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>British Indian Ocean Territory</div>
                        <div>+246</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IQ" data-action="select-value" data-dial-code="+964" data-country-code="IQ" data-country-name="Iraq">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/iq_{width}x.svg" alt="Iraq Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Iraq</div>
                        <div>+964</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IR" data-action="select-value" data-dial-code="+98" data-country-code="IR" data-country-name="Iran">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ir_{width}x.svg" alt="Iran Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Iran</div>
                        <div>+98</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IS" data-action="select-value" data-dial-code="+354" data-country-code="IS" data-country-name="Iceland">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/is_{width}x.svg" alt="Iceland Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Iceland</div>
                        <div>+354</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="IT" data-action="select-value" data-dial-code="+39" data-country-code="IT" data-country-name="Italy">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/it_{width}x.svg" alt="Italy Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Italy</div>
                        <div>+39</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="JE" data-action="select-value" data-dial-code="+44" data-country-code="JE" data-country-name="Jersey">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/je_{width}x.svg" alt="Jersey Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Jersey</div>
                        <div>+44</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="JM" data-action="select-value" data-dial-code="+1" data-country-code="JM" data-country-name="Jamaica">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/jm_{width}x.svg" alt="Jamaica Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Jamaica</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="JO" data-action="select-value" data-dial-code="+962" data-country-code="JO" data-country-name="Jordan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/jo_{width}x.svg" alt="Jordan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Jordan</div>
                        <div>+962</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="JP" data-action="select-value" data-dial-code="+81" data-country-code="JP" data-country-name="Japan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/jp_{width}x.svg" alt="Japan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Japan</div>
                        <div>+81</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KE" data-action="select-value" data-dial-code="+254" data-country-code="KE" data-country-name="Kenya">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ke_{width}x.svg" alt="Kenya Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Kenya</div>
                        <div>+254</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KG" data-action="select-value" data-dial-code="+996" data-country-code="KG" data-country-name="Kyrgyzstan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kg_{width}x.svg" alt="Kyrgyzstan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Kyrgyzstan</div>
                        <div>+996</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KH" data-action="select-value" data-dial-code="+855" data-country-code="KH" data-country-name="Cambodia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kh_{width}x.svg" alt="Cambodia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cambodia</div>
                        <div>+855</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KI" data-action="select-value" data-dial-code="+686" data-country-code="KI" data-country-name="Kiribati">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ki_{width}x.svg" alt="Kiribati Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Kiribati</div>
                        <div>+686</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KM" data-action="select-value" data-dial-code="+269" data-country-code="KM" data-country-name="Comoros">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/km_{width}x.svg" alt="Comoros Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Comoros</div>
                        <div>+269</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KN" data-action="select-value" data-dial-code="+1" data-country-code="KN" data-country-name="Saint Kitts and Nevis">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kn_{width}x.svg" alt="Saint Kitts and Nevis Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saint Kitts and Nevis</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KP" data-action="select-value" data-dial-code="+850" data-country-code="KP" data-country-name="North Korea">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kp_{width}x.svg" alt="North Korea Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>North Korea</div>
                        <div>+850</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KR" data-action="select-value" data-dial-code="+82" data-country-code="KR" data-country-name="South Korea">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kr_{width}x.svg" alt="South Korea Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>South Korea</div>
                        <div>+82</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KW" data-action="select-value" data-dial-code="+965" data-country-code="KW" data-country-name="Kuwait">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kw_{width}x.svg" alt="Kuwait Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Kuwait</div>
                        <div>+965</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KY" data-action="select-value" data-dial-code="+1" data-country-code="KY" data-country-name="Cayman Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ky_{width}x.svg" alt="Cayman Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Cayman Islands</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="KZ" data-action="select-value" data-dial-code="+7" data-country-code="KZ" data-country-name="Kazakhstan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/kz_{width}x.svg" alt="Kazakhstan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Kazakhstan</div>
                        <div>+7</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LA" data-action="select-value" data-dial-code="+856" data-country-code="LA" data-country-name="Lao People's Democratic Republic">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/la_{width}x.svg" alt="Lao People's Democratic Republic Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Lao People's Democratic Republic</div>
                        <div>+856</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LB" data-action="select-value" data-dial-code="+961" data-country-code="LB" data-country-name="Lebanon">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lb_{width}x.svg" alt="Lebanon Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Lebanon</div>
                        <div>+961</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LC" data-action="select-value" data-dial-code="+1" data-country-code="LC" data-country-name="Saint Lucia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lc_{width}x.svg" alt="Saint Lucia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saint Lucia</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LI" data-action="select-value" data-dial-code="+423" data-country-code="LI" data-country-name="Liechtenstein">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/li_{width}x.svg" alt="Liechtenstein Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Liechtenstein</div>
                        <div>+423</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LK" data-action="select-value" data-dial-code="+94" data-country-code="LK" data-country-name="Sri Lanka">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lk_{width}x.svg" alt="Sri Lanka Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Sri Lanka</div>
                        <div>+94</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LR" data-action="select-value" data-dial-code="+231" data-country-code="LR" data-country-name="Liberia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lr_{width}x.svg" alt="Liberia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Liberia</div>
                        <div>+231</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LS" data-action="select-value" data-dial-code="+266" data-country-code="LS" data-country-name="Lesotho">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ls_{width}x.svg" alt="Lesotho Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Lesotho</div>
                        <div>+266</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LT" data-action="select-value" data-dial-code="+370" data-country-code="LT" data-country-name="Lithuania">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lt_{width}x.svg" alt="Lithuania Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Lithuania</div>
                        <div>+370</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LU" data-action="select-value" data-dial-code="+352" data-country-code="LU" data-country-name="Luxembourg">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lu_{width}x.svg" alt="Luxembourg Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Luxembourg</div>
                        <div>+352</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LV" data-action="select-value" data-dial-code="+371" data-country-code="LV" data-country-name="Latvia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/lv_{width}x.svg" alt="Latvia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Latvia</div>
                        <div>+371</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="LY" data-action="select-value" data-dial-code="+218" data-country-code="LY" data-country-name="Libya">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ly_{width}x.svg" alt="Libya Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Libya</div>
                        <div>+218</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MA" data-action="select-value" data-dial-code="+212" data-country-code="MA" data-country-name="Morocco">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ma_{width}x.svg" alt="Morocco Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Morocco</div>
                        <div>+212</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MC" data-action="select-value" data-dial-code="+377" data-country-code="MC" data-country-name="Monaco">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mc_{width}x.svg" alt="Monaco Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Monaco</div>
                        <div>+377</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MD" data-action="select-value" data-dial-code="+373" data-country-code="MD" data-country-name="Moldova">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/md_{width}x.svg" alt="Moldova Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Moldova</div>
                        <div>+373</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ME" data-action="select-value" data-dial-code="+382" data-country-code="ME" data-country-name="Montenegro">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/me_{width}x.svg" alt="Montenegro Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Montenegro</div>
                        <div>+382</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MF" data-action="select-value" data-dial-code="+590" data-country-code="MF" data-country-name="Saint Martin (French part)">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mf_{width}x.svg" alt="Saint Martin (French part) Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saint Martin (French part)</div>
                        <div>+590</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MG" data-action="select-value" data-dial-code="+261" data-country-code="MG" data-country-name="Madagascar">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mg_{width}x.svg" alt="Madagascar Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Madagascar</div>
                        <div>+261</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MH" data-action="select-value" data-dial-code="+692" data-country-code="MH" data-country-name="Marshall Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mh_{width}x.svg" alt="Marshall Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Marshall Islands</div>
                        <div>+692</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MK" data-action="select-value" data-dial-code="+389" data-country-code="MK" data-country-name="North Macedonia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mk_{width}x.svg" alt="North Macedonia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>North Macedonia</div>
                        <div>+389</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ML" data-action="select-value" data-dial-code="+223" data-country-code="ML" data-country-name="Mali">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ml_{width}x.svg" alt="Mali Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Mali</div>
                        <div>+223</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MM" data-action="select-value" data-dial-code="+95" data-country-code="MM" data-country-name="Myanmar">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mm_{width}x.svg" alt="Myanmar Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Myanmar</div>
                        <div>+95</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MN" data-action="select-value" data-dial-code="+976" data-country-code="MN" data-country-name="Mongolia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mn_{width}x.svg" alt="Mongolia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Mongolia</div>
                        <div>+976</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MO" data-action="select-value" data-dial-code="+853" data-country-code="MO" data-country-name="Macao">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mo_{width}x.svg" alt="Macao Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Macao</div>
                        <div>+853</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MP" data-action="select-value" data-dial-code="+1" data-country-code="MP" data-country-name="Northern Mariana Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mp_{width}x.svg" alt="Northern Mariana Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Northern Mariana Islands</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MQ" data-action="select-value" data-dial-code="+596" data-country-code="MQ" data-country-name="Martinique">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mq_{width}x.svg" alt="Martinique Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Martinique</div>
                        <div>+596</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MR" data-action="select-value" data-dial-code="+222" data-country-code="MR" data-country-name="Mauritania">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mr_{width}x.svg" alt="Mauritania Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Mauritania</div>
                        <div>+222</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MS" data-action="select-value" data-dial-code="+1" data-country-code="MS" data-country-name="Montserrat">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ms_{width}x.svg" alt="Montserrat Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Montserrat</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MT" data-action="select-value" data-dial-code="+356" data-country-code="MT" data-country-name="Malta">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mt_{width}x.svg" alt="Malta Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Malta</div>
                        <div>+356</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MU" data-action="select-value" data-dial-code="+230" data-country-code="MU" data-country-name="Mauritius">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mu_{width}x.svg" alt="Mauritius Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Mauritius</div>
                        <div>+230</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MV" data-action="select-value" data-dial-code="+960" data-country-code="MV" data-country-name="Maldives">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mv_{width}x.svg" alt="Maldives Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Maldives</div>
                        <div>+960</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MW" data-action="select-value" data-dial-code="+265" data-country-code="MW" data-country-name="Malawi">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mw_{width}x.svg" alt="Malawi Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Malawi</div>
                        <div>+265</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MX" data-action="select-value" data-dial-code="+52" data-country-code="MX" data-country-name="Mexico">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mx_{width}x.svg" alt="Mexico Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Mexico</div>
                        <div>+52</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MY" data-action="select-value" data-dial-code="+60" data-country-code="MY" data-country-name="Malaysia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/my_{width}x.svg" alt="Malaysia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Malaysia</div>
                        <div>+60</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="MZ" data-action="select-value" data-dial-code="+258" data-country-code="MZ" data-country-name="Mozambique">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/mz_{width}x.svg" alt="Mozambique Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Mozambique</div>
                        <div>+258</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NA" data-action="select-value" data-dial-code="+264" data-country-code="NA" data-country-name="Namibia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/na_{width}x.svg" alt="Namibia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Namibia</div>
                        <div>+264</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NC" data-action="select-value" data-dial-code="+687" data-country-code="NC" data-country-name="New Caledonia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nc_{width}x.svg" alt="New Caledonia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>New Caledonia</div>
                        <div>+687</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NE" data-action="select-value" data-dial-code="+227" data-country-code="NE" data-country-name="Niger">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ne_{width}x.svg" alt="Niger Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Niger</div>
                        <div>+227</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NF" data-action="select-value" data-dial-code="+672" data-country-code="NF" data-country-name="Norfolk Island">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nf_{width}x.svg" alt="Norfolk Island Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Norfolk Island</div>
                        <div>+672</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NG" data-action="select-value" data-dial-code="+234" data-country-code="NG" data-country-name="Nigeria">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ng_{width}x.svg" alt="Nigeria Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Nigeria</div>
                        <div>+234</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NI" data-action="select-value" data-dial-code="+505" data-country-code="NI" data-country-name="Nicaragua">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ni_{width}x.svg" alt="Nicaragua Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Nicaragua</div>
                        <div>+505</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NL" data-action="select-value" data-dial-code="+31" data-country-code="NL" data-country-name="Netherlands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nl_{width}x.svg" alt="Netherlands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Netherlands</div>
                        <div>+31</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NO" data-action="select-value" data-dial-code="+47" data-country-code="NO" data-country-name="Norway">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/no_{width}x.svg" alt="Norway Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Norway</div>
                        <div>+47</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NP" data-action="select-value" data-dial-code="+977" data-country-code="NP" data-country-name="Nepal">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/np_{width}x.svg" alt="Nepal Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Nepal</div>
                        <div>+977</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NR" data-action="select-value" data-dial-code="+674" data-country-code="NR" data-country-name="Nauru">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nr_{width}x.svg" alt="Nauru Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Nauru</div>
                        <div>+674</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NU" data-action="select-value" data-dial-code="+683" data-country-code="NU" data-country-name="Niue">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nu_{width}x.svg" alt="Niue Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Niue</div>
                        <div>+683</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="NZ" data-action="select-value" data-dial-code="+64" data-country-code="NZ" data-country-name="New Zealand">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/nz_{width}x.svg" alt="New Zealand Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>New Zealand</div>
                        <div>+64</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="OM" data-action="select-value" data-dial-code="+968" data-country-code="OM" data-country-name="Oman">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/om_{width}x.svg" alt="Oman Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Oman</div>
                        <div>+968</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PA" data-action="select-value" data-dial-code="+507" data-country-code="PA" data-country-name="Panama">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pa_{width}x.svg" alt="Panama Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Panama</div>
                        <div>+507</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PE" data-action="select-value" data-dial-code="+51" data-country-code="PE" data-country-name="Peru">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pe_{width}x.svg" alt="Peru Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Peru</div>
                        <div>+51</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PF" data-action="select-value" data-dial-code="+689" data-country-code="PF" data-country-name="French Polynesia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pf_{width}x.svg" alt="French Polynesia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>French Polynesia</div>
                        <div>+689</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PG" data-action="select-value" data-dial-code="+675" data-country-code="PG" data-country-name="Papua New Guinea">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pg_{width}x.svg" alt="Papua New Guinea Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Papua New Guinea</div>
                        <div>+675</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PH" data-action="select-value" data-dial-code="+63" data-country-code="PH" data-country-name="Philippines">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ph_{width}x.svg" alt="Philippines Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Philippines</div>
                        <div>+63</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PK" data-action="select-value" data-dial-code="+92" data-country-code="PK" data-country-name="Pakistan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pk_{width}x.svg" alt="Pakistan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Pakistan</div>
                        <div>+92</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PL" data-action="select-value" data-dial-code="+48" data-country-code="PL" data-country-name="Poland">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pl_{width}x.svg" alt="Poland Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Poland</div>
                        <div>+48</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PM" data-action="select-value" data-dial-code="+508" data-country-code="PM" data-country-name="Saint Pierre and Miquelon">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pm_{width}x.svg" alt="Saint Pierre and Miquelon Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saint Pierre and Miquelon</div>
                        <div>+508</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PN" data-action="select-value" data-dial-code="+64" data-country-code="PN" data-country-name="Pitcairn">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pn_{width}x.svg" alt="Pitcairn Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Pitcairn</div>
                        <div>+64</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PR" data-action="select-value" data-dial-code="+1" data-country-code="PR" data-country-name="Puerto Rico">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pr_{width}x.svg" alt="Puerto Rico Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Puerto Rico</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PS" data-action="select-value" data-dial-code="+970" data-country-code="PS" data-country-name="State of Palestine">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ps_{width}x.svg" alt="State of Palestine Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>State of Palestine</div>
                        <div>+970</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PT" data-action="select-value" data-dial-code="+351" data-country-code="PT" data-country-name="Portugal">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pt_{width}x.svg" alt="Portugal Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Portugal</div>
                        <div>+351</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PW" data-action="select-value" data-dial-code="+680" data-country-code="PW" data-country-name="Palau">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/pw_{width}x.svg" alt="Palau Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Palau</div>
                        <div>+680</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="PY" data-action="select-value" data-dial-code="+595" data-country-code="PY" data-country-name="Paraguay">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/py_{width}x.svg" alt="Paraguay Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Paraguay</div>
                        <div>+595</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="QA" data-action="select-value" data-dial-code="+974" data-country-code="QA" data-country-name="Qatar">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/qa_{width}x.svg" alt="Qatar Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Qatar</div>
                        <div>+974</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="RE" data-action="select-value" data-dial-code="+262" data-country-code="RE" data-country-name="Reunion">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/re_{width}x.svg" alt="Reunion Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Reunion</div>
                        <div>+262</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="RO" data-action="select-value" data-dial-code="+40" data-country-code="RO" data-country-name="Romania">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ro_{width}x.svg" alt="Romania Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Romania</div>
                        <div>+40</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="RS" data-action="select-value" data-dial-code="+381" data-country-code="RS" data-country-name="Serbia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/rs_{width}x.svg" alt="Serbia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Serbia</div>
                        <div>+381</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="RU" data-action="select-value" data-dial-code="+7" data-country-code="RU" data-country-name="Russia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ru_{width}x.svg" alt="Russia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Russia</div>
                        <div>+7</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="RW" data-action="select-value" data-dial-code="+250" data-country-code="RW" data-country-name="Rwanda">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/rw_{width}x.svg" alt="Rwanda Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Rwanda</div>
                        <div>+250</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SA" data-action="select-value" data-dial-code="+966" data-country-code="SA" data-country-name="Saudi Arabia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sa_{width}x.svg" alt="Saudi Arabia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saudi Arabia</div>
                        <div>+966</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SB" data-action="select-value" data-dial-code="+677" data-country-code="SB" data-country-name="Solomon Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sb_{width}x.svg" alt="Solomon Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Solomon Islands</div>
                        <div>+677</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SC" data-action="select-value" data-dial-code="+248" data-country-code="SC" data-country-name="Seychelles">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sc_{width}x.svg" alt="Seychelles Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Seychelles</div>
                        <div>+248</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SD" data-action="select-value" data-dial-code="+249" data-country-code="SD" data-country-name="Sudan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sd_{width}x.svg" alt="Sudan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Sudan</div>
                        <div>+249</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SE" data-action="select-value" data-dial-code="+46" data-country-code="SE" data-country-name="Sweden">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/se_{width}x.svg" alt="Sweden Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Sweden</div>
                        <div>+46</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SG" data-action="select-value" data-dial-code="+65" data-country-code="SG" data-country-name="Singapore">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sg_{width}x.svg" alt="Singapore Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Singapore</div>
                        <div>+65</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SH" data-action="select-value" data-dial-code="+290" data-country-code="SH" data-country-name="Saint Helena">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sh_{width}x.svg" alt="Saint Helena Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saint Helena</div>
                        <div>+290</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SI" data-action="select-value" data-dial-code="+386" data-country-code="SI" data-country-name="Slovenia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/si_{width}x.svg" alt="Slovenia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Slovenia</div>
                        <div>+386</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SJ" data-action="select-value" data-dial-code="+47" data-country-code="SJ" data-country-name="Svalbard and Jan Mayen">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sj_{width}x.svg" alt="Svalbard and Jan Mayen Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Svalbard and Jan Mayen</div>
                        <div>+47</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SK" data-action="select-value" data-dial-code="+421" data-country-code="SK" data-country-name="Slovakia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sk_{width}x.svg" alt="Slovakia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Slovakia</div>
                        <div>+421</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SL" data-action="select-value" data-dial-code="+232" data-country-code="SL" data-country-name="Sierra Leone">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sl_{width}x.svg" alt="Sierra Leone Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Sierra Leone</div>
                        <div>+232</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SM" data-action="select-value" data-dial-code="+378" data-country-code="SM" data-country-name="San Marino">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sm_{width}x.svg" alt="San Marino Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>San Marino</div>
                        <div>+378</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SN" data-action="select-value" data-dial-code="+221" data-country-code="SN" data-country-name="Senegal">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sn_{width}x.svg" alt="Senegal Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Senegal</div>
                        <div>+221</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SO" data-action="select-value" data-dial-code="+252" data-country-code="SO" data-country-name="Somalia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/so_{width}x.svg" alt="Somalia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Somalia</div>
                        <div>+252</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SR" data-action="select-value" data-dial-code="+597" data-country-code="SR" data-country-name="Suriname">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sr_{width}x.svg" alt="Suriname Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Suriname</div>
                        <div>+597</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SS" data-action="select-value" data-dial-code="+211" data-country-code="SS" data-country-name="South Sudan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ss_{width}x.svg" alt="South Sudan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>South Sudan</div>
                        <div>+211</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ST" data-action="select-value" data-dial-code="+239" data-country-code="ST" data-country-name="Sao Tome and Principe">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/st_{width}x.svg" alt="Sao Tome and Principe Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Sao Tome and Principe</div>
                        <div>+239</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SV" data-action="select-value" data-dial-code="+503" data-country-code="SV" data-country-name="El Salvador">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sv_{width}x.svg" alt="El Salvador Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>El Salvador</div>
                        <div>+503</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SX" data-action="select-value" data-dial-code="+599" data-country-code="SX" data-country-name="Sint Maarten (Dutch part)">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sx_{width}x.svg" alt="Sint Maarten (Dutch part) Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Sint Maarten (Dutch part)</div>
                        <div>+599</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SY" data-action="select-value" data-dial-code="+963" data-country-code="SY" data-country-name="Syrian Arab Republic">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sy_{width}x.svg" alt="Syrian Arab Republic Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Syrian Arab Republic</div>
                        <div>+963</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="SZ" data-action="select-value" data-dial-code="+268" data-country-code="SZ" data-country-name="Eswatini">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/sz_{width}x.svg" alt="Eswatini Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Eswatini</div>
                        <div>+268</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TC" data-action="select-value" data-dial-code="+1" data-country-code="TC" data-country-name="Turks and Caicos Islands">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tc_{width}x.svg" alt="Turks and Caicos Islands Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Turks and Caicos Islands</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TD" data-action="select-value" data-dial-code="+235" data-country-code="TD" data-country-name="Chad">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/td_{width}x.svg" alt="Chad Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Chad</div>
                        <div>+235</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TG" data-action="select-value" data-dial-code="+228" data-country-code="TG" data-country-name="Togo">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tg_{width}x.svg" alt="Togo Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Togo</div>
                        <div>+228</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TH" data-action="select-value" data-dial-code="+66" data-country-code="TH" data-country-name="Thailand">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/th_{width}x.svg" alt="Thailand Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Thailand</div>
                        <div>+66</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TJ" data-action="select-value" data-dial-code="+992" data-country-code="TJ" data-country-name="Tajikistan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tj_{width}x.svg" alt="Tajikistan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Tajikistan</div>
                        <div>+992</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TK" data-action="select-value" data-dial-code="+690" data-country-code="TK" data-country-name="Tokelau">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tk_{width}x.svg" alt="Tokelau Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Tokelau</div>
                        <div>+690</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TL" data-action="select-value" data-dial-code="+670" data-country-code="TL" data-country-name="Timor-Leste">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tl_{width}x.svg" alt="Timor-Leste Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Timor-Leste</div>
                        <div>+670</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TM" data-action="select-value" data-dial-code="+993" data-country-code="TM" data-country-name="Turkmenistan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tm_{width}x.svg" alt="Turkmenistan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Turkmenistan</div>
                        <div>+993</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TN" data-action="select-value" data-dial-code="+216" data-country-code="TN" data-country-name="Tunisia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tn_{width}x.svg" alt="Tunisia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Tunisia</div>
                        <div>+216</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TO" data-action="select-value" data-dial-code="+676" data-country-code="TO" data-country-name="Tonga">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/to_{width}x.svg" alt="Tonga Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Tonga</div>
                        <div>+676</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TR" data-action="select-value" data-dial-code="+90" data-country-code="TR" data-country-name="Turkey">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tr_{width}x.svg" alt="Turkey Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Turkey</div>
                        <div>+90</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TT" data-action="select-value" data-dial-code="+1" data-country-code="TT" data-country-name="Trinidad and Tobago">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tt_{width}x.svg" alt="Trinidad and Tobago Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Trinidad and Tobago</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TV" data-action="select-value" data-dial-code="+688" data-country-code="TV" data-country-name="Tuvalu">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tv_{width}x.svg" alt="Tuvalu Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Tuvalu</div>
                        <div>+688</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TW" data-action="select-value" data-dial-code="+886" data-country-code="TW" data-country-name="Taiwan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tw_{width}x.svg" alt="Taiwan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Taiwan</div>
                        <div>+886</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="TZ" data-action="select-value" data-dial-code="+255" data-country-code="TZ" data-country-name="Tanzania">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/tz_{width}x.svg" alt="Tanzania Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Tanzania</div>
                        <div>+255</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="UA" data-action="select-value" data-dial-code="+380" data-country-code="UA" data-country-name="Ukraine">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ua_{width}x.svg" alt="Ukraine Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Ukraine</div>
                        <div>+380</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="UG" data-action="select-value" data-dial-code="+256" data-country-code="UG" data-country-name="Uganda">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ug_{width}x.svg" alt="Uganda Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Uganda</div>
                        <div>+256</div>
                      </div>
                      <div class="Footer__Dropdown--option is-selected" role="option" tabindex="0" data-value="US" data-action="select-value" data-dial-code="+1" data-country-code="US" data-country-name="United States">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/us_{width}x.svg" alt="United States Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>United States</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="UY" data-action="select-value" data-dial-code="+598" data-country-code="UY" data-country-name="Uruguay">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/uy_{width}x.svg" alt="Uruguay Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Uruguay</div>
                        <div>+598</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="UZ" data-action="select-value" data-dial-code="+998" data-country-code="UZ" data-country-name="Uzbekistan">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/uz_{width}x.svg" alt="Uzbekistan Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Uzbekistan</div>
                        <div>+998</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="VA" data-action="select-value" data-dial-code="+379" data-country-code="VA" data-country-name="Vatican City State">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/va_{width}x.svg" alt="Vatican City State Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Vatican City State</div>
                        <div>+379</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="VC" data-action="select-value" data-dial-code="+1" data-country-code="VC" data-country-name="Saint Vincent and the Grenadines">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vc_{width}x.svg" alt="Saint Vincent and the Grenadines Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Saint Vincent and the Grenadines</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="VE" data-action="select-value" data-dial-code="+58" data-country-code="VE" data-country-name="Venezuela">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ve_{width}x.svg" alt="Venezuela Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Venezuela</div>
                        <div>+58</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="VG" data-action="select-value" data-dial-code="+1" data-country-code="VG" data-country-name="Virgin Islands British">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vg_{width}x.svg" alt="Virgin Islands British Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Virgin Islands British</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="VI" data-action="select-value" data-dial-code="+1" data-country-code="VI" data-country-name="Virgin Islands U.S.">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vi_{width}x.svg" alt="Virgin Islands U.S. Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Virgin Islands U.S.</div>
                        <div>+1</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="VN" data-action="select-value" data-dial-code="+84" data-country-code="VN" data-country-name="Viet Nam">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vn_{width}x.svg" alt="Viet Nam Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Viet Nam</div>
                        <div>+84</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="VU" data-action="select-value" data-dial-code="+678" data-country-code="VU" data-country-name="Vanuatu">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/vu_{width}x.svg" alt="Vanuatu Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Vanuatu</div>
                        <div>+678</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="WF" data-action="select-value" data-dial-code="+681" data-country-code="WF" data-country-name="Wallis and Futuna">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/wf_{width}x.svg" alt="Wallis and Futuna Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Wallis and Futuna</div>
                        <div>+681</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="WS" data-action="select-value" data-dial-code="+685" data-country-code="WS" data-country-name="Samoa">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ws_{width}x.svg" alt="Samoa Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Samoa</div>
                        <div>+685</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="XK" data-action="select-value" data-dial-code="+383" data-country-code="XK" data-country-name="Kosovo">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/xk_{width}x.svg" alt="Kosovo Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Kosovo</div>
                        <div>+383</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="YE" data-action="select-value" data-dial-code="+967" data-country-code="YE" data-country-name="Yemen">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/ye_{width}x.svg" alt="Yemen Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Yemen</div>
                        <div>+967</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="YT" data-action="select-value" data-dial-code="+262" data-country-code="YT" data-country-name="Mayotte">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/yt_{width}x.svg" alt="Mayotte Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Mayotte</div>
                        <div>+262</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ZA" data-action="select-value" data-dial-code="+27" data-country-code="ZA" data-country-name="South Africa">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/za_{width}x.svg" alt="South Africa Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>South Africa</div>
                        <div>+27</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ZM" data-action="select-value" data-dial-code="+260" data-country-code="ZM" data-country-name="Zambia">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/zm_{width}x.svg" alt="Zambia Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Zambia</div>
                        <div>+260</div>
                      </div>
                      <div class="Footer__Dropdown--option " role="option" tabindex="0" data-value="ZW" data-action="select-value" data-dial-code="+263" data-country-code="ZW" data-country-name="Zimbabwe">
                        <div class="Newsletter__FlagWrapper">
                          <div class="AspectRatio AspectRatio--withFallback" style="--aspect-ratio: 1.333;">
                            <img class="Image--lazyLoad Image--fadeIn NewsletterFlag" data-src="https://cdn.shopify.com/s/files/1/1190/0400/files/zw_{width}x.svg" alt="Zimbabwe Flag" data-widths="[100]" data-sizes="auto">
                          </div>
                        </div>
                        <div>Zimbabwe</div>
                        <div>+263</div>
                      </div></div>
                </div>
                <div class="Footer__PhoneInputWrapper">
                  <span class="Footer__DialCode"></span>
                  <input 
                    class="NewsletterInput Form__Input Footer__Dropdown--input"
                    type="tel" 
                    autocomplete="off"
                    name="contact[phone]"
                    title="Enter your phone number to subscribe"
                    aria-label="Phone Number"
                    placeholder="Enter your phone number"
                    country-code="US"
                    dial-code="+1"
                    data-action="phone-input"
                    maxlength="30"
                  >
                </div>
              </div>
              <div class="ButtonWrapper ButtonWrapper__Newsletter">  
                <div class="ButtonGroup__ItemHolder">
                  <button type="submit" class="NewsletterSubscribeButton Form__Submit Button ButtonGroup__Item Button--primary" data-action="newsletter-subscribe">
                      <span>Subscribe</span>
                      <span class="loader"></span>
                  </button>
                </div> 
              </div>
            </div>
            <div class="ProductForm__Error"></div>

            <div class="SMSForm__Consent">
              <div class="Form__Item">
                <div class="Form__CheckboxWrapper">
                  <input type="checkbox" class="Form__Checkbox" name="contact[marketing_consent]" id="contact[marketing_consent]" value="true" required>
                  <svg class="Icon Icon--checkmark" role="presentation" viewBox="0 0 24 24">
      <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
    </svg>

                  <label for="contact[marketing_consent]"> 
                    Yes, I'd like to receive marketing text messages (e.g. promos, cart reminders) at the number provided
                  </label>
                </div>
              </div>
              <div class="ProductForm__Error Consent"></div>
              <div class="SMSForm__Disclaimer">
                <p>By submitting this form and signing up for texts, you consent to receive marketing text messages (e.g. promos, cart reminders) from Premier Yarns at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available). <a href="https://www.premieryarns.com/pages/privacy-policy-terms-of-use-cookies" target="_blank" title="Privacy & Terms.">Privacy & Terms.</a></p>
              </div>
            </div>
          </div>
        </form>
        <div class="ButtonWrapper__Newsletter--mobile ButtonWrapper">  
          <div class="ButtonGroup__ItemHolder">
            <button type="submit" class="NewsletterSubscribeButton Form__Submit Button ButtonGroup__Item Button--primary" data-action="newsletter-subscribe">
              <span>Subscribe</span>
              <span class="loader"></span>
            </button>
          </div> 
        </div>
      </div>
    </div><div class="Footer__Inner"><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">Get to Know Us</h2>

                  <ul class="Linklist"><li class="Linklist__Item">
                        <a href="/pages/about-us"  onclick="gtag('event','About Us',{'event_category':'Footer Navigation'})" class="Link Link--primary">About Us</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/tested-and-approved-yarns"  onclick="gtag('event','Product Certifications',{'event_category':'Footer Navigation'})" class="Link Link--primary">Product Certifications</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/privacy-policy-terms-of-use-cookies"  onclick="gtag('event','Privacy Policy, Terms of Use, Cookies',{'event_category':'Footer Navigation'})" class="Link Link--primary">Privacy Policy, Terms of Use, Cookies</a>
                      </li></ul></div><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">Customer Service</h2>

                  <ul class="Linklist"><li class="Linklist__Item">
                        <a href="/pages/frequently-asked-questions"  onclick="gtag('event','Help & Contact',{'event_category':'Footer Navigation'})" class="Link Link--primary">Help &amp; Contact</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/shipping"  onclick="gtag('event','Shipping',{'event_category':'Footer Navigation'})" class="Link Link--primary">Shipping</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/package-protection"  onclick="gtag('event','Package Protection',{'event_category':'Footer Navigation'})" class="Link Link--primary">Package Protection</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/returns"  onclick="gtag('event','Returns',{'event_category':'Footer Navigation'})" class="Link Link--primary">Returns</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/wholesale"  onclick="gtag('event','Wholesale',{'event_category':'Footer Navigation'})" class="Link Link--primary">Wholesale</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/bundle-deal-pricing-troubleshooting"  onclick="gtag('event','Redeeming Discount Codes, Sale Pricing and Gift Cards',{'event_category':'Footer Navigation'})" class="Link Link--primary">Redeeming Discount Codes, Sale Pricing and Gift Cards</a>
                      </li><li class="Linklist__Item">
                        <a href="https://www.premieryarns.com/pages/shop-pay-installments"  onclick="gtag('event','Shop Pay Installments',{'event_category':'Footer Navigation'})" class="Link Link--primary">Shop Pay Installments</a>
                      </li></ul></div><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">Premier Yarns Programs</h2>

                  <ul class="Linklist"><li class="Linklist__Item">
                        <a href="/pages/rewards-program"  onclick="gtag('event','Rewards Program',{'event_category':'Footer Navigation'})" class="Link Link--primary">Rewards Program</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/premier-points-rewards-program-terms-conditions"  onclick="gtag('event','Rewards Program - Terms & Conditions',{'event_category':'Footer Navigation'})" class="Link Link--primary">Rewards Program - Terms &amp; Conditions</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/alliance-program"  onclick="gtag('event','Alliance Program',{'event_category':'Footer Navigation'})" class="Link Link--primary">Alliance Program</a>
                      </li></ul></div><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">Resources</h2>

                  <ul class="Linklist"><li class="Linklist__Item">
                        <a href="/pages/how-much-yarn-do-i-need-for"  onclick="gtag('event','How Much Yarn Do You Need?',{'event_category':'Footer Navigation'})" class="Link Link--primary">How Much Yarn Do You Need?</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/knitting-and-crochet-symbols"  onclick="gtag('event','Stitch Abbreviations and Symbol Guide',{'event_category':'Footer Navigation'})" class="Link Link--primary">Stitch Abbreviations and Symbol Guide</a>
                      </li><li class="Linklist__Item">
                        <a href="/pages/how-to-block-lace"  onclick="gtag('event','How to Block Lace',{'event_category':'Footer Navigation'})" class="Link Link--primary">How to Block Lace</a>
                      </li></ul></div><div class="Footer__Block Footer__Block--text" ><h2 class="Footer__Title Heading u-h6">Let&#39;s Connect</h2><div class="Footer__Content Rte">
                    <p>Follow us on social media for exclusive offers, instant access to new arrivals, and inspiration for crafting enthusiasts and beginners alike <strong>#MAKEITPREMIER</strong></p>
                  </div><ul class="Footer__Social HorizontalList HorizontalList--spacingTight">
    <li class="HorizontalList__Item">
      <a href="https://www.facebook.com/PremierYarns/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Facebook">
        <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--facebook"  viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;">
      <circle class="st0" style="opacity:0.35;" cx="12" cy="12" r="10"/>
      <path class="st0" d="M13.414,15.035h2.365l0.351-2.725h-2.7v-1.735c0-0.788,0.22-1.322,1.35-1.322h1.428v-2.43
        c-0.695-0.071-1.393-0.107-2.092-0.105c-2.074,0-3.495,1.267-3.495,3.591v2.005H8.278v2.725h2.343v6.855
        C11.073,21.956,11.531,22,12,22c0.481,0,0.951-0.046,1.414-0.111V15.035z"/>
    </svg></span>
      </a>
    </li>

    
<li class="HorizontalList__Item">
      <a href="https://instagram.com/premieryarns" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Instagram">
        <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--instagram" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;">
      <path class="st0" style="opacity:0.35;" d="M16,21H8c-2.761,0-5-2.239-5-5V8c0-2.761,2.239-5,5-5h8c2.761,0,5,2.239,5,5v8
        C21,18.761,18.761,21,16,21z"/>
      <path class="st0" d="M12,7c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S14.761,7,12,7z M12,15c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3
        S13.657,15,12,15z"/>
      <circle class="st0" cx="17" cy="7" r="1"/>
    </svg></span>
      </a>
    </li>

    
<li class="HorizontalList__Item">
      <a href="https://www.tiktok.com/@premieryarns" class="Link Link--primary" target="_blank" rel="noopener" aria-label="TikTok">
        <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--tiktok" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;">
      <path class="st0" style="opacity:0.35;" d="M18,21H6c-1.657,0-3-1.343-3-3V6c0-1.657,1.343-3,3-3h12c1.657,0,3,1.343,3,3v12
        C21,19.657,19.657,21,18,21z"/>
      <path class="st0" d="M16,11c-0.605,0-1.332-0.266-2-0.715V14c0,1.654-1.346,3-3,3s-3-1.346-3-3s1.346-3,3-3v2c-0.552,0-1,0.449-1,1s0.448,1,1,1
        s1-0.449,1-1V7h2c0,1.005,1.471,2,2,2V11z"/>
      <circle class="st0" cx="16" cy="10" r="1"/>
      <circle class="st0" cx="13" cy="7" r="1"/>
    </svg></span>
      </a>
    </li>
    
<li class="HorizontalList__Item">
      <a href="https://www.youtube.com/user/premieryarns" class="Link Link--primary" target="_blank" rel="noopener" aria-label="YouTube">
        <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--youtube" role="presentation" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;">
      <path class="st0" style="opacity:0.35;" d="M19.503,3.421C17.662,3.2,15.131,3,12,3S6.338,3.2,4.497,3.421C2.496,3.661,1,5.374,1,7.39v9.221
        c0,2.015,1.496,3.728,3.497,3.969C6.338,20.8,8.869,21,12,21s5.662-0.2,7.503-0.421C21.504,20.338,23,18.626,23,16.61V7.39
        C23,5.374,21.504,3.661,19.503,3.421z"/>
      <path class="st0" d="M15.52,11.104l-4.846-3.231c-0.331-0.22-0.757-0.242-1.105-0.054C9.219,8.007,9,8.372,9,8.769v6.462
        c0,0.398,0.219,0.762,0.569,0.95c0.159,0.085,0.334,0.127,0.508,0.127c0.209,0,0.417-0.061,0.597-0.181l4.846-3.231
        C15.82,12.696,16,12.36,16,12S15.82,11.304,15.52,11.104z"/>
    </svg></span>
      </a>
    </li>

    
<li class="HorizontalList__Item">
      <a href="https://www.pinterest.com/premieryarns" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Pinterest">
        <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--pinterest" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;">
      <circle class="st0" style="opacity:0.35;" cx="12" cy="12" r="10"/>
      <path class="st0" d="M12.222,5.708c-4.316,0-6.608,2.898-6.608,6.052c0,1.467,0.781,3.292,2.03,3.874c0.189,0.088,0.291,0.05,0.334-0.133
        c0.033-0.139,0.202-0.818,0.278-1.134c0.024-0.101,0.012-0.188-0.069-0.287c-0.413-0.502-0.744-1.423-0.744-2.282
        c0-2.206,1.67-4.34,4.515-4.34c2.457,0,4.177,1.674,4.177,4.068c0,2.705-1.366,4.579-3.143,4.579c-0.982,0-1.717-0.812-1.481-1.807
        c0.282-1.188,0.828-2.471,0.828-3.329c0-0.768-0.412-1.408-1.265-1.408c-1.003,0-1.809,1.037-1.809,2.428
        c0,0.885,0.299,1.484,0.299,1.484s-0.991,4.191-1.173,4.971c-0.201,0.861-0.123,2.071-0.036,2.862
        c0.226,0.088,0.451,0.177,0.685,0.249c0.408-0.664,1.017-1.753,1.243-2.621c0.122-0.468,0.623-2.378,0.623-2.378
        c0.326,0.622,1.278,1.148,2.292,1.148c3.016,0,5.189-2.773,5.189-6.22C18.387,8.18,15.691,5.708,12.222,5.708z"/>
    </svg></span>
      </a>
    </li>

    

  </ul>
</div></div><div class="reviews-badge-container"><div data-oke-reviews-badge data-oke-reviews-badge-size="large" class="okendo-store-badge"></div></div>
  </div>
  <div class="Footer__Aside">
    <div class="Footer__Aside--Content"><div class="Footer__Copyright">
      <div>
        <a href="/" class="Footer__StoreName Heading u-h7 Link Link--secondary"> &copy; 2026 Premier Yarns</a>
        <a href="/pages/do-not-sell-or-share-my-personal-information" class="Footer__StoreName Heading u-h7 Link Link--secondary">| Do Not Sell or Share My Personal Information</a>
      </div>
    </div><div class="Footer__Policies">
      <ul class="HorizontalList">
        <a href="/pages/returns" class="Link Link--secondary">
          <li class="HorizontalList__Item">Refund policy</li>
        </a>
        <a href="/pages/shipping" class="Link Link--secondary">
          <li class="HorizontalList__Item">Shipping policy</li>
        </a>
        <a href="/pages/privacy-policy-terms-of-use-cookies" class="Link Link--secondary">
          <li class="HorizontalList__Item">Privacy policy</li>
        </a>
        <a href="/pages/privacy-policy-terms-of-use-cookies" class="Link Link--secondary">
          <li class="HorizontalList__Item">Terms of service</li>
        </a>
        <a href="/pages/contact-us" class="Link Link--secondary">
          <li class="HorizontalList__Item">Contact information</li>
        </a>
      </ul> 
    </div>
  </div>
</footer>

</div>
    </div>
    
    <script src="//www.premieryarns.com/cdn/shop/t/569/assets/custom.js?v=175448254965237417951780685987" defer></script><div id="cookies-banner" class="cookie-banner cookie-invisible" data-section-type="privacy-banner">
  <h3 class="ProductMeta__Title Heading u-h3">We Value your Privacy</h3>
  <div class="GridDisplay">
    <p class="CookieBody">
      We and our partners use cookies and other technologies to improve your experience, measure performance, and tailor marketing. Details can be found in our Privacy Policy <a href="/pages/privacy-policy-terms-of-use-cookies" class="CookiePolicyLink">Here.</a>
    </p>
    <div class="CookieButtons">
      <button class="Button CookieButton Button--secondary Button--full" id="accept-btn">
        <span class="CookieButton__Text">Accept All Cookies</span>
        <span class="loader"></span>
      </button>
      <button class="Button CookieButton Button--secondary Button--full" id="decline-btn">
        <span class="CookieButton__Text">Decline All Cookies</span>
        <span class="loader"></span>
      </button>
    </div>
  </div>
</div><script>
    var createButton = document.getElementById('create_customer')
    if (createButton !== null) {
        createButton.addEventListener('submit', function () {
            gtag('event', 'submit', {
                'event_category': 'createAcct',
                'event_label': 'form'
            });
        });
    }

    var buttonSelector = document.querySelectorAll('button');
    buttonSelector.forEach(function (link) {
        link.addEventListener('click', function () {
            if (link.innerText == 'Subscribe') {
                gtag('event', 'submit', {
                    'event_category': 'newsletter',
                    'event_label': 'form'
                });

            };
        });
    });
</script>
<div id="shopify-block-AR2FMSW9nNERWcU9kV__6174324309569838175" class="shopify-block shopify-app-block">


<div class="smile-shopify-init"
  data-channel-key="pk_NpZjVepi12u1B6eXstdpmTQN"
  
></div>


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