<!doctype html>
<html
  
  lang="en"
>
  <head>
<!--LOOMI SDK-->
<!--DO NOT EDIT-->
<link rel="preconnect"  href="https://live.visually-io.com/" crossorigin data-em-disable>
<link rel="dns-prefetch" href="https://live.visually-io.com/" data-em-disable>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script>
    (()=> {
        const env = 2;
        var store = "rock-revival-store.myshopify.com";
        var alias = store.replace(".myshopify.com", "").replaceAll("-", "_").toUpperCase();
        var jitsuKey =  "js.67079078037";
        var themeId = 158361157781;
        var role = "main";
        window.loomi_ctx = {...(window.loomi_ctx || {}),storeAlias:alias,jitsuKey,env,themeId,role};
        
        
    
	
        loomi_ctx.ttl=1783592148;
        
        !function(){var n,t,e;!function(n){n.JSCondition="jsCondition",n.JSFunction="jsFunction",n.JSEvent="jsEvent",n.Selector="selector",n.ElementEvent="elementEvent",n.PageLoad="pageLoad",n.Timeout="timeout",n.Inactivity="inactivity",n.ExitIntent="exitIntent",n.Conjunction="conjunction"}(n||(n={})),function(n){n[n.PAUSED=4]="PAUSED"}(t||(t={})),function(n){n[n.LOCAL=0]="LOCAL",n[n.STAGE=1]="STAGE",n[n.PROD=2]="PROD",n[n.TEST=3]="TEST"}(e||(e={}));var r,i="lmi_preview";function o(){return o=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},o.apply(this,arguments)}function c(n,t){n.prototype=Object.create(t.prototype),n.prototype.constructor=n,a(n,t)}function a(n,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,t){return n.__proto__=t,n},a(n,t)}!function(n){n.USE_CASE="USE_CASE",n.ADD_TO_CART="ADD_TO_CART"}(r||(r={})),window.addEventListener("load",function(){setTimeout(function(){},2e3)});var u="vslyCtags",s=function(){return new Date(1e3*Math.floor(Date.now()/1e3))};function f(n,t,e,r){return void 0===t&&(t=500),void 0===e&&(e=4),new Promise(function(i,o){n()?i(0):0!==e?setTimeout(function(){r&&r()&&o("condition rejected "+l(function(){return n.toString()})),f(n,t,e-1).then(i).catch(o)},t):o("condition rejected "+l(function(){return n.toString()}))})}function l(n,t){void 0===t&&(t=void 0);try{return n()}catch(n){return t}}var d=function(n){return n&&decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(n).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null};function v(){return m(function(){var n=new Function(document.querySelector('script[id="__st"]').textContent+";return __st.cid.toString()")();return n&&window.localStorage.setItem("vsly__st",n),!0}),l(function(){return window.__st.cid.toString()})||window.localStorage.getItem("vsly__st")}function m(n,t,e){void 0===t&&(t=5),void 0===e&&(e=500),t>=0&&!l(n)&&setTimeout(function(){l(n)||m(n,t-1)},e)}var w=/*#__PURE__*/function(){function n(n,t){this._value=void 0,this._addedAt=void 0,this._value=n,this._addedAt=t||(new Date).getTime()}var t=n.prototype;return t.value=function(){return this._value},t.addedAt=function(){return this._addedAt},n}(),g=/*#__PURE__*/function(){function n(n,t){this.backend=void 0,this.ttlMillis=void 0,this.backend=n,this.ttlMillis=t}var t=n.prototype;return t.isValid=function(n){return!!n&&(new Date).getTime()-n.addedAt()<=this.ttlMillis},t.get=function(n){var t=this.backend.get(n),e=this.isValid(t);if(t&&e)return t.value();e||this.backend.remove(n)},t.set=function(n,t,e){var r=new w(t,e);this.backend.set(n,r)},n}(),h=/*#__PURE__*/function(){function n(n){this.namespace=void 0,this.namespace="vsly_cache_"+n,window[this.namespace]={}}var t=n.prototype;return t.get=function(n){var t=this;return l(function(){return window[t.namespace][n]})},t.remove=function(n){var t=this;l(function(){return delete window[t.namespace][n]})},t.set=function(n,t){window[this.namespace][n]=t},n}(),p=/*#__PURE__*/function(){function n(n){this.namespace=void 0,this.namespace="vsly_cache_"+n}var t=n.prototype;return t.get=function(n){var t=this;return l(function(){var e=sessionStorage.getItem(t.namespace+"_"+n);if(e){var r=JSON.parse(e);return new w(r._value,r._addedAt)}})},t.remove=function(n){sessionStorage.removeItem(this.namespace+"_"+n)},t.set=function(n,t){sessionStorage.setItem(this.namespace+"_"+n,JSON.stringify(t))},n}(),_=/*#__PURE__*/function(n){function t(t,e){return n.call(this,new p(t),e)||this}return c(t,n),t}(g),y=/*#__PURE__*/function(n){function t(t,e){return n.call(this,new h(t),e)||this}return c(t,n),t}(g),S=function(n,t){void 0===t&&(t=8397271938200529);for(var e,r=3735928559^t,i=1103547991^t,o=0;o<n.length;o++)e=n.charCodeAt(o),r=Math.imul(r^e,2654435761),i=Math.imul(i^e,1597334677);return r=Math.imul(r^r>>>16,2246822507)^Math.imul(i^i>>>13,3266489909),""+(4294967296*(2097151&(i=Math.imul(i^i>>>16,2246822507)^Math.imul(r^r>>>13,3266489909)))+(r>>>0))};function I(){return l(function(){return window.Shopify.country})||l(function(){return window.visually.country})}var P,O="visually",b="widgets";function A(){var n=l(function(){return window.loomi_ctx.cart});if(n)return n;var t=localStorage.getItem("loomi-cart");if(t)try{return JSON.parse(t)}catch(n){}}window.IntersectionObserver&&new IntersectionObserver(function(n,t){n.forEach(function(n){if(n.isIntersecting){var e=n.target;(function(n){var t=n.getAttribute("lmw"),e=n.getAttribute("lmwv");if(t&&e){var r=t+e;return f(function(){return l(function(){return!!window[O][b][r]})&&l(function(){return!!window.preact})},50,500).then(function(){l(function(){return window[O][b][r]("#"+n.id)})}),!0}return!1})(e)&&t.unobserve(e)}})},{root:null,rootMargin:window.vslyDeferWidgetsMargin||"100px",threshold:.1}),function(n){n.CART_CHANGE="CART_CHANGE",n.LOYALTY_CHANGE="LOYALTY_CHANGE"}(P||(P={}));var E=function(){return window.loomi_ctx.session.id};function x(n){return JSON.parse(localStorage.getItem(n)||"[]")}function T(n,t,e,r){n=n||[],t=t||[];var i=l(function(){return t.filter(function(t){return!n.find(e(t))})})||[],o=[].concat(n,i).slice(0,25);return o.length>0&&localStorage.setItem(r,JSON.stringify(o)),o}var C,D="vsly_params_history",N="vsly_visited_pages";!function(n){n.MOBILE="MOBILE",n.DESKTOP="DESKTOP"}(C||(C={}));var k=function(){return edgetag("getUserId")},L="lmi_type",M="lmi_from",R="lmi_class",j="lmi_utm_data",U={utm_source:"source",utm_medium:"medium",utm_campaign:"campaign",utm_term:"term",utm_content:"content"},J=function(n,t){void 0===t&&(t=3);for(var e=n,r=0;r<t;r++)try{var i=decodeURIComponent(e);if(i===e)break;e=i}catch(n){break}return e};function F(){var n,t,e,r=(n=function(n){if(function(n){return!n||"{}"===JSON.stringify(n)}(n))return null;var t={};return n.campaign&&(t.campaign=n.campaign),n.medium&&(t.medium=n.medium),n.source&&(t.source=n.source),n.term&&(t.term=n.term),n.content&&(t.content=n.content),t}(l(function(){return function(n){void 0===n&&(n=window.location.search);var t={utm:{},lmi_params:{}};return l(function(){return new URLSearchParams(n)}).forEach(function(n,e){if(n){var r=U[e],i=J(n);r?t.utm[r]=i:function(n){return l(function(){return[R,M,L].includes(n)})}(e)&&(t.lmi_params[e]=i)}}),t}().utm})),t=[],null!=(e=localStorage.getItem(j))&&(t=[].concat(JSON.parse(e)).slice(0,20)),n&&(n.ts=s(),t=[n].concat(t)),t);return localStorage.setItem(j,JSON.stringify(r)),r}function B(){var n=l(function(){return F()},[]);if(!Array.isArray(n)||0===n.length)return"";var t=n.filter(function(n){return n.campaign});return 0===t.length?"":l(function(){return t.reduce(function(n,t){return t.ts>n.ts?t:n},t[0]).campaign},"")||""}var H=function(){try{var n=function(){if(!K)return Promise.resolve(new Promise(function(n,t){var e=indexedDB.open(q,1);e.onerror=function(n){t("IDB e:o"+n.target.error)},e.onsuccess=function(t){n(K=t.target.result)},e.onupgradeneeded=function(n){n.target.result.createObjectStore(G,{keyPath:"id"}).createIndex("id","id",{unique:!0})}})).then(function(){})}();return Promise.resolve(n&&n.then?n.then(function(){return K}):K)}catch(n){return Promise.reject(n)}},q="VISUALLY_IO",G=q,K=null;function V(){var n=new URL(window.location.href);return n.protocol+"//"+n.hostname+n.pathname}var Y="__eventn_id";function W(n,t,e){void 0===e&&(e=Y);var r=z(n,t);l(function(){return localStorage.setItem(e,r)}),function(n,t,e,r){l(function(){return window.loomi_ctx.cc})&&!l(function(){return(l(function(){return window.Shopify.customerPrivacy.analyticsProcessingAllowed})||l(function(){return window.Shopify.customerPrivacy.userCanBeTracked})||l(function(){return window.visually.analyticsProcessingAllowed}))()})||(document.cookie=encodeURIComponent(n)+"="+t+"; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT"+(e?"; domain="+e:"")+(r?"; secure":""))}(e,r,document.location.hostname.replace("www.","").replace("checkout.",""),"http:"!==document.location.protocol)}function $(n){return{firstSeen:l(function(){return parseInt(n.split(".")[1])},null),id:l(function(){return n.split(".")[0]})}}function z(n,t){return n+"."+t}function Z(){return Math.trunc((new Date).getTime()/1e3)}var Q=function(n){return(new Date).getTime()/1e3-n<=7200},X="vsly_vid",nn="lmi_debug";function tn(n){return l(function(){return new URL(window.location.href).searchParams.get(n)||void 0})}function en(){try{var n=l(function(){return window.vslyAntiFlickerReveal},void 0);n&&n()}catch(n){}}new _("p",18e5),new y("recs_cache",300001);var rn,on=new Map;function cn(n){return an(n)?"http://localhost:8080":"https://"+function(n){return void 0===n&&(n=window.loomi_ctx.env),n===e.STAGE?"sdk.loomi-stg.xyz":"live.visually-io.com"}()}function an(n){return[e.TEST,e.LOCAL].includes(n)}!function(n){n.NONE="none",n.YOTPO="yotpo"}(rn||(rn={}));var un="vsly_session";function sn(n){return J((n||"").replace("+"," "))}function fn(){var n=window.loomi_ctx.storeAlias,t={id:S(n+window.loomi_ctx.userId+s()+B()+vn()),utm_campaign:B(),last_interaction:new Date,landing_page:l(function(){return location.href},""),start_at:new Date};return ln(t),t}function ln(n){var t=JSON.stringify(n);localStorage.setItem(un,t),window.loomi_ctx.session=n}function dn(){var n=function(){window.loomi_ctx=window.loomi_ctx||{};var n=window.loomi_ctx.session||l(function(){var n=JSON.parse(localStorage.getItem(un));return n.last_interaction=new Date(n.last_interaction),n.start_at=new Date(n.start_at),n})||fn();return function(n){var t=new Date,e=n.last_interaction;return(t.valueOf()-e.valueOf())/6e4>30||sn(B())!==sn(n.utm_campaign)||n.last_interaction.getDate()!==t.getDate()}(n)&&(n=fn()),window.loomi_ctx.session=n,n}();n.last_interaction=new Date,ln(n)}var vn=function(){return Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)},mn=["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","RO","SK","SI","ES","SE","NO","IS","LI"],wn=function(n){void 0===n&&(n=!0);var t=window.loomi_ctx.consent;t.allowed=n,t.fin||(t.fin=gn())},gn=function(){return(new Date).getTime()},hn=function(){return window.Shopify.customerPrivacy},pn=function(){return Promise.resolve()};(function(){try{if(window.vsly_init=!0,window.vslyIntegrationType="static",function(){if(l(function(){return window.visually_io_editor}))return!0;var n=l(function(){return window.loomi_ctx.ttl});return!("number"!=typeof n||!Number.isFinite(n)||n<=0)&&n<Math.floor(Date.now()/1e3)}())return console.log("sdk blocked"),Promise.resolve();window.loomi_ctx.sdk_version="0.12.102";var n=window.loomi_ctx,t=n.env,r=function(n,t){try{return l(dn),l(function(){var n=window.loomi_ctx.ctags||[];0===n.length?window.loomi_ctx.ctags=JSON.parse(localStorage.getItem(u)||"[]"):localStorage.setItem(u,JSON.stringify(n)),l(function(){var n=JSON.parse(localStorage.getItem("vslyCustomCtags")||"[]");n&&n.length>0&&(window.loomi_ctx.ctags=[].concat(window.loomi_ctx.ctags||[],n))})}),Promise.resolve(function(n,t){try{var e=(c=function(n){var t=function(n){try{var t=d(n),e=$(t);if(t)return{id:e.id,firstSeen:e.firstSeen||Z()}}catch(n){}}(n),e=function(n){var t=window.localStorage.getItem(n),e=$(t);if(t)return{id:e.id,firstSeen:e.firstSeen||Z()}}(n);if(!t&&!e){var r=function(){var n=Math.random().toString(36).substring(2,12),t=Z();return{newId:n,newEpoch:t,value:z(n,t)}}(),i=r.newId,o=r.newEpoch;return W(i,o,n),{id:i,firstSeen:o}}if(!e&&t)return W(t.id,t.firstSeen,n),t;if(!t&&e)return W(e.id,e.firstSeen,n),e;var c=Math.min(t.firstSeen,e.firstSeen),a=t.firstSeen<=e.firstSeen?t.id:e.id;return function(n,t){return n.firstSeen===t.firstSeen&&n.id!==t.id}(t,e)&&(a=t.id<=e.id?t.id:e.id),e.id==t.id&&e.firstSeen==t.firstSeen||W(a,c,n),{id:a,firstSeen:c}}(Y),{id:c.id,firstSession:Q(a=c.firstSeen),firstSeen:a}),r=function(n,t){var e=function(){var n=l(function(){return A().items.map(function(n){return{variantId:n.variant_id||0,quantity:n.quantity||0,productId:n.product_id||0,price:n.price||0}})})||[],t={path:window.location.pathname,host:window.location.hostname};l(function(){return n.length})>0&&(t.cartItems=n);var e=l(function(){return A().token});e&&(t.cartToken=e);var r=F();r&&(t.trafficSources=r),t.productsSeenInSession=function(){var n=l(function(){return window.loomi_ctx.sessionProducts});if(n)return n;var t=localStorage.getItem("loomi_session_products"),e=t?JSON.parse(t):[];return l(function(){return e.filter(function(n){return""!=n.handle}).reverse().slice(0,20)})}(),t.isCustomer=!!v(),t.query=window.location.search||"",t.hash=window.location.hash||"";var i=l(function(){return(("spa"==window.vslyIntegrationType?l(function(){return A().attributes.map(function(n){return n.key})}):l(function(){return Object.keys(A().attributes)}))||[]).filter(function(n){return!n.startsWith("vsly")&&n.length<20}).slice(0,15)});return i&&(t.cartAttributes=i),t}();e.storeAlias=n;var r=v();r&&(e.clientId=r),e.anonymousId=t.id,e.firstSeen=t.firstSeen,e.firstSession=t.firstSession,e.gaId=l(function(){return document.cookie.split(";").map(function(n){return n.split("=")}).find(function(n){return"_ga"==n[0].trim()})[1]},"");var i=window.loomi_ctx;e.customerTags=l(function(){return i.ctags.slice(0,20)}),e.landingPage=l(function(){return i.session.landing_page}),e.hasSubs=!!l(function(){return(n=A(),l(function(){return n.items.map(function(n){return l(function(){return n.selling_plan_allocation.selling_plan.name.toLowerCase()})}).filter(function(n){return!!n})},[])).length>0;var n});var c,a=(c="vsly_edgetag",m(function(){return k()&&localStorage.setItem(c,k()),!0}),l(k)||localStorage.getItem(c));a&&(e.edgetag=a);var u=function(){try{var n=l(function(){return new URL(window.location.href)});if(l(function(){return n.searchParams.get("forceOverride")})){var t=l(function(){return n.searchParams.get("targeting")});if(t)return JSON.parse(atob(t))}}catch(n){!function(){var n;(window.location.search.includes("lmi_debug")||l(function(){return window.vsly_fbs}))&&(n=console).error.apply(n,["loomi-editor"].concat([].slice.call(arguments)))}("preview overrides",n)}return{}}(),f=x(D),w=function(){var n,t=x(N);function e(n){return new Date(n.ts).valueOf()}function r(){var n=new URL(location.href);return["vslyvid","vslywgid","vslysid","lmi_preview","targeting","vsly_vid"].forEach(function(t){return n.searchParams.delete(t)}),n.search||""}return(n=N,Promise.resolve(H()).then(function(t){return new Promise(function(e,r){var i=t.transaction([G],"readonly").objectStore(G).get(n);i.onerror=function(n){r("IDB e:r"+n.target.error)},i.onsuccess=function(n){e(n.target.result)}})})).then(function(n){var i,o={ts:new Date,name:V(),search:l(r,"")},c=!!o.search,a=(l(function(){return n.visits})||t||[]).filter(function(n){return!c||!(n.name===o.name&&!n.search)}).filter(function(n){return!(n.name===o.name&&(o.search===n.search||c&&!n.search))}).sort(function(n,t){return e(t)-e(n)}).slice(0,500);a.unshift(o),(i={id:N,visits:a},Promise.resolve(H()).then(function(n){return new Promise(function(t,e){var r=n.transaction([G],"readwrite").objectStore(G).put(i);r.onerror=function(n){e("IDB e:w"+n.target.error)},r.onsuccess=function(){t("")}})})).catch()}).catch(),T([{ts:s(),name:V()}],t,function(n){return function(t){return n.name===t.name}},N)}(),g=JSON.parse(localStorage.getItem("loomi_purchased_products")||"[]"),h=o({deviceKind:l(function(){return window.loomi_ctx.deviceOverride},void 0)},{}),p=!!l(function(){return navigator.userAgent.includes("Macintosh")&&"ontouchend"in document}),_=l(function(){return window.innerWidth},0),y=l(function(){return window.vslyDesktopBreakpoint})||960,S=l(function(){return d("cart_currency")})||l(function(){return A().currency})||"",I=l(function(){return i.current_product});if(I){e.oos=l(function(){return I.oos}),e.price=l(function(){return I.price}),e.iq=l(function(){return I.variants.reduce(function(n,t){return t.iq+n},0)}),e.productId=l(function(){var n=function(){var n={},t=window.loomi_ctx||{};t.productId&&(n.productId=t.productId);var e=l(function(){var n=new URL(location.href).searchParams,t="variant";return n.has(t)&&function(n){var t=Number(n),e=isNaN(t)?Number((""+n).replace(/[^\d.]+/g,""))||void 0:t;if(void 0!==e&&0!==e)return""+e}(n.get(t))})||t.variantId;return e&&(n.variantId=e),n}().productId;return Number.isFinite(Number(n))?n.toString():""},"");var P=1*i.variantId;Number.isFinite(P)&&(e.vid=P)}var O=l(E);"spa"==window.vslyIntegrationType&&(e.spa=!0);var b=l(function(){return i.ttl});return o({cartCurrency:S},e,{queryHistory:f,isIPadPro:p,windowInnerWidth:_,desktopBreakpoint:y,visitedPages:w,ttl:Number.isFinite(b)?b:0,purchasedLineItems:g,sid:O},h||{},u||{})}(n,e);return Promise.resolve(function(n,t){try{var e=function(n){return btoa(unescape(encodeURIComponent(JSON.stringify(n))))}(t),r=(u=function(n){var t="/api/allocator/web/public/v2/allocate";return an(n)&&(t="/allocate"),{cfgUrl:""+cn(n)+t}}(n).cfgUrl,s=function(){[i,X].map(function(n){var t=tn(n);t&&sessionStorage.setItem(n,t)});var n=sessionStorage.getItem(i),t=sessionStorage.getItem(X);return{previewKey:n,debugAllocator:tn(nn),previewVariantId:t}}(),f=s.previewKey,l=s.debugAllocator,d=s.previewVariantId,v=new URL(u),f&&v.searchParams.append(i,f),l&&v.searchParams.append(nn,"true"),d&&v.searchParams.append(X,d),v);r.searchParams.append("q",e);var o=S(r.href),c=window.vslyNativeFetch||window.fetch,a=on.has(o)?on.get(o):c(r.href).finally(function(){return on.delete(o)});return on.set(o,a),Promise.resolve(a).then(function(n){if(n.ok)return Promise.resolve(n.json());throw new Error("failed to load config: "+n.statusText)})}catch(n){return Promise.reject(n)}var u,s,f,l,d,v}(t,r)).then(function(n){return l(function(){window.loomi_ctx.audiences=n.audiences,l(function(){return n.audiences&&localStorage.setItem("vsly_audiences",JSON.stringify(n.audiences))}),window.loomi_ctx.testedThemes=n.testedThemes||[]}),function(n){var t=n.currentVariant;window.loomi_ctx=o({},window.loomi_ctx||{});var e=l(function(){return t.pid});e&&(window.loomi_ctx.productId=""+e);var r=l(function(){return t.vid});r&&(window.loomi_ctx.variantId=""+r);var i=l(function(){return t.price});i&&(window.loomi_ctx.variantPrice=i);var c=l(function(){return t.meta});c&&(window.loomi_ctx.productMeta=""+c)}(n),T(n.queryHistory,r.queryHistory,function(n){return function(t){return t.v===n.v&&t.k===n.k}},D),function(n){var t;(t=n.experiments)&&t.findIndex(function(n){var t=l(function(){return n.clientTargetingFormula.toString()},"")||"";return t.includes("CartItemHasTag")||t.includes("CartItemHasCollection")||t.includes("AllCartItemsHasTag")})>-1||!0===l(function(){return n.flags["sdk-enable-cart-enrichment"]},!1)&&(n.flags["sdk-enable-cart-enrichment"]=!1)}(n),{configuration:n,tracking:e}})}catch(n){return Promise.reject(n)}var c,a}(n,t))}catch(n){return Promise.reject(n)}}(n.storeAlias,t);(a=function(){var n=I();return!!n&&!mn.includes(n)},new Promise(function(n,t){var e,r=(e=window.loomi_ctx).consent||(e.consent={});r.init=gn(),(I()?pn():f(I,50,200)).then(function(){a()&&(wn(),n())}),(l(function(){return hn().analyticsProcessingAllowed})?pn():f(function(){return l(function(){return hn().analyticsProcessingAllowed})},50,200)).then(function(){var e=hn().analyticsProcessingAllowed()||a();wn(e),e?n():t()}),r.ccListener||(document.addEventListener("visitorConsentCollected",function(e){var r=e.detail.analyticsAllowed||a();wn(r),r?n():t()}),r.ccListener=!0)})).catch();var c=new Promise(function(n){"function"==typeof window.loomi_ctx.run?n():window.addEventListener("visually_loaded",function(){return n()},{once:!0})});return Promise.all([r,c]).then(function(n){var r=n[0],i=r.configuration,o=r.tracking;(function(n){return(t="vsly-a",r=function(n){return n==e.STAGE?"https://sdk.loomi-stg.xyz/":"https://assets.visually.io/"}(n)+"v/visually-a.js?cb="+window.loomi_ctx.sdk_version,void 0===i&&(i={async:!1,defer:!1}),new Promise(function(n,e){var o=document.getElementById(t);o?n(document.getElementById(t)):((o=document.createElement("script")).id=t,o.src=r,o.async=i.async||!1,o.defer=i.defer||!1,o.setAttribute("data-em-disable",""),o.onload=function(){return n(o)},o.onerror=function(){return e(new Error("Failed to load "+r))},document.head.appendChild(o))})).catch();var t,r,i})(t),window.loomi_ctx.run(i,o)}).catch(function(n){return console.error(n)}).finally(en)}catch(n){return Promise.reject(n)}var a})().then(function(){return console.log("vsly sdk init")})}();

    })()
</script>
<link href="https://assets.visually.io/vsly/lib/visually.js?cb=c21c4181" rel="preload" as="script" data-em-disable>
<script rel="prefetch" type="text/javascript" src="https://assets.visually.io/vsly/lib/visually.js?cb=c21c4181" data-em-disable></script>
<link href="https://assets.visually.io/widgets/vsly-preact.min.js" rel="preload" as="script" data-em-disable>
<script data-vsly="preact2" type="text/javascript" src="https://assets.visually.io/widgets/vsly-preact.min.js" data-em-disable></script>
<!--LOOMI SDK-->


    <!-- Preconnect to slow third-party origins -->
    <link rel="preconnect" href="https://ocu.zipify.com" crossorigin>
    <link rel="dns-prefetch" href="https://ocu.zipify.com">
    <link rel="preconnect" href="https://apay-us.amazon.com" crossorigin>
    <link rel="dns-prefetch" href="https://apay-us.amazon.com">
    <link rel="preconnect" href="https://d3hw6dc1ow8pp2.cloudfront.net" crossorigin>
    <link rel="dns-prefetch" href="https://d3hw6dc1ow8pp2.cloudfront.net"><link
        rel="icon"
        type="image/png"
        href="//rockrevival.com/cdn/shop/files/Layer_3.svg?crop=center&height=32&v=1776210641&width=32"
      >
    
    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    


<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content="#2D2D2F"
>

<meta
  property="og:site_name"
  content="Rock Revival®"
>
<meta
  property="og:url"
  content="https://rockrevival.com/"
>
<meta
  property="og:title"
  content="Rock Revival | Official Site | Premium Denim Designed in Los Angeles"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Shop Rock Revival premium denim for men and women — bootcut, straight, baggy, low-rise, and more. Signature Fleur-de-Lis detailing, bold washes, and premium stretch denim designed in Los Angeles since 2005. Free shipping on qualifying orders. Shop jeans, tops, jackets, and silver jewelry."
><meta
    property="og:image"
    content="https://rockrevival.com/cdn/shop/files/Horses_Cowboys_Instagram_746daecb-90a1-4ce8-97b6-2062f8efed9f.jpg?v=1745612471"
  >
  <meta
    property="og:image:secure_url"
    content="https://rockrevival.com/cdn/shop/files/Horses_Cowboys_Instagram_746daecb-90a1-4ce8-97b6-2062f8efed9f.jpg?v=1745612471"
  >
  <meta
    property="og:image:width"
    content="2561"
  >
  <meta
    property="og:image:height"
    content="1709"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Rock Revival | Official Site | Premium Denim Designed in Los Angeles"
>
<meta
  name="twitter:description"
  content="Shop Rock Revival premium denim for men and women — bootcut, straight, baggy, low-rise, and more. Signature Fleur-de-Lis detailing, bold washes, and premium stretch denim designed in Los Angeles since 2005. Free shipping on qualifying orders. Shop jeans, tops, jackets, and silver jewelry."
>

<title>
  Rock Revival | Official Site | Premium Denim Designed in Los Angeles
</title>

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


  <meta
    name="description"
    content="Shop Rock Revival premium denim for men and women — bootcut, straight, baggy, low-rise, and more. Signature Fleur-de-Lis detailing, bold washes, and premium stretch denim designed in Los Angeles since 2005. Free shipping on qualifying orders. Shop jeans, tops, jackets, and silver jewelry."
  >

<link href="//rockrevival.com/cdn/shop/t/79/assets/overflow-list.css?v=16727044177065489451780961825" as="style" rel="preload">
<link href="//rockrevival.com/cdn/shop/t/79/assets/base.css?v=91296346656333617731780961941" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//rockrevival.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//rockrevival.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//rockrevival.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//rockrevival.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >


<link rel="preload" href="https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Light.woff2?v=1756919431" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Regular.woff2?v=1756919431" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Medium.woff2?v=1756919431" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Bold.woff2?v=1756919431" as="font" type="font/woff2" crossorigin>

<style>
  @font-face {
    font-family: 'SyndicatGrotesk';
    src: url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Light.woff2?v=1756919431') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Light.woff?v=1756919447') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SyndicatGrotesk';
    src: url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Regular.woff2?v=1756919431') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Regular.woff?v=1756919447') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SyndicatGrotesk';
    src: url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Medium.woff2?v=1756919431') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Medium.woff?v=1756919447') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SyndicatGrotesk';
    src: url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Bold.woff2?v=1756919431') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0670/7907/8037/files/SyndicatGrotesk-Bold_d4752d34-886d-4d9c-95f5-ac0754c5bd29.woff?v=1756919446') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  :root {
    --font-body--family: 'SyndicatGrotesk', sans-serif !important;
    --font-subheading--family: 'SyndicatGrotesk', sans-serif !important;
    --font-heading--family: 'SyndicatGrotesk', sans-serif !important;
    --font-accent--family: 'SyndicatGrotesk', sans-serif !important;
  }

  * {
    text-transform: uppercase !important;
    border-radius: 0 !important;
    font-family: 'SyndicatGrotesk', sans-serif !important;
  }

  /* All non-heading text: 11px */
  body,
  p, a, span, li, td, th, label, input, select, textarea, button,
  div:not(.cart-drawer):not([class*="cart-drawer"]),
  nav, footer, header, section, article, aside,
  summary, details, figcaption, address,
  [class*="text"], [class*="label"], [class*="link"],
  [class*="button"], [class*="price"], [class*="caption"],
  [class*="description"], [class*="info"], [class*="meta"],
  [class*="card"]:not([class*="cart"]), [class*="menu"], [class*="nav"],
  [class*="badge"], [class*="tag"], [class*="tab"],
  [class*="paragraph"], [class*="rte"],
  .product-details *, .product-information *,
  .collection-wrapper *, .product-grid-container * {
    font-size: 11px !important;
    font-family: 'SyndicatGrotesk', sans-serif !important;
  }

  /* Okendo prev/next arrow icons — override global button + div rules */
  button.oke-prevNextButton {
    font-size: 33px !important;
  }
  button.oke-prevNextButton .oke-prevNextButton-icon {
    font-size: 33px !important;
    width: 33px !important;
    height: 33px !important;
  }
  button.oke-prevNextButton .oke-prevNextButton-icon::before,
  button.oke-prevNextButton .oke-prevNextButton-icon::after {
    font-size: 33px !important;
    line-height: 33px !important;
  }

  /* Hide stale product-card__badge (replaced by product-badges system) */
  .product-card__badge {
    display: none !important;
  }

  /* Badges side by side */
  .product-badges {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }

  /* Final sale badge */
  .final-sale-badge {
    display: inline-block !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: #FFFFFF !important;
    background: #2D2D2F !important;
    padding: 3px 6px !important;
    margin-bottom: 8px !important;
    border: none !important;
    cursor: pointer !important;
    line-height: normal !important;
  }

  /* Product page: title + price at 13px */
  [data-template="product"] .product-information rte-formatter h1,
  [data-template="product"] .product-information rte-formatter h2,
  [data-template="product"] .product-information rte-formatter h3,
  [data-template="product"] .product-information .price__regular .price,
  [data-template="product"] .product-information .price__sale .price,
  [data-template="product"] .product-information .price-item--sale,
  [data-template="product"] .product-information .price-item--regular {
    font-size: 13px !important;
  }

  /* Variant picker: hide option label/legend */
  .variant-option legend {
    display: none !important;
  }

  :root,
  shopify-account {
    --style-border-radius-popover: 0 !important;
    --style-border-radius-buttons-primary: 0 !important;
    --style-border-radius-buttons-secondary: 0 !important;
    --shopify-account-radius-base: 0 !important;
    --shopify-account-radius-button: 0 !important;
    --shopify-account-radius-button-small: 0 !important;
    --shopify-account-radius-input: 0 !important;
    --style-border-radius-xs: 0 !important;
    --style-border-radius-sm: 0 !important;
    --style-border-radius-md: 0 !important;
    --style-border-radius-lg: 0 !important;
    --style-border-radius-xl: 0 !important;
  }

  /* Mobile carousel */
  @media screen and (max-width: 749px) {
    .mobile-carousel,
    .mobile-carousel .custom-section-content {
      overflow: visible !important;
    }
    .mobile-carousel .section-content-wrapper {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      overflow-y: visible !important;
      scroll-snap-type: x mandatory !important;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      gap: 0 !important;
      height: var(--section-min-height, 300px) !important;
      align-items: stretch !important;
    }
    .mobile-carousel .section-content-wrapper::-webkit-scrollbar {
      display: none;
    }
    .mobile-carousel .section-content-wrapper > * {
      flex: 0 0 50% !important;
      min-width: 50% !important;
      max-width: 50% !important;
      height: 100% !important;
      scroll-snap-align: start;
    }
  }

  /* Footer */
  footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  footer .section {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  @media screen and (max-width: 749px) {
    footer .section {
      padding-left: 16px !important;
      padding-right: 16px !important;
    }
  }
  footer .footer-content.spacing-style,
  footer .group-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  @media screen and (min-width: 750px) {
    footer .footer-content > :nth-child(2),
    footer .footer-content > :nth-child(2) *,
    footer .footer-content > :nth-child(2) summary,
    footer .footer-content > :nth-child(2) ul,
    footer .footer-content > :nth-child(2) li,
    footer .footer-content > :nth-child(2) a {
      text-align: center !important;
      justify-content: center !important;
    }
    footer .footer-content > :nth-child(2) {
      justify-items: center !important;
      align-items: center !important;
    }
    footer .footer-content > :nth-child(2) ul {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }
    footer .footer-content > :last-child,
    footer .footer-content > :last-child *,
    footer .footer-content > :last-child summary,
    footer .footer-content > :last-child ul,
    footer .footer-content > :last-child li,
    footer .footer-content > :last-child a {
      text-align: right !important;
      justify-content: flex-end !important;
    }
    footer .footer-content > :last-child {
      justify-items: end !important;
      align-items: flex-end !important;
    }
    footer .footer-content > :last-child ul {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-end !important;
    }
  }
  footer * {
    font-size: 11px !important;
  }

  /* Hide add-to-cart icon everywhere */
  .add-to-cart-icon {
    display: none !important;
  }
  /* Sticky cart bar */
  .sticky-add-to-cart__bar {
    font-size: 11px !important;
    border: 1px solid currentColor !important;
  }
  .sticky-add-to-cart__bar * {
    font-size: 11px !important;
  }
  /* Mobile sticky cart: just + sign */
  @media screen and (max-width: 749px) {
    .sticky-add-to-cart .add-to-cart-icon {
      display: none !important;
    }
    .sticky-add-to-cart .add-to-cart-text__content {
      display: none !important;
    }
    .sticky-add-to-cart .add-to-cart__added {
      display: none;
    }
    .sticky-add-to-cart .add-to-cart-text::before {
      content: '+' !important;
      font-size: 20px !important;
      font-weight: 300 !important;
      line-height: 1 !important;
    }
  }

  /* Mega menu: portrait collection images — 2:3 matches product shot dimensions */
  .mega-menu__content-list .resource-card {
    --resource-card-aspect-ratio: 2 / 3 !important;
  }
  .mega-menu__content-list .resource-card__image-wrapper {
    aspect-ratio: 2 / 3 !important;
  }
  .mega-menu__content-list .resource-card__image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .mega-menu__content-list * {
    font-size: 11px !important;
  }

  /* Mega menu: dark overlay scoped to image, fades on hover */
  .mega-menu__content-list .resource-card--overlay::before {
    display: none !important;
  }

  .mega-menu__content-list .resource-card__media {
    overflow: hidden !important;
  }

  .mega-menu__content-list .resource-card__media::after,
  .mega-menu__image-wrapper::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: #12121266 !important;
    transition: opacity 0.3s ease !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  .mega-menu__content-list .resource-card:hover .resource-card__media::after,
  .mega-menu__link:hover .mega-menu__image-wrapper::after {
    opacity: 0 !important;
  }

  /* Mega menu: title centered over image — featured_collections (resource-card overlay) */
  .mega-menu__content-list .resource-card__content {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .mega-menu__content-list .resource-card__title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
    text-shadow: none !important;
    padding: 8px !important;
  }

  .mega-menu__content-list .resource-card__subtext,
  .mega-menu__content-list .price {
    display: none !important;
  }

  /* Mega menu: image wrapper scopes overlay and centers title */
  .mega-menu__image-wrapper {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    aspect-ratio: 2 / 3 !important;
  }

  .mega-menu__image-wrapper .wrap-text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    width: 100% !important;
    padding-inline: 12px !important;
    box-sizing: border-box !important;
    text-shadow: none !important;
    z-index: 3 !important;
    white-space: normal !important;
  }

  /* Mega menu link images — force portrait */
  .mega-menu__link-image {
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  .mega-menu__link {
    display: block !important;
    text-decoration: none !important;
  }

  /* Mobile drawer: even link spacing */
  .menu-drawer__menu.has-submenu > li {
    min-height: unset !important;
    margin: 0 !important;
  }

  .menu-drawer__menu .menu-drawer__list-item--flat,
  .menu-drawer__menu .menu-drawer__list-item--deep {
    margin: 0 !important;
    contain: layout style;
  }

  .menu-drawer__menu accordion-custom,
  .menu-drawer__menu accordion-custom details {
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-drawer__menu-item--mainlist {
    height: 44px !important;
    min-height: unset !important;
    padding-block: 0 !important;
    box-sizing: border-box !important;
  }

  #Details-menu-drawer-container .menu-drawer__menu-item--mainlist .menu-drawer__menu-item-text {
    font-size: 22px !important;
  }

  .menu-drawer__menu-item--mainlist .svg-wrapper svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* Mobile drawer: collection images carousel with 2:3 ratio */
  .menu-drawer__menu--grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x mandatory !important;
    gap: 8px !important;
    padding-inline: 0 !important;
    grid-template-columns: unset !important;
    direction: ltr !important;
  }

  .menu-drawer__menu--grid::-webkit-scrollbar {
    display: none !important;
  }

  .menu-drawer__menu--grid .menu-drawer__list-item {
    flex: 0 0 38vw !important;
    min-width: 0 !important;
    min-height: unset !important;
    scroll-snap-align: start !important;
  }

  .menu-drawer__scroll-hint {
    font-size: 10px !important;
    color: #b0b0b0 !important;
    font-weight: normal !important;
    text-transform: none !important;
    white-space: nowrap !important;
    margin-inline-start: 8px !important;
    visibility: hidden !important;
  }

  accordion-custom details[open] .menu-drawer__scroll-hint {
    visibility: visible;
  }

  .menu-drawer__menu--grid.details-content {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .menu-drawer__link-image {
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  /* Title centered over image */
  .menu-drawer__menu-item:has(> .menu-drawer__link-image) {
    position: relative !important;
    overflow: hidden !important;
  }

  .menu-drawer__menu-item:has(> .menu-drawer__link-image) .menu-drawer__menu-item-text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    width: 100% !important;
    padding-inline: 12px !important;
    box-sizing: border-box !important;
    text-shadow: none !important;
    z-index: 3 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
  }

  /* Dark overlay on drawer collection images */
  .menu-drawer__menu-item:has(> .menu-drawer__link-image)::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: #12121266 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
  }

  /* Collection page: match header width */
  .product-grid-container > * {
    padding-left: var(--page-margin) !important;
    padding-right: var(--page-margin) !important;
    box-sizing: border-box !important;
  }

  /* Product recommendations section: match page margin */
  product-recommendations .section-resource-list {
    padding-left: var(--page-margin) !important;
    padding-right: var(--page-margin) !important;
    box-sizing: border-box !important;
  }

  /* Collection heading section (before product grid) */
  .shopify-section:has(+ .shopify-section .product-grid-container) .section-content-wrapper {
    padding-left: var(--page-margin) !important;
    padding-right: var(--page-margin) !important;
    box-sizing: border-box !important;
  }


  /* Group block headings */
  :where(.group-block) .text-block h2,
  :where(.group-block) .text-block h3,
  :where(.group-block) .text-block h4,
  :where(.group-block) .text-block h5,
  :where(.group-block) .text-block h6 {
    font-size: 11px !important;
  }

  /* Hero headings */
  .hero__container .text-block p {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /* Hide Horizon's quick add modal */
  .quick-add-modal,
  quick-add-component {
    display: none !important;
  }

  /* Quick add: wrapper hidden by default, JS moves it into image container */
  .product-card__sizes-wrapper {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 50 !important;
    display: none !important;
  }

  .product-card__sizes-wrapper.is-positioned {
    display: block !important;
  }

  /* Ensure image container allows overflow and is clickable */
  .product-card__content > :first-child {
    overflow: visible !important;
    cursor: pointer !important;
  }

  /* Cart icon: number in square box, no bag */
  cart-icon .svg-wrapper:has(svg) {
    display: none !important;
  }

  cart-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
  }

  cart-icon .cart-bubble {
    position: static !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2D2D2F !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
  }

  header-component[transparent='not-sticky']:not([data-sticky-state='active']) cart-icon .cart-bubble {
    background: #FFFFFF !important;
  }

  cart-icon .cart-bubble__background {
    display: none !important;
  }

  cart-icon .cart-bubble__text {
    position: static !important;
    transform: none !important;
  }

  cart-icon .cart-bubble__text-count {
    font-size: 9px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    display: inline !important;
    line-height: 1 !important;
    transition: color 0.3s ease !important;
  }

  header-component[transparent='not-sticky']:not([data-sticky-state='active']) cart-icon .cart-bubble__text-count {
    color: #2D2D2F !important;
  }

  /* Show 0 when cart is empty */
  cart-icon .cart-bubble__text-count.hidden {
    display: inline !important;
    visibility: visible !important;
  }


  /* Override visually-hidden when cart is empty */
  cart-icon .cart-bubble.visually-hidden {
    position: static !important;
    width: 22px !important;
    height: 22px !important;
    clip: unset !important;
    clip-path: none !important;
    overflow: visible !important;
  }

  /* Cart drawer: all text 11px SyndicatGrotesk */
  .cart-drawer *,
  .cart-drawer-component *,
  [class*="cart-drawer"] *,
  [class*="cart-item"] *,
  .cart-summary * {
    font-size: 11px !important;
    font-family: 'SyndicatGrotesk', sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
  }

  /* Cart drawer header */
  .cart-drawer__header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .cart-drawer__heading {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1 !important;
  }

  .cart-drawer__close-button {
    position: static !important;
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    line-height: 22px !important;
  }

  /* Cart bubble in drawer — match header */
  .cart-drawer .cart-bubble {
    position: static !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2D2D2F !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cart-drawer .cart-bubble__background {
    display: none !important;
  }

  .cart-drawer .cart-bubble__text {
    position: static !important;
    transform: none !important;
  }

  .cart-drawer .cart-bubble__text-count {
    font-size: 9px !important;
    color: #FFFFFF !important;
    display: inline !important;
    line-height: 1 !important;
  }

  .cart-drawer .cart-bubble.visually-hidden {
    position: static !important;
    width: 22px !important;
    height: 22px !important;
    clip: unset !important;
    clip-path: none !important;
    overflow: visible !important;
  }

  /* Close button: CLOSE text instead of X */
  .cart-drawer__close-button .svg-wrapper {
    display: none !important;
  }

  .cart-drawer__close-button::after {
    content: 'CLOSE' !important;
  }

  /* Cart item images: show full image at natural proportions */
  .cart-items__media-container {
    aspect-ratio: unset !important;
    height: auto !important;
    overflow: visible !important;
  }

  .cart-items__media-container img,
  .cart-items__media-image {
    aspect-ratio: unset !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
  }

  /* ── Cart item layout ────────────────────────────────────────────────────── */

  /* 2-column grid: image | stacked content */
  .cart-drawer .cart-items__table-row {
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    grid-template-areas:
      'media details'
      'media quantity'
      'media error' !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 14px !important;
    row-gap: 0 !important;
    align-items: start !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }

  .cart-drawer .cart-items__media {
    grid-area: media !important;
    grid-row: 1 / -1 !important;
    padding: 0 !important;
  }

  /* Details: title → variant → price */
  .cart-drawer .cart-items__details {
    grid-area: details !important;
    display: block !important;
    padding: 0 !important;
  }

  .cart-drawer .cart-items__title {
    margin: 0 0 3px !important;
    display: block !important;
  }

  .cart-drawer .cart-items__variants-wrapper,
  .cart-drawer .cart-items__variants {
    margin: 0 !important;
  }

  /* Price + compare-at below variant */
  .cart-drawer .cart-items__unit-price-wrapper {
    display: block !important;
    margin-top: 5px !important;
  }

  .cart-drawer .cart-items__unit-price-wrapper > div {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .cart-drawer .cart-items__unit-price-wrapper .compare-at-price {
    opacity: 0.4 !important;
    text-decoration: line-through !important;
    font-style: normal !important;
  }

  /* Hide line total */
  .cart-drawer .cart-items__price {
    display: none !important;
  }

  /* Remove row: no qty selector, just REMOVE right-aligned */
  .cart-drawer .cart-items__quantity {
    grid-area: quantity !important;
    margin-block-start: 8px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
  }

  .cart-drawer .quantity-selector,
  .cart-drawer .quantity-selector-wrapper {
    display: none !important;
  }

  /* Remove button */
  .cart-drawer .cart-items__quantity-controls {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .cart-drawer .cart-items__remove {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    color: transparent !important;
    align-self: flex-start !important;
  }

  .cart-drawer .cart-items__remove .svg-wrapper,
  .cart-drawer .cart-items__remove svg,
  .cart-drawer .cart-items__remove .visually-hidden {
    display: none !important;
  }

  .cart-drawer .cart-items__remove::after {
    content: 'REMOVE' !important;
    color: rgba(45, 45, 47, 0.45) !important;
    transition: color 0.15s ease !important;
  }

  .cart-drawer .cart-items__remove:hover::after {
    color: var(--color-primary-hover) !important;
  }

  /* Cart footer taxes/shipping line */
  .cart-drawer small,
  .cart-drawer small a {
    font-size: 9px !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  /* Empty cart — hide login prompt and continue shopping button */
  .cart-items__wrapper .cart-items__empty-button,
  .cart-items__wrapper > p {
    display: none !important;
  }


  /* Afterpay host — hide until shadow DOM is patched */
  square-placement:not(.ap-ready) {
    opacity: 0 !important;
  }

  square-placement {
    font-size: 9px !important;
    display: block !important;
    color: #2D2D2F !important;
    transition: opacity 0.15s ease;
  }

  /* Discount input */
  .cart-drawer input[type="text"],
  .cart-drawer [class*="discount"] input {
    font-size: 11px !important;
    padding: 10px 14px !important;
    border: 1px solid #2D2D2F !important;
    background: #FFFFFF !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  /* Hide discount errors until form is submitted */
  .cart-items__error,
  .cart-item__error,
  .cart-drawer [class*="discount-error"],
  .cart-drawer [class*="discount"] [role="alert"]:empty {
    display: none !important;
  }

  .cart-drawer [class*="discount"] button,
  .cart-drawer [class*="discount"] .button {
    font-size: 11px !important;
    padding: 10px 14px !important;
    white-space: nowrap !important;
  }

  /* Disable Horizon's full-card link overlay so our buttons are clickable */
  .product-card__link {
    pointer-events: none !important;
  }

  /* Re-enable clicking the card content (title, image) to navigate */
  .product-card__content {
    cursor: pointer !important;
  }

  /* + button on image */
  button.resource-card__toggle-sizes {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    color: #2D2D2F !important;
    line-height: 1 !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: unset !important;
    min-height: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 6 !important;
  }

  .resource-card__toggle-sizes.is-active {
    display: none !important;
  }

  .resource-card__toggle-sizes:hover {
    color: #DD6300 !important;
  }

  /* Size row overlays bottom of image */
  .product-card__sizes {
    display: none !important;
    flex-wrap: nowrap !important;
    background: #FFFFFF !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
  }

  .product-card__sizes::-webkit-scrollbar {
    display: none !important;
  }

  .product-card__sizes.is-visible {
    display: flex !important;
  }

  .product-card__size-btn {
    flex: 0 0 calc(100% / 7) !important;
    padding: 8px 0 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    font-family: 'SyndicatGrotesk', sans-serif !important;
    text-transform: uppercase !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    color: #2D2D2F !important;
    text-align: center !important;
    min-width: unset !important;
    min-height: unset !important;
  }

  @media (hover: hover) {
    .product-card__size-btn:hover {
      font-weight: 700 !important;
    }
  }

  .product-card__size-btn:disabled {
    opacity: 0.3 !important;
    text-decoration: none !important;
    cursor: not-allowed !important;
  }

  /* Added to cart toast */
  .added-to-cart-toast {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    background: #DD6300 !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    padding: 12px 20px !important;
    z-index: 9999 !important;
    animation: toastIn 0.3s ease, toastOut 0.3s ease 2.2s forwards !important;
  }

  @keyframes toastIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes toastOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(10px); }
  }

  /* Product card needs relative for overlay positioning */
  product-card,
  .product-card__content {
    position: relative !important;
  }

  /* Inline variant buttons on product cards */
  .resource-card__variants {
    -webkit-overflow-scrolling: touch !important;
  }

  .resource-card__variants::-webkit-scrollbar {
    display: none !important;
  }

  .resource-card__variant-btn:hover {
    font-weight: 700 !important;
  }


  /* Policy pages: constrain to page width, centered */
  .shopify-policy__container {
    max-width: var(--narrow-page-width, 90rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--page-margin, 16px) !important;
    padding-right: var(--page-margin, 16px) !important;
    box-sizing: border-box !important;
  }

  .shopify-policy__container,
  .shopify-policy__container * {
    font-size: 11px !important;
  }

  .shopify-policy__container h1,
  .shopify-policy__container h2,
  .shopify-policy__container h3 {
    font-size: 22px !important;
  }

  /* Filters */
  .facets *,
  [class*="facet"] *,
  [class*="filter"] *,
  .collection-filters *,
  .active-filters * {
    font-size: 11px !important;
  }

  /* Predictive search */
  predictive-search-component .search-input {
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  predictive-search-component .predictive-search-results__title {
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  predictive-search-component .predictive-search-results__clear {
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: rgba(45, 45, 47, 0.45) !important;
  }

  predictive-search-component .resource-card__title {
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  /* Search results — consistent image dimensions */
  predictive-search-component .resource-card__media {
    aspect-ratio: 4 / 5 !important;
    overflow: visible !important;
  }

  predictive-search-component .resource-card__image {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
  }

  /* No hover effects in search */
  predictive-search-component .resource-card,
  predictive-search-component .resource-card:hover,
  predictive-search-component .resource-card:focus-within {
    --resource-card-secondary-image-opacity: 0 !important;
  }

  predictive-search-component .resource-card__image--secondary {
    display: none !important;
  }

  predictive-search-component .resource-card:hover .resource-card__image,
  predictive-search-component .resource-card:focus .resource-card__image {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  predictive-search-component .resource-card:hover::after,
  predictive-search-component .resource-card:focus::after,
  predictive-search-component .resource-card__media:hover::after,
  predictive-search-component .resource-card__media:focus::after {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
  }

  /* Disable link overlay so variants receive touch events (same as collection page) */
  predictive-search-component .resource-card__link {
    pointer-events: none !important;
  }

  /* Remove hover background/padding shift on product cards in search */
  predictive-search-component .predictive-search-results__card--product:hover,
  predictive-search-component .predictive-search-results__card--product:active,
  predictive-search-component .recently-viewed-wrapper .predictive-search-results__card--product:hover,
  predictive-search-component .recently-viewed-wrapper .predictive-search-results__card--product:active {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
  }

  /* Variant row: overlay bottom of image like collection page */
  predictive-search-component .resource-card__variants {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    background: #fff !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
  }

  predictive-search-component .resource-card__variants::-webkit-scrollbar {
    display: none !important;
  }

  /* Show 7 at a time; ensure touch events reach buttons */
  predictive-search-component .resource-card__variant-btn {
    flex: 0 0 calc(100% / 7) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
  }

  predictive-search-component .price,
  predictive-search-component .compare-at-price {
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  predictive-search-component .predictive-search__search-button,
  predictive-search-component .predictive-search__close-modal-button,
  predictive-search-component .button-unstyled.predictive-search__reset-button {
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  /* Account popup */
  .account .account__heading,
  .account h2.account__heading {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .account .button.outline,
  .account .stack-inline .button {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  /* Hero: two-link split hitbox — each link covers its full half */
  .hero__content-wrapper:has(.group-block-content rte-formatter + rte-formatter) {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: unset !important;
    padding: 0 !important;
  }

  .hero__content-wrapper:has(.group-block-content rte-formatter + rte-formatter) .group-block {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .hero__content-wrapper:has(.group-block-content rte-formatter + rte-formatter) .group-block-content {
    position: static !important;
    height: 100% !important;
    align-items: stretch !important;
  }

  .hero__content-wrapper:has(.group-block-content rte-formatter + rte-formatter) rte-formatter {
    display: flex !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  /* Split showcase panels — fade overlay on hover (same as mega menu) */
  .group-block .overlay {
    transition: opacity 0.3s ease !important;
  }

  .group-block:hover .overlay {
    opacity: 0 !important;
  }

  /* Announcement bar */
  .announcement-bar__text {
    font-size: 9px !important;
  }

  /* Cookie consent banner */
  #shopify-pc__banner__btn-accept,
  #shopify-pc__banner__btn-decline {
    border: none !important;
    outline: none !important;
  }

  #shopify-pc__banner__btn-manage-prefs,
  #shopify-pc__banner__body-policy-link {
    text-decoration: none !important;
  }

  /* ── Okendo large badge — protect count/text from global overrides ────────── */
  /* Scoped to .oke-largeBadge only — does not affect reviews widget or inline   */
  /* star ratings; those keep their own Okendo styling.                          */
  .oke-largeBadge * {
    text-transform: none !important;
    letter-spacing: normal !important;
  }
  .oke-largeBadge-count {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }
  .oke-largeBadge-text {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
  }

  .oke-w-ratingAverageModule-rating-average {
    font-size: 22px !important;
  }

  /* Final sale badge — override spacing-style which resets padding to 0 via CSS custom props */
  .final-sale-badge.spacing-style {
    padding-block: 3px !important;
    padding-inline: 6px !important;
  }

  /* Homepage hero — Menswear / Womenswear: 22px + hover */
  .group-block-content rte-formatter h1 {
    flex: 1 !important;
    display: flex !important;
    margin: 0 !important;
    width: 100% !important;
    font-size: 22px !important;
  }
  .group-block-content rte-formatter h1 a {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
    font-size: 22px !important;
    transition: opacity 0.2s ease !important;
  }
  .group-block-content rte-formatter h1 a:hover {
    opacity: 0.65 !important;
  }

  /* Hide swipe badge on desktop */
  @media screen and (min-width: 750px) {
    .mobile-carousel__swipe-badge {
      display: none !important;
    }
  }

  /* Section below hero — image grid card headings */
  .group-block .text-block.h3 h3 {
    font-size: 22px !important;
  }
  .group-block__link:hover ~ .group-block-content .text-block.h3 h3 {
    opacity: 0.65 !important;
    transition: opacity 0.2s ease !important;
  }

  /* Pagination — square active indicator */
  .pagination {
    --pagination-radius: 0;
  }
  .pagination__link[aria-current='page']::before,
  .pagination__link--current::before {
    border-radius: 0 !important;
  }

</style>

<script>
  (function init() {
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', run);
    } else {
      run();
    }
    function run() {
    /* Move quick-add into image containers */
    function positionQuickAdd() {
      document.querySelectorAll('.product-card__sizes-wrapper:not(.is-positioned)').forEach(function(w) {
        var card = w.closest('product-card');
        if (!card) return;
        var img = card.querySelector('.product-card__content > :first-child');
        if (img) {
          img.style.position = 'relative';
          img.style.overflow = 'visible';
          img.appendChild(w);
          w.classList.add('is-positioned');
        }
      });
    }
    positionQuickAdd();
    new MutationObserver(positionQuickAdd).observe(document.body, {childList: true, subtree: true});

    /* Global handler — catches all pointer/click events before Horizon */
    ['pointerdown', 'pointerup', 'click', 'mousedown', 'mouseup'].forEach(function(evt) {
      document.addEventListener(evt, function(e) {
        var toggleBtn = e.target.closest('.resource-card__toggle-sizes');
        if (toggleBtn) {
          e.preventDefault();
          e.stopPropagation();
          e.stopImmediatePropagation();
          if (evt === 'click') {
            var wrapper = toggleBtn.closest('.product-card__sizes-wrapper');
            if (wrapper) {
              wrapper.querySelector('.product-card__sizes').classList.add('is-visible');
              toggleBtn.classList.add('is-active');
            }
            var media = toggleBtn.closest('.resource-card__media');
            if (media) {
              var variants = media.querySelector('.resource-card__variants');
              if (variants) {
                var open = variants.style.display === 'flex';
                variants.style.display = open ? 'none' : 'flex';
                toggleBtn.textContent = open ? '+' : '×';
              }
            }
          }
          return false;
        }

        var sizeBtn = e.target.closest('.product-card__size-btn');
        if (sizeBtn && !sizeBtn.disabled) {
          e.preventDefault();
          e.stopPropagation();
          e.stopImmediatePropagation();
          if (evt === 'click') {
            var vid = sizeBtn.getAttribute('data-variant-id');
            if (vid) {
              fetch('/cart/add.js', {
                method: 'POST',
                headers: {'Content-Type': 'application/json'},
                body: JSON.stringify({items: [{id: parseInt(vid), quantity: 1}]})
              }).then(function(r) { return r.json(); })
              .then(function() {
                fetch('/cart.js').then(function(r) { return r.json(); }).then(function(cart) {
                  document.dispatchEvent(new CustomEvent('cart:update', {detail: {data: {itemCount: cart.item_count}}}));
                });
                var n = document.createElement('div');
                n.className = 'added-to-cart-toast';
                n.textContent = 'ADDED TO CART';
                document.body.appendChild(n);
                setTimeout(function() { n.remove(); }, 2500);
              }).catch(function(err) { console.error(err); });
            }
          }
          return false;
        }
      }, true);
    });

    /* Navigate search result cards (link has pointer-events:none, so we handle it here) */
    document.addEventListener('click', function(e) {
      var card = e.target.closest('predictive-search-component .resource-card');
      if (!card) return;
      if (e.target.closest('.resource-card__toggle-sizes')) return;
      if (e.target.closest('.resource-card__variant-btn')) return;
      if (e.target.closest('.resource-card__variants')) return;
      var link = card.querySelector('.resource-card__link');
      if (link && link.href) window.location.href = link.href;
    }, false);

    /* Close sizes on mouse leave */
    document.addEventListener('mouseleave', function(e) {
      if (e.target.classList && e.target.classList.contains('product-card__sizes-wrapper')) {
        e.target.querySelector('.product-card__sizes').classList.remove('is-visible');
        var btn = e.target.querySelector('.resource-card__toggle-sizes');
        if (btn) btn.classList.remove('is-active');
      }
      if (e.target.classList && e.target.classList.contains('resource-card')) {
        var variants = e.target.querySelector('.resource-card__variants');
        if (variants) variants.style.display = 'none';
        var btn = e.target.querySelector('.resource-card__toggle-sizes');
        if (btn) btn.textContent = '+';
      }
    }, true);

    var videos = document.querySelectorAll('video[autoplay]');
    if (!videos.length) return;
    var observer = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          entry.target.play().catch(function() {});
        }
      });
    }, { threshold: 0.1 });
    videos.forEach(function(video) {
      video.play().catch(function() {});
      observer.observe(video);
    });
  }
  })();

  /* Patch Afterpay shadow DOM if accessible, then reveal */
  function injectAfterpayShadowStyle(el) {
    if (!el.shadowRoot || el.shadowRoot.querySelector('#gasoline-ap-style')) return;
    var s = document.createElement('style');
    s.id = 'gasoline-ap-style';
    s.textContent = ':host { font-size: 9px !important; color: #2D2D2F !important; } * { font-size: 9px !important; color: #2D2D2F !important; fill: #2D2D2F !important; }';
    el.shadowRoot.appendChild(s);
  }

  function revealAfterpay(el) {
    injectAfterpayShadowStyle(el);
    el.classList.add('ap-ready');
  }

  function watchAfterpayShadow(el) {
    var attempts = 0;
    function tryObserve() {
      if (el.shadowRoot) {
        injectAfterpayShadowStyle(el);
        var shadowObs = new MutationObserver(function() { injectAfterpayShadowStyle(el); });
        shadowObs.observe(el.shadowRoot, { childList: true, subtree: true });
        revealAfterpay(el);
        return;
      }
      attempts++;
      if (attempts < 40) {
        setTimeout(tryObserve, 50); // poll every 50ms up to 2s
      } else {
        revealAfterpay(el); // give up, reveal anyway
      }
    }
    tryObserve();
  }

  function initAfterpayShadowWatcher() {
    document.querySelectorAll('square-placement').forEach(watchAfterpayShadow);

    // Watch for square-placement being added to the DOM later (app block loads async)
    var docObs = new MutationObserver(function(mutations) {
      mutations.forEach(function(m) {
        m.addedNodes.forEach(function(node) {
          if (node.nodeType !== 1) return;
          var els = node.matches('square-placement') ? [node] : Array.from(node.querySelectorAll('square-placement'));
          els.forEach(watchAfterpayShadow);
        });
      });
    });
    docObs.observe(document.body, { childList: true, subtree: true });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initAfterpayShadowWatcher);
  } else {
    initAfterpayShadowWatcher();
  }

  /* Account popup — inline style patch */
  var ACCOUNT_BRAND = 'SyndicatGrotesk, sans-serif';

  function patchAccount(root) {
    if (root.dataset.gasolineAccount) return;
    root.dataset.gasolineAccount = '1';

    var heading = root.querySelector('.account__heading');
    if (heading) Object.assign(heading.style, {
      fontFamily: ACCOUNT_BRAND,
      fontSize: '11px',
      fontWeight: '700',
      textTransform: 'uppercase',
      letterSpacing: '0'
    });

    root.querySelectorAll('.stack-inline .button, .account__content .button.outline').forEach(function(el) {
      Object.assign(el.style, {
        fontFamily: ACCOUNT_BRAND,
        fontSize: '11px',
        fontWeight: '700',
        textTransform: 'uppercase',
        letterSpacing: '0',
        borderRadius: '0'
      });
    });

    var shopLogin = root.querySelector('shop-login');
    if (shopLogin) {
      shopLogin.style.setProperty('--font-paragraph--size', '11px');
      shopLogin.style.setProperty('--font-paragraph--line-height', '1.5');
    }
  }

  function initAccountWatcher() {
    document.querySelectorAll('.account').forEach(patchAccount);
    new MutationObserver(function(mutations) {
      mutations.forEach(function(m) {
        m.addedNodes.forEach(function(node) {
          if (node.nodeType !== 1) return;
          if (node.classList && node.classList.contains('account')) patchAccount(node);
          if (node.querySelectorAll) node.querySelectorAll('.account').forEach(patchAccount);
        });
      });
    }).observe(document.body, { childList: true, subtree: true });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initAccountWatcher);
  } else {
    initAccountWatcher();
  }

  // Reset drawer carousel scroll to start when accordion opens
  document.addEventListener('click', function(e) {
    var summary = e.target.closest('summary.menu-drawer__menu-item--mainlist');
    if (!summary) return;
    var details = summary.closest('details');
    if (!details) return;
    var grid = details.querySelector('.menu-drawer__menu--grid');
    if (!grid) return;
    requestAnimationFrame(function() {
      requestAnimationFrame(function() { grid.scrollLeft = 0; });
    });
  }, false);

  /* Mobile carousel: infinite looping */
  function initLoopCarousels() {
    if (window.innerWidth > 749) return;

    document.querySelectorAll('.mobile-carousel .section-content-wrapper').forEach(function(container) {
      if (container.dataset.loopInit) return;
      container.dataset.loopInit = '1';

      var origItems = Array.from(container.children);
      if (origItems.length < 2) return;

      origItems.forEach(function(item) {
        var clone = item.cloneNode(true);
        clone.setAttribute('aria-hidden', 'true');
        container.appendChild(clone);
      });

      function loopPoint() {
        return container.scrollWidth / 2;
      }

      function resetIfPastEnd() {
        if (container.scrollLeft >= loopPoint()) {
          container.style.scrollSnapType = 'none';
          container.scrollLeft -= loopPoint();
          requestAnimationFrame(function() {
            requestAnimationFrame(function() {
              container.style.removeProperty('scroll-snap-type');
            });
          });
        }
      }

      if ('onscrollend' in window) {
        container.addEventListener('scrollend', resetIfPastEnd, { passive: true });
      } else {
        var t;
        container.addEventListener('scroll', function() {
          clearTimeout(t);
          t = setTimeout(resetIfPastEnd, 150);
        }, { passive: true });
      }
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initLoopCarousels);
  } else {
    initLoopCarousels();
  }

</script>


<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//rockrevival.com/cdn/shop/t/79/assets/overflow-list.js?v=46858356770684902511780961825",
      "@theme/product-title": "//rockrevival.com/cdn/shop/t/79/assets/product-title-truncation.js?v=81744426891537421781780961825",
      "@theme/component": "//rockrevival.com/cdn/shop/t/79/assets/component.js?v=184240237101443119871780961825",
      "@theme/dialog": "//rockrevival.com/cdn/shop/t/79/assets/dialog.js?v=150888536568694194021780961825",
      "@theme/events": "//rockrevival.com/cdn/shop/t/79/assets/events.js?v=1118589085892804011780961825",
      "@theme/focus": "//rockrevival.com/cdn/shop/t/79/assets/focus.js?v=60436577539430446401780961825",
      "@theme/morph": "//rockrevival.com/cdn/shop/t/79/assets/morph.js?v=104045809772310330131780961825",
      "@theme/paginated-list": "//rockrevival.com/cdn/shop/t/79/assets/paginated-list.js?v=95298315036233333871780961825",
      "@theme/performance": "//rockrevival.com/cdn/shop/t/79/assets/performance.js?v=171015751390534793081780961825",
      "@theme/product-form": "//rockrevival.com/cdn/shop/t/79/assets/product-form.js?v=142170751179338062901780961825",
      "@theme/recently-viewed-products": "//rockrevival.com/cdn/shop/t/79/assets/recently-viewed-products.js?v=94729125001750262651780961825",
      "@theme/scrolling": "//rockrevival.com/cdn/shop/t/79/assets/scrolling.js?v=162288454571026455011780961825",
      "@theme/section-renderer": "//rockrevival.com/cdn/shop/t/79/assets/section-renderer.js?v=123311117485513785771780961825",
      "@theme/section-hydration": "//rockrevival.com/cdn/shop/t/79/assets/section-hydration.js?v=108434990705342316311780961825",
      "@theme/money-formatting": "//rockrevival.com/cdn/shop/t/79/assets/money-formatting.js?v=182191346160333327151780961825",
      "@theme/utilities": "//rockrevival.com/cdn/shop/t/79/assets/utilities.js?v=28506172887375975941780961825",
      "@theme/variant-picker": "//rockrevival.com/cdn/shop/t/79/assets/variant-picker.js?v=24924540959574313291780961825",
      "@theme/media-gallery": "//rockrevival.com/cdn/shop/t/79/assets/media-gallery.js?v=14624021005636302161780961825",
      "@theme/quick-add": "//rockrevival.com/cdn/shop/t/79/assets/quick-add.js?v=114575661933533593881780961825",
      "@theme/paginated-list-aspect-ratio": "//rockrevival.com/cdn/shop/t/79/assets/paginated-list-aspect-ratio.js?v=25254270272143792451780961825",
      "@theme/popover-polyfill": "//rockrevival.com/cdn/shop/t/79/assets/popover-polyfill.js?v=119029313658895111201780961825",
      "@theme/component-quantity-selector": "//rockrevival.com/cdn/shop/t/79/assets/component-quantity-selector.js?v=67906657287482036641780961825",
      "@theme/comparison-slider": "//rockrevival.com/cdn/shop/t/79/assets/comparison-slider.js?v=106705562947035711941780961825",
      "@theme/sticky-add-to-cart": "//rockrevival.com/cdn/shop/t/79/assets/sticky-add-to-cart.js?v=48956925339276737091780961825",
      "@theme/fly-to-cart": "//rockrevival.com/cdn/shop/t/79/assets/fly-to-cart.js?v=48483246440248933081780961825"
    }
  }
</script>

<script
  src="//rockrevival.com/cdn/shop/t/79/assets/view-transitions.js?v=7106414069516106341780961825"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/utilities.js?v=28506172887375975941780961825"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/component.js?v=184240237101443119871780961825"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/section-renderer.js?v=123311117485513785771780961825"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/section-hydration.js?v=108434990705342316311780961825"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/morph.js?v=104045809772310330131780961825"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/focus.js?v=60436577539430446401780961825"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/recently-viewed-products.js?v=94729125001750262651780961825"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/scrolling.js?v=162288454571026455011780961825"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockrevival.com/cdn/shop/t/79/assets/events.js?v=1118589085892804011780961825"
  fetchpriority="low"
>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/popover-polyfill.js?v=119029313658895111201780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/overflow-list.js?v=46858356770684902511780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/quick-add.js?v=114575661933533593881780961825"
  type="module"
  fetchpriority="low"
></script>


<script
  src="//rockrevival.com/cdn/shop/t/79/assets/dialog.js?v=150888536568694194021780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/variant-picker.js?v=24924540959574313291780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/product-card.js?v=28695665944407642501780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/product-form.js?v=142170751179338062901780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/fly-to-cart.js?v=48483246440248933081780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/accordion-custom.js?v=97588419883090888471780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/media.js?v=37825095869491791421780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/product-price.js?v=83480980452100801711780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/product-sku.js?v=121804655373531320511780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/product-title-truncation.js?v=81744426891537421781780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/product-inventory.js?v=81520546963552472391780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/show-more.js?v=94563802205717136101780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/slideshow.js?v=168726587398279102001780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/layered-slideshow.js?v=30135417790894624731780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/anchored-popover.js?v=95953304814728754461780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/floating-panel.js?v=151277338116891310371780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/video-background.js?v=25237992823806706551780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/component-quantity-selector.js?v=67906657287482036641780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/media-gallery.js?v=14624021005636302161780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/rte-formatter.js?v=40306132146590816021780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/volume-pricing.js?v=15442793518842484731780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/price-per-item.js?v=144512917617120124431780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/volume-pricing-info.js?v=94479640769665442661780961825"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//rockrevival.com/cdn/shop/t/79/assets/localization.js?v=15585934801240115691780961825"
    type="module"
    fetchpriority="low"
  ></script>




<script
  src="//rockrevival.com/cdn/shop/t/79/assets/auto-close-details.js?v=58350291535404441581780961825"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
      cart_count: `Total items in cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//rockrevival.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
       url("//rockrevival.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//rockrevival.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//rockrevival.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//rockrevival.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
       url("//rockrevival.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//rockrevival.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//rockrevival.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//rockrevival.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
       url("//rockrevival.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//rockrevival.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
       url("//rockrevival.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
}


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

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

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

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

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

    /* Font families */
    --font-body--family: Inter, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Inter, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 500;
    --font-heading--family: Inter, sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 700;
    --font-accent--family: Inter, sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 700;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    --scroll-margin: 50px;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-secondary--family);
    --cart-secondary-font-style: var(--font-secondary--style);
    --cart-secondary-font-weight: var(--font-secondary--weight);
  }
</style>


<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(45 45 47 / 1.0);
        --color-foreground-rgb: 45 45 47;
        --color-foreground-heading: rgb(45 45 47 / 1.0);
        --color-foreground-heading-rgb: 45 45 47;
        --color-primary: rgb(45 45 47 / 1.0);
        --color-primary-rgb: 45 45 47;
        --color-primary-hover: rgb(221 99 0 / 1.0);
        --color-primary-hover-rgb: 221 99 0;
        --color-border: rgb(45 45 47 / 0.06);
        --color-border-rgb: 45 45 47;
        --color-shadow: rgb(45 45 47 / 1.0);
        --color-shadow-rgb: 45 45 47;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(221 99 0 / 1.0);
        --color-primary-button-border: rgb(221 99 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(196 88 0 / 1.0);
        --color-primary-button-hover-border: rgb(196 88 0 / 1.0);
        --color-secondary-button-text: rgb(45 45 47 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(45 45 47 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(45 45 47 / 1.0);
        --color-secondary-button-hover-border: rgb(45 45 47 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(45 45 47 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(45 45 47 / 0.13);
        --color-variant-text: rgb(45 45 47 / 1.0);
        --color-variant-text-rgb: 45 45 47;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(45 45 47 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(45 45 47 / 1.0);
        --color-selected-variant-border: rgb(45 45 47 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

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

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(245 245 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 245 245 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(45 45 47 / 1.0);
        --color-foreground-rgb: 45 45 47;
        --color-foreground-heading: rgb(45 45 47 / 1.0);
        --color-foreground-heading-rgb: 45 45 47;
        --color-primary: rgb(45 45 47 / 1.0);
        --color-primary-rgb: 45 45 47;
        --color-primary-hover: rgb(221 99 0 / 1.0);
        --color-primary-hover-rgb: 221 99 0;
        --color-border: rgb(223 223 223 / 1.0);
        --color-border-rgb: 223 223 223;
        --color-shadow: rgb(45 45 47 / 1.0);
        --color-shadow-rgb: 45 45 47;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(221 99 0 / 1.0);
        --color-primary-button-border: rgb(221 99 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(196 88 0 / 1.0);
        --color-primary-button-hover-border: rgb(196 88 0 / 1.0);
        --color-secondary-button-text: rgb(45 45 47 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(45 45 47 / 1.0);
        --color-secondary-button-hover-text: rgb(45 45 47 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(45 45 47 / 0.53);
        --color-input-text-rgb: 45 45 47;
        --color-input-border: rgb(45 45 47 / 0.13);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(45 45 47 / 1.0);
        --color-variant-text-rgb: 45 45 47;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(45 45 47 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(45 45 47 / 1.0);
        --color-selected-variant-border: rgb(45 45 47 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

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

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

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

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(225 237 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 225 237 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(45 45 47 / 0.81);
        --color-foreground-rgb: 45 45 47;
        --color-foreground-heading: rgb(45 45 47 / 1.0);
        --color-foreground-heading-rgb: 45 45 47;
        --color-primary: rgb(45 45 47 / 0.81);
        --color-primary-rgb: 45 45 47;
        --color-primary-hover: rgb(45 45 47 / 1.0);
        --color-primary-hover-rgb: 45 45 47;
        --color-border: rgb(29 54 134 / 0.5);
        --color-border-rgb: 29 54 134;
        --color-shadow: rgb(45 45 47 / 1.0);
        --color-shadow-rgb: 45 45 47;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(45 45 47 / 1.0);
        --color-primary-button-border: rgb(29 54 134 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(45 45 47 / 1.0);
        --color-secondary-button-text: rgb(45 45 47 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(45 45 47 / 1.0);
        --color-secondary-button-hover-text: rgb(45 45 47 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(45 45 47 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(45 45 47 / 0.81);
        --color-input-text-rgb: 45 45 47;
        --color-input-border: rgb(45 45 47 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(45 45 47 / 1.0);
        --color-variant-text-rgb: 45 45 47;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(45 45 47 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(45 45 47 / 1.0);
        --color-selected-variant-border: rgb(45 45 47 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

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

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

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

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

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

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

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

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
      }
  
    
    
    
    .color-scheme-orange {
        --color-background: rgb(221 99 0 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 221 99 0;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.8);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(255 255 255 / 0.2);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(45 45 47 / 1.0);
        --color-shadow-rgb: 45 45 47;
        --color-primary-button-text: rgb(221 99 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(45 45 47 / 1.0);
        --color-primary-button-hover-border: rgb(45 45 47 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.1);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.13);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 0.33);
        --color-input-hover-background: rgb(255 255 255 / 0.2);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(255 255 255 / 1.0);
        --color-variant-text: rgb(221 99 0 / 1.0);
        --color-variant-text-rgb: 221 99 0;
        --color-variant-hover-background: rgb(255 255 255 / 1.0);
        --color-variant-hover-text: rgb(196 88 0 / 1.0);
        --color-variant-hover-border: rgb(255 255 255 / 1.0);
        --color-selected-variant-background: rgb(45 45 47 / 1.0);
        --color-selected-variant-border: rgb(45 45 47 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

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

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

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-orange {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="8ov9in4z5xdcj35p49sg4x0bydribv">
<meta name="google-site-verification" content="4jHjMS7McHzs13Pdd7RzDXEKIVrNcGkEkwye-fOZheM">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/67079078037/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="9945fd641b1527b8f3faab4e15af0c87">
<meta id="in-context-paypal-metadata" data-shop-id="67079078037" 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://rockrevival.com/">
<link rel="alternate" hreflang="en" href="https://rockrevival.com/">
<link rel="alternate" hreflang="es" href="https://rockrevival.com/es">
<link rel="alternate" hreflang="de" href="https://rockrevival.com/de">
<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=67079078037" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":67079078037,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/67079078037","merchantName":"Rock Revival®","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Rock Revival®","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"9945fd641b1527b8f3faab4e15af0c87","betas":["rich-media-storefront-analytics"],"domain":"rockrevival.com","predictiveSearch":true,"shopId":67079078037,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "rock-revival-store.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Gasoline v2 (Master) [Live]","id":158361157781,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "rockrevival.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="//rockrevival.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//rockrevival.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:\/\/app.kiwisizing.com\/web\/js\/dist\/kiwiSizing\/plugin\/SizingPlugin.prod.js?v=335\u0026shop=rock-revival-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/685c27d7017d0af777050e3ca00b5c70cfcb234e081e2f99a64c2ec799a032a3\/cdn-scripts.signifyd.com\/shopify\/script-tag.js?shop=rock-revival-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.adscale.com\/static\/ecom_js\/rock-revival-store\/add_item_to_cart.js?ver=20260609\u0026shop=rock-revival-store.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":67079078037,"offset":-25200,"reqid":"6b940f57-c1fb-4ffc-ba0e-ea6ba5b1d531-1781001052","pageurl":"rockrevival.com\/index.css","u":"59199906045c","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//rockrevival.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//rockrevival.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://rockrevival.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://rockrevival.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://rockrevival.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

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

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

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

      </style>
<link rel="compression-dictionary" href="//rockrevival.com/cdn/shop/t/79/compiled_assets/styles.css?v=51341460691637482501780961825" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//rockrevival.com/cdn/shop/t/79/compiled_assets/styles.css?v=51341460691637482501780961825&subset=AHwABAAIDACAAQAAgAANAAxFDgDgAEMgEBGuCSA" crossorigin="anonymous">
<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/WZ6Tat/klaviyo.js?company_id=WZ6Tat"></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 --><!-- BEGIN app block: shopify://apps/redo/blocks/redo_app_embed/c613644b-6df4-4d11-b336-43a5c06745a1 --><!-- BEGIN app snippet: env -->

<script>
  if (typeof process === "undefined") {
    process = {};
  }
  process.env ??= {};
  process.env.AMPLITUDE_API_KEY = "b5eacb35b49c693d959231826b35f7ca";
  process.env.REDO_API_URL = "https://shopify-cdn.getredo.com";
  process.env.REDO_CHAT_WIDGET_URL = "https://chat-widget.getredo.com";
  process.env.REDO_RETURN_APP_URL = "https://returns.getredo.com";
  process.env.REDO_SHOPIFY_SERVER_URL = "https://shopify-server.getredo.com";

  if (typeof window.redoStorefront === "undefined") {
    window.redoStorefront = {
      type: "shopify"
    };
  }
  window.redoStorefront.env ??= {};
  window.redoStorefront.env.AMPLITUDE_API_KEY = "b5eacb35b49c693d959231826b35f7ca";
  window.redoStorefront.env.REDO_API_URL = "https://shopify-cdn.getredo.com";
  window.redoStorefront.env.REDO_CHAT_WIDGET_URL = "https://chat-widget.getredo.com";
  window.redoStorefront.env.REDO_RETURN_APP_URL = "https://returns.getredo.com";
  window.redoStorefront.env.REDO_SHOPIFY_SERVER_URL = "https://shopify-server.getredo.com";
</script>
<script>
try {
  if (typeof window.redoStorefrontStaging === "undefined") {
    window.redoStorefrontStaging = {
      type: "shopify",
      storeUrl: "rock-revival-store.myshopify.com",
      shopify: {
        customDomain: "rockrevival.com",
        permanentDomain: "rock-revival-store.myshopify.com"
      }
    };
  }
} catch {}
</script><!-- END app snippet -->
<script>
  (function() {
    const parts = navigator.userAgent.split(" ").map(part => btoa(part)).join("").replace(/=/g, "").toLowerCase();
    if (!parts.includes("2hyb21lluxpz2h0ag91c2") && !parts.includes("w90bwzwcg93zxikdiwmjipk")) {
      const script = document.createElement("script");
      script.async = true;
      script.src = "https://cdn.shopify.com/extensions/019eab46-e300-76ef-93ef-17b7dadfeda3/redo-v1.228043/assets/main.js";
      document.head.appendChild(script);
    }
  })();
</script>

<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
<script>
/* >> TriplePixel :: start*/
window.TriplePixelData={TripleName:"rock-revival-store.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:""},search:"",collection:"",cart:"drawer",template:"index",curr:"USD" || "USD"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage);
/* << TriplePixel :: end*/
</script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/loyalty-widget-v2/bb689e69-ea70-4661-8fb7-ad24a2e23c29 -->
    <script type="application/json" id="oke-loyalty-v2">
        {
            "okeLoyaltyV2": true
        }
    </script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->







    <script id="okeReferralSettings" type="application/json">{"subscriberId":"19524961-745a-40e0-985a-fd567d69f9ad","matchCustomerLocale":false,"localeAndVariant":{"code":"en"},"referralSettings":{"referralsDisabled":false,"rewardSet":{"sender":{"type":"loyalty","integration":"okendo","basePointsAmount":100,"vipTierPointRules":{"9ea1847b-d9ae-4b35-9a78-de9a33342e07":{"isActive":true,"isDefault":true,"pointsAmount":100},"bd8b3ac7-5e87-4c4d-a5c2-ad6efffcddb3":{"isActive":true,"pointsAmount":100},"d9ab5bb7-bf89-46c6-9863-dd155b93da9c":{"isActive":true,"pointsAmount":100},"ca49b660-62c4-4434-aeba-45fccf0857b8":{"isActive":true,"pointsAmount":100}}},"recipient":{"type":"coupon","description":"10% off your first order","value":10,"valueType":"percentage"}},"terms":{"enabled":false},"textContentSet":{"recipient":{"titleText":"Enter your email to receive your coupon"},"sender":{"titleText":"Refer a friend to get a coupon"}},"showMarketingOptIn":true,"socialShare":{"options":{"sms":true,"twitter":true,"whatsApp":true,"facebookMessenger":true,"facebook":true},"defaultText":"I love Rock Revival®! Use this link to get a discount!","displayType":"monochrome","style":{"fillColor":"#DD6300","backgroundColor":"#FFFFFF"}},"style":{"button":{"hoverBackgroundColor":"#000000","backgroundColor":"#000000","hoverTextColor":"#FFFFFF","textColor":"#FFFFFF"},"text":{"primaryColor":"#000000","fontFamily":"Inter","secondaryColor":"#000000"},"hideOkendoBranding":true,"bubble":{"textColor":"#000000","backgroundColor":"#C3C3C3"},"removeBorderRadius":true,"textField":{"border":{"color":"#C3C3C3","focusColor":"#000000","focusShadowColor":"#C3C3C3"}}}}}</script><script type="text/javascript" defer="" src="https://d3hw6dc1ow8pp2.cloudfront.net/referrals/js/referrals-api.js"></script>






    
        <style data-oke-reviews-version="0.94.3" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/okendo-reviews-styles.6dbb2446.css"></style><style data-oke-reviews-version="0.94.3" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.94.3" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-reviews-keywords.0942444f.css"></style><style data-oke-reviews-version="0.94.3" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:""}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:""}.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:""}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:""}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:""}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:""}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:""}@font-face{font-family:oke-widget-icons;src:url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://cdn-static.okendo.io/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{cursor:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 12px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 24px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}to{opacity:1}}.layout-panel-flex>div:has([data-oke-container]){width:100%}
.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"}
.oke-rk{display:block}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading,div.okeReviews .oke-reviewsKeywords-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading-skeleton,div.okeReviews .oke-reviewsKeywords-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list,div.okeReviews .oke-reviewsKeywords-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category,div.okeReviews .oke-reviewsKeywords-list-category{background-color:var(--oke-filter-backgroundColor);color:var(--oke-filter-textColor);border:1px solid var(--oke-filter-borderColor);border-radius:var(--oke-filter-borderRadius);padding:6px 16px;transition:background-color .1s ease-out,border-color .1s ease-out;white-space:nowrap}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-clickable,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-clickable{cursor:pointer}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-active,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-active{background-color:var(--oke-filter-backgroundColorActive);color:var(--oke-filter-textColorActive);border-color:var(--oke-filter-borderColorActive)}.okeReviews[data-oke-container] .oke-reviewsKeywords .oke-translateButton,div.okeReviews .oke-reviewsKeywords .oke-translateButton{margin-top:12px}
.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style>
    
    <script type="application/json" id="oke-reviews-settings">{"subscriberId":"19524961-745a-40e0-985a-fd567d69f9ad","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":true,"provider":"gtag"},"locale":"en","localeAndVariant":{"code":"en"},"matchCustomerLocale":false,"widgetSettings":{"global":{"dateSettings":{"format":{"type":"hidden"}},"hideOkendoBranding":true,"reviewTranslationsMode":"per-review","showIncentiveIndicator":false,"searchEnginePaginationEnabled":false,"stars":{"backgroundColor":"#F5F5F5","foregroundColor":"#2D2D2F","interspace":3,"shape":{"type":"default"},"showBorder":false},"font":{"fontType":"inherit-from-page"}},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":25,"scrollBehaviour":"slide","sortOptionOrder":["date desc","has_media desc","helpful desc","rating desc","date asc","rating asc","unhelpful desc"],"style":{"showDates":false,"border":{"color":"#DFDFDF","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"arrows":{"color":"#2D2D2F","size":{"value":33,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":40,"unit":"px"},"enabled":false},"media":{"size":{"value":50,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":false},"stars":{"height":{"value":11,"unit":"px"}},"productImageSize":{"value":24,"unit":"px"},"layout":{"name":"testimonial","reviewDetailsPosition":"below","showAttributeBars":false,"testimonialAlignment":"center","showProductDetails":"never"},"highlightColor":"#2D2D2F","spaceAbove":{"value":0,"unit":"px"},"text":{"primaryColor":"#2D2D2F","fontSizeRegular":{"value":11,"unit":"px"},"fontSizeSmall":{"value":11,"unit":"px"},"secondaryColor":"#2D2D2F"},"spaceBelow":{"value":0,"unit":"px"}},"featuredReviewsTags":["vlGvrST"],"defaultSort":"tags desc","autoPlay":false,"secondarySort":"date desc","truncation":{"bodyMaxLines":3,"truncateAll":false,"enabled":true}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","backgroundColor":"#DD6300","borderColor":"#2D2D2F","stars":{},"textColor":"#FFFFFF","colorScheme":"custom"},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":true},"header":{"columnDistribution":"space-around","verticalAlignment":"top","blocks":[{"columnWidth":"full","modules":[{"name":"rating-average","layout":"two-line"},{"name":"attributes","layout":"stacked","stretchMode":"stretch"}],"textAlignment":"center"}]},"style":{"showDates":false,"border":{"color":"#B6B6B6","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"filters":{"backgroundColorActive":"#878787","backgroundColor":"#FFFFFF","borderColor":"#DBDDE4","borderRadius":{"value":0,"unit":"px"},"borderColorActive":"#878787","textColorActive":"#FFFFFF","textColor":"#2D2D2F","searchHighlightColor":"#ababac"},"avatar":{"enabled":false},"stars":{"height":{"value":11,"unit":"px"}},"shadingColor":"#F7F7F8","productImageSize":{"value":48,"unit":"px"},"button":{"backgroundColorActive":"#2D2D2F","borderColorHover":"#DBDDE4","backgroundColor":"#2D2D2F","borderColor":"#DBDDE4","backgroundColorHover":"#282829","textColorHover":"#454545","borderRadius":{"value":0,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#2D2D2F","textColorActive":"#FFFFFF","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#2D2D2F","spaceAbove":{"value":18,"unit":"px"},"text":{"primaryColor":"#2D2D2F","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeLarge":{"value":20,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#2D2D2F"},"spaceBelow":{"value":18,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#dedede","shadingColor":"#b0b0b0","markerColor":"#2D2D2F"}},"showWhenEmpty":true,"reviews":{"list":{"layout":{"slidesPerPage":{"large":3,"medium":2},"cardLayout":{"reviewDetailsPosition":"above","showProductName":false,"showFullHeightImages":false,"name":"featured","showAttributeBars":false,"showProductVariantName":false,"showProductDetails":"only-when-grouped"},"columnAmount":4,"scrollBehaviour":"slide","name":"carousel","arrows":{"color":"#676986","size":{"value":24,"unit":"px"},"enabled":true},"showProductVariantName":true},"loyalty":{"maxInitialAchievements":3,"showVipTiers":true,"showAchievements":false},"initialPageSize":10,"replyTruncation":{"bodyMaxLines":2,"enabled":true},"media":{"layout":"hidden"},"truncation":{"bodyMaxLines":2,"truncateAll":false,"enabled":true},"loadMorePageSize":10},"controls":{"filterMode":"closed","freeTextSearchEnabled":false,"keywordsFilterEnabled":false,"writeReviewButtonEnabled":true,"defaultSort":"date desc","sortOptionOrder":["date desc","helpful desc","rating desc","date asc","rating asc","unhelpful desc"]}}},"starRatings":{"showWhenEmpty":false,"style":{"spaceAbove":{"value":0,"unit":"px"},"text":{"content":"review-count","style":"number-and-text","brackets":false},"singleStar":false,"height":{"value":11,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"}},"clickBehavior":"none"}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true,"reviewsKeywordsEnabled":true,"reviewsSummariesEnabled":true}}</script>
            <style id="oke-css-vars">:root{--oke-widget-spaceAbove:18px;--oke-widget-spaceBelow:18px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#2d2d2f;--oke-button-backgroundColorHover:#282829;--oke-button-backgroundColorActive:#2d2d2f;--oke-button-textColor:#fff;--oke-button-textColorHover:#454545;--oke-button-textColorActive:#fff;--oke-button-borderColor:#dbdde4;--oke-button-borderColorHover:#dbdde4;--oke-button-borderColorActive:#2d2d2f;--oke-button-borderRadius:0;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#b6b6b6;--oke-border-width:1px;--oke-text-primaryColor:#2d2d2f;--oke-text-secondaryColor:#2d2d2f;--oke-text-small:12px;--oke-text-regular:14px;--oke-text-large:20px;--oke-text-fontFamily:inherit;--oke-avatar-size:undefined;--oke-avatar-backgroundColor:undefined;--oke-avatar-placeholderTextColor:undefined;--oke-highlightColor:#2d2d2f;--oke-shadingColor:#f7f7f8;--oke-productImageSize:48px;--oke-attributeBar-shadingColor:#b0b0b0;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#dedede;--oke-attributeBar-markerColor:#2d2d2f;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#878787;--oke-filter-borderColor:#dbdde4;--oke-filter-borderColorActive:#878787;--oke-filter-textColor:#2d2d2f;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:0;--oke-filter-searchHighlightColor:#ababac;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#2d2d2f;--oke-stars-backgroundColor:#f5f5f5;--oke-stars-borderWidth:0}.oke-w,.oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:var(--oke-text-regular,14px);--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style>
            <style id="oke-reviews-custom-css">.okeReviews.oke-sr{display:block}[data-oke-widget] div.okeReviews[data-oke-container].oke-w{max-width:unset}div.oke-modal .okeReviews[data-oke-container].oke-w,div.okeReviews[data-oke-container] .oke-modal,div.okeReviews[data-oke-container] .oke-modal p,div.okeReviews[data-oke-container] .oke-modal .oke-helpful,div.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,div.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date{color:var(--oke-text-primaryColor)}div.okeReviews[data-oke-container] .oke-reviewContent-title,div.okeReviews .oke-reviewContent-title{font-weight:600;font-size:14px}.okeReviews[data-oke-container].oke-w .oke-button,div.okeReviews .oke-button{text-transform:uppercase;font-weight:700;font-weight:400}.okeReviews[data-oke-container].oke-w .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{box-shadow:initial}.okeReviews.oke-w .oke-is-small .oke-w-reviews-writeReview{width:100%;padding-top:10px}.okeReviews.oke-w .oke-is-small .oke-button,.okeReviews.oke-w .oke-is-small .oke-qw-header-askQuestion{width:100%}div.okeReviews[data-oke-container] .oke-sortSelect-label{margin-right:0}div.okeReviews[data-oke-container] .oke-w-reviews-controls{flex-wrap:wrap}[data-oke-referrals-widget] .c-okeReferralsApp{max-width:600px;width:100%;margin-bottom:50px}div.okeLoyalty .u-textStyle--title{font-size:16px}div.okeLoyalty .c-loginForm-label,div.okeLoyalty .u-textStyle--subtitle,div.okeLoyalty .u-textStyle--body,div.okeLoyalty .c-tabs-list-item-link,div.okeLoyalty .c-button{font-size:14px}</style>
            <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template><script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>










    <script type="application/json" id="oke-loyalty-settings">{"subscriberId":"19524961-745a-40e0-985a-fd567d69f9ad","countryCode":"US","currency":"USD","customerAccountSettings":{"url":"https://shopify.com/67079078037/account","customerAccountsVersion":"new_customer_accounts"},"general":{"pointName":"Point","pointNamePlural":"Points","programName":"Loyalty","storeLoyaltyPagePath":"loyalty","postLoginRedirect":"account-page"},"isLaunched":true,"isVipTiersEnabled":true,"locale":"en","localeAndVariant":{"code":"en"},"storefrontAccessToken":"0bb0d8c3d00792179cf4c85de6a36cb9","style":{"bannerWidget":{"banner":{"icon":"sparkles","backgroundColor":"#DD6300","textHoverColor":"#FFFFFF","textColor":"#FFFFFF","backgroundHoverColor":"#DD6300"},"expanded":{"brandSecondaryColor":"#00EAB6","buttonBackgroundColor":"#DD6300","hideOkendoBranding":true,"buttonBorderColor":"#DD6300","buttonBorderHoverColor":"#DD6300","primaryTextColor":"#000000","brandPrimaryColor":"#DD6300","linkTextColor":"#DD6300","buttonTextColor":"#FFFFFF","secondaryTextColor":"#676986","buttonTextHoverColor":"#FFFFFF","buttonBackgroundHoverColor":"#DD6300"},"hideOkendoBranding":true},"embeddedWidget":{"customisableModules":[{"isOnLoyaltyPage":true,"type":"customisable-join-program","body":"<div>Join RR Rewards for early drops, private sales, and rewards built for the loyal few.</div>","title":"Not everyone gets access.","background":{"color":"#DFDFDF","style":"color"},"styleSettingsOverrides":null},{"isOnLoyaltyPage":true,"headingEnabled":false,"background":{"color":"#FFFFFF","style":"color"},"styleVariant":"cards","type":"customisable-profile","title":null,"styleSettingsOverrides":null,"titleAlign":"center"},{"layout":"grid","isOnLoyaltyPage":true,"headingEnabled":false,"background":{"style":"none"},"hasCards":true,"styleVariant":"icons","imageSize":{"fit":"stretch","height":{"type":"square","cropPosition":"center"}},"type":"customisable-earn","title":null,"styleSettingsOverrides":null,"titleAlign":"left"},{"layout":"grid","isOnLoyaltyPage":true,"headingEnabled":false,"background":{"color":"#FFFFFF","style":"color"},"hasCards":true,"styleVariant":"icons","imageSize":{"fit":"stretch","height":{"type":"portrait","cropPosition":"center"}},"type":"customisable-redeem","title":null,"styleSettingsOverrides":null,"titleAlign":"left"},{"isOnLoyaltyPage":false,"background":{"color":"#DFDFDF","style":"color"},"headingEnabled":true,"imagePosition":"none","styleVariant":"blocks","type":"customisable-faq","titleAlign":"left"},{"isOnLoyaltyPage":false,"background":{"color":"#FFFFFF","style":"color"},"headingEnabled":false,"imagePosition":"none","styleVariant":"cards","type":"customisable-vip-tiers","titleAlign":"left"},{"alignContent":"left","isOnLoyaltyPage":false,"background":{"color":"#DFDFDF","style":"color"},"imagePosition":"none","expandToFullWidth":false,"type":"customisable-refer-friends","justifyContent":"left"},{"isOnLoyaltyPage":false,"background":{"color":"#FFFFFF","style":"color"},"headingEnabled":true,"styleVariant":"small-squares","type":"customisable-how-it-works","steps":[{"title":"Join","body":"Create an account and start earning"},{"title":"Earn","body":"Earn points every time you shop"},{"title":"Redeem","body":"Redeem points for discounts"}],"titleAlign":"left"},{"alignContent":"center","isOnLoyaltyPage":false,"background":{"color":"#DFDFDF","style":"color"},"imagePosition":"right","expandToFullWidth":false,"styleVariant":"half-width-image","imageSize":{"fit":"custom","cropPosition":"center","height":500},"type":"customisable-welcome-header","title":"Welcome To Our Loyalty Program","body":"Join now and start earning rewards","dynamicKey":"19524961-745a-40e0-985a-fd567d69f9ad/ef76a18a-3df5-4363-94e1-b9f3fe1ca1f4","justifyContent":"start"},{"isOnLoyaltyPage":false,"headingEnabled":true,"background":{"color":"#FFFFFF","style":"color"},"hasCards":true,"styleVariant":"grid","type":"customisable-achievements","title":null,"styleSettingsOverrides":null,"titleAlign":"left"},{"isOnLoyaltyPage":false,"type":"customisable-promotions","upcomingPromotionsRange":"none","background":{"color":"#DFDFDF","style":"color"},"styleSettingsOverrides":null,"titleAlign":"center"},{"layout":"grid","isOnLoyaltyPage":false,"background":{"color":"#FFFFFF","style":"color"},"headingEnabled":true,"hasCards":true,"styleVariant":"images","imageSize":{"fit":"stretch","height":{"type":"portrait","cropPosition":"center"}},"type":"customisable-free-product-showcase","titleAlign":"left"}],"style":{"brandSecondaryColor":"#DD6300","buttonBackgroundColor":"#DD6300","buttonBorderColor":"#DD6300","buttonBorderHoverColor":"#DD6300","primaryTextColor":"#111111","brandPrimaryColor":"#DD6300","linkTextColor":"#DD6300","buttonTextColor":"#FFFFFF","secondaryTextColor":"#676986","buttonTextHoverColor":"#FFFFFF","buttonBackgroundHoverColor":"#DD6300"},"hideOkendoBranding":true,"modules":[{"type":"profile"},{"type":"earn"},{"type":"vip-tiers"},{"type":"redeem"},{"type":"refer-friends"},{"type":"faq","displayType":"default"}],"styleSettings":{"button":{"secondary":{"backgroundColor":"#FFFFFF","borderColor":"#2D2D2F","hoverTextColor":"#FFFFFF","borderRadius":{"value":0,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"hoverBorderColor":"#2D2D2F","hoverBackgroundColor":"#2D2D2F","textColor":"#2D2D2F"},"primary":{"backgroundColor":"#2D2D2F","borderColor":"#2D2D2F","hoverTextColor":"#FFFFFF","borderRadius":{"value":0,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"hoverBorderColor":"#2D2D2F","hoverBackgroundColor":"#424244","textColor":"#FFFFFF"}},"general":{"blockSpacing":{"value":100,"unit":"px"},"accentColor":"#2D2D2F","imageBorderRadius":{"value":0,"unit":"px"},"iconColor":"#2D2D2F","iconSize":{"value":24,"unit":"px"},"shadingColor":"#DFDFDF","innerPageMaxWidth":{"value":1200,"unit":"px"}},"text":{"secondary":{"color":"#2D2D2F","font":{"type":"inherit-from-page"}},"h1":{"fontWeight":400,"fontSize":{"value":48,"unit":"px"}},"h2":{"fontWeight":400,"fontSize":{"value":32,"unit":"px"}},"h3":{"fontWeight":400,"fontSize":{"value":16,"unit":"px"}},"body":{"emphasisFontWeight":600,"fontWeight":400,"fontSize":{"value":12,"unit":"px"}},"primary":{"color":"#2D2D2F","font":{"type":"inherit-from-page"}}},"card":{"fillColor":"#FFFFFF","borderColor":"#DFDFDF","borderRadius":{"value":0,"unit":"px"},"textColor":"#2D2D2F","borderWidth":{"value":1,"unit":"px"}}}},"floatingWidget":{"expanded":{"headerTextColor":"#FFFFFF","brandSecondaryColor":"#00EAB6","buttonBackgroundColor":"#DD6300","buttonBorderColor":"#DD6300","buttonBorderHoverColor":"#DD6300","primaryTextColor":"#000000","brandPrimaryColor":"#DD6300","linkTextColor":"#DD6300","buttonTextColor":"#FFFFFF","secondaryTextColor":"#676986","buttonTextHoverColor":"#FFFFFF","buttonBackgroundHoverColor":"#DD6300"},"hideOkendoBranding":true,"bubble":{"backgroundColor":"#DD6300","bubbleColor":"#FFFFFF","mobileStyle":"floating","icon":"gift","textHoverColor":"#FFFFFF","textColor":"#FFFFFF","desktopStyle":"floating","backgroundHoverColor":"#DD6300"},"textContent":{"headerFirstLine":"Welcome to","headerSecondLine":"Rock Revival® Rewards"},"position":"bottom-right","showFloatingWidget":false,"modules":[]},"pointsPreview":{"style":{"icon":"star","iconColor":"#000000","backgroundColor":"#fafafb","linkTextColor":"inherit","borderRadius":"0","primaryTextColor":"inherit"}}}}</script><script src="https://cdn-static.okendo.io/loyalty/js/init-onsite.js" defer></script>

    

    




<!-- END app snippet -->

    <!-- BEGIN app snippet: okendo-reviews-json-ld -->
<!-- END app snippet -->

<!-- BEGIN app snippet: widget-plus-initialisation-script -->




    <script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>

<!-- END app snippet -->


<!-- END app block --><script src="https://cdn.shopify.com/extensions/019d43d1-bbad-7de5-bd49-ea6de5e8ca58/accessibly-app-30/assets/acc-main.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 67079078037,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: 67079078037,storefrontBaseUrl: "https://rockrevival.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":"2520055957","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"567c2173808a52ca4324b6189b3e28f8","type":"APP","apiClientId":5940125,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2490794133","configuration":"{ \"alias\": \"ROCK_REVIVAL_STORE\", \"apiKey\": \"ux4ung2maf2gh5lxklpkp.fc64n2iubntb63ae5o2db\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"089c563d4539df58b1e71259ac47d388","type":"APP","apiClientId":6779637,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2139553941","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c8487c7c444b18c27bae9204744ebff8","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2106589333","configuration":"{\"shopId\":\"rock-revival-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2106523797","configuration":"{\"shop\":\"rock-revival-store.myshopify.com\", \"shopliftUrl\":\"https:\/\/events.shoplift.ai\/api\/events\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"24c9ecc3cab2a5cad14f04750f74c9f1","type":"APP","apiClientId":7521861633,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1892614293","configuration":"{\"shopToken\":\"ZlNsS2laNlNuTXFFUXQxMUFMTmkycy9UbVRRUHE3TFI5Zz09LS1ZdXlxZnRXYVhtSnA3MCt4LS12ak9UN3VkWEViNjNiN2dlZGpuMDB3PT0=\",\"trackingUrl\":\"https:\\\/\\\/events-ocu.zipify.com\\\/events\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"900ed9c7affd21e82057ec2f7c1b4546","type":"APP","apiClientId":4339901,"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"},{"id":"1856012437","configuration":"{\"accountID\":\"019a604f-4aaf-771d-b0c3-16a9d8278c6d\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"323b887d0fbf730f65b11b2fffff31c2","type":"APP","apiClientId":262852313089,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1844740245","configuration":"{\"accountID\":\"01982e43-d098-42e4-87e4-4a1227e4073c\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a28b838aed79eff02fcca912bdccb6f5","type":"APP","apiClientId":2376822,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1670906005","configuration":"{\"accountID\":\"WZ6Tat\",\"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":"1662681237","configuration":"{\"widgetId\":\"o4hto3y8eiqul9x\",\"baseRequestUrl\":\"https:\\\/\\\/shopify-server.getredo.com\\\/widgets\",\"splitEnabled\":\"false\",\"customerAccountsEnabled\":\"true\",\"conciergeSplitEnabled\":\"false\",\"marketingEnabled\":\"false\",\"expandedWarrantyEnabled\":\"false\",\"storefrontSalesAIEnabled\":\"false\",\"conversionEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5341777be12400b55bad10d26cdc3ea2","type":"APP","apiClientId":3426665,"privacyPurposes":["ANALYTICS","MARKETING"],"capabilities":["advanced_dom_events"],"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":"1514406037","configuration":"{\"shopDomain\":\"rock-revival-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ee36ad44d7408f9c8304a1e7e00353f3","type":"APP","apiClientId":2436932,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1390182549","configuration":"{\"pixelCode\":\"D20MRAJC77U6IU2RL150\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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":[]},"dataSharingState":"optimized"},{"id":"1319534741","configuration":"{\"shopId\":\"rock-revival-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18c43ac6a9a3d01c03b6328dc08a99e5","type":"APP","apiClientId":2753413,"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":"1060077717","configuration":"{\"tagID\":\"2613730120905\"}","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":"925204629","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\",\\\"GT-NNSC8R4Z\\\",\\\"GT-MQJZ3C23\\\",\\\"GT-NNS8DM8R\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\/i7FtCMHJ-6UaEPyJ2ecq\\\",\\\"MC-ZG0KLERCTF\\\",\\\"MC-7QKWWKRV21\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\/fIRjCLXJ-6UaEPyJ2ecq\\\",\\\"MC-ZG0KLERCTF\\\",\\\"MC-7QKWWKRV21\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\/r4mFCL7J-6UaEPyJ2ecq\\\",\\\"MC-24JNYK3HQ0\\\",\\\"MC-ZG0KLERCTF\\\",\\\"MC-7QKWWKRV21\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\/fkzrCLLJ-6UaEPyJ2ecq\\\",\\\"MC-24JNYK3HQ0\\\",\\\"AW-11491755260\\\/ZqyXCNnrsPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/gUQVCIywq_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/I8jhCOrtsPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/MsbQCJCrq_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/X9nLCPKyn_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/WG0ACJytn_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/cdefCN-sq_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/mpE0CLW6n_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/gF9PCJHusPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/xj3dCLC4n_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/2MJJCJ3usPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/wGo4CLHtsPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/C4zBCMG0n_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/FZQWCKi2n_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/061BCIe0q_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/pGNSCMyoq_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/bYXaCLCyn_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/F1rLCJPqsPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/PrAMCIqzn_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/nO7hCIjusPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/Q1KHCI3zsPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/ZqqNCPy2n_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/DQyZCP_2sPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/NnhJCOLxsPYZEPyJ2ecq\\\",\\\"AW-11491755260\\\/SMAOCMOJn_YZEPyJ2ecq\\\",\\\"AW-11491755260\\\/ZrrMCP-5n_YZEPyJ2ecq\\\",\\\"MC-ZG0KLERCTF\\\",\\\"MC-7QKWWKRV21\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\/_ECRCLvJ-6UaEPyJ2ecq\\\",\\\"MC-24JNYK3HQ0\\\",\\\"MC-ZG0KLERCTF\\\",\\\"MC-7QKWWKRV21\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\/JDpvCMTJ-6UaEPyJ2ecq\\\",\\\"MC-ZG0KLERCTF\\\",\\\"MC-7QKWWKRV21\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-MDD565XP65\\\",\\\"AW-11491755260\\\/rvs2CLjJ-6UaEPyJ2ecq\\\",\\\"MC-ZG0KLERCTF\\\",\\\"MC-7QKWWKRV21\\\"]}],\\\"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":"862290069","configuration":"{\"accountID\":\"AdScaleWepPixel\",\"adscaleShopHost\":\"rock-revival-store\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"fd09d49fa6133eb75bf9e72f0ef8df2e","type":"APP","apiClientId":1807201,"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":"780861589","configuration":"{\"pixel_id\":\"548977544955108\",\"pixel_type\":\"facebook_pixel\"}","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":"132120725","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"AdScale"},{"id":"151388309","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Signifyd Device Profiling"},{"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":"Rock Revival®","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"rock-revival-store.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/rockrevival.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://rockrevival.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"67079078037","storefrontBaseUrl":"https:\/\/rockrevival.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":"6b940f57-c1fb-4ffc-ba0e-ea6ba5b1d531-1781001052"}};
  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: 67079078037,
      theme_id: 158361157781,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//rockrevival.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

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

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":67079078037,"isMerchantRequest":null,"themeId":158361157781,"themeCityHash":"16598594637228877830","contentLanguage":"en","currency":"USD","eventMetadataId":"97313933-8298-4fd6-a9c3-dc60c4ab4d8a"},"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":"6b940f57-c1fb-4ffc-ba0e-ea6ba5b1d531-1781001052","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 = "//rockrevival.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://rockrevival.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="67079078037"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="158361157781"
  data-theme-name="Horizon"
  data-theme-version="3.5.1"
  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://rockrevival.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"67079078037","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"},{"handle":"Facebook"},{"handle":"Google"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
</head>

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



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



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

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

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AbXQ4amxCRW5mVjJ4K__announcement_BxgCk9
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 0.625rem;        font-size: 0.625rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      Free shipping on orders over $200
    </p>

    
  </slideshow-slide>



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




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









<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Rock Revival®",
    
      "logo": "https:\/\/rockrevival.com\/cdn\/shop\/files\/Layer_4.svg?v=1776210641\u0026width=500",
    
    "url": "https:\/\/rockrevival.com"
  }
</script>

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

    

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



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

<script
  src="//rockrevival.com/cdn/shop/t/79/assets/header-drawer.js?v=121243031541024704371780961825"
  type="module"
  fetchpriority="low"
></script>

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

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

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

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

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

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

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

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--deep"
              >
                

                  
                  <accordion-custom
  
  
  
  
  
  
  
  
  
>
  
                    <details
                      id="Details-menu-drawer-men"
                    >
                      <summary
                        id="HeaderDrawer-men"
                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      >
                        <span class="menu-drawer__menu-item-text wrap-text">Men<span class="menu-drawer__scroll-hint"> SCROLL FOR MORE</span></span>
                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                      </summary>
                      <ul
                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid"
                        role="list"
                        tabindex="-1"
                      ><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 1;"
                          >
                            <a
                              id="HeaderDrawer-men-shop-all"
                              href="/collections/men"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255041_Final.jpg?v=1780970423&amp;width=800" alt="Rock Revival men&#39;s jeans and apparel collection" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255041_Final.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255041_Final.jpg?v=1780970423&amp;width=800 800w" width="800" height="1000" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Shop All</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 2;"
                          >
                            <a
                              id="HeaderDrawer-men-straight-jeans"
                              href="/collections/men-straight-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Blue_10-24-25_KyloJ2001_Final_Final_JPEG.webp?v=1780970405&amp;width=800" alt="Rock Revival men&#39;s straight leg jeans — premium stretch denim from LA" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Blue_10-24-25_KyloJ2001_Final_Final_JPEG.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Blue_10-24-25_KyloJ2001_Final_Final_JPEG.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Straight Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 3;"
                          >
                            <a
                              id="HeaderDrawer-men-bootcut-jeans"
                              href="/collections/men-bootcut-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/ranch-guys_46b702b8-e08d-41be-ba26-d1ea917cbba5.webp?v=1780970405&amp;width=800" alt="Rock Revival men&#39;s bootcut jeans with signature Fleur-de-Lis embroidery" srcset="//rockrevival.com/cdn/shop/collections/ranch-guys_46b702b8-e08d-41be-ba26-d1ea917cbba5.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/ranch-guys_46b702b8-e08d-41be-ba26-d1ea917cbba5.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Bootcut Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 4;"
                          >
                            <a
                              id="HeaderDrawer-men-baggy-jeans"
                              href="/collections/men-baggy-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/COLOSSUS-012_dcfa7de7-d32f-49ff-a2ec-f34cf0dcb6d8.jpg?v=1780970415&amp;width=800" alt="Rock Revival men&#39;s baggy jeans — relaxed fit premium denim" srcset="//rockrevival.com/cdn/shop/collections/COLOSSUS-012_dcfa7de7-d32f-49ff-a2ec-f34cf0dcb6d8.jpg?v=1780970415&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/COLOSSUS-012_dcfa7de7-d32f-49ff-a2ec-f34cf0dcb6d8.jpg?v=1780970415&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Baggy Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 5;"
                          >
                            <a
                              id="HeaderDrawer-men-shorts"
                              href="/collections/men-denim-shorts"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RedCargoShorts38_Final_BootRetouch.webp?v=1780970423&amp;width=800" alt="Rock Revival men&#39;s denim shorts — premium stretch denim" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RedCargoShorts38_Final_BootRetouch.webp?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RedCargoShorts38_Final_BootRetouch.webp?v=1780970423&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Shorts</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 6;"
                          >
                            <a
                              id="HeaderDrawer-men-tops"
                              href="/collections/men-tops"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RT1009H118_Final_d811bc29-167e-466a-9829-1a5d7b298538.webp?v=1780970433&amp;width=800" alt="Rock Revival men&#39;s tees and hoodies" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RT1009H118_Final_d811bc29-167e-466a-9829-1a5d7b298538.webp?v=1780970433&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RT1009H118_Final_d811bc29-167e-466a-9829-1a5d7b298538.webp?v=1780970433&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Tops</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 7;"
                          >
                            <a
                              id="HeaderDrawer-men-sleaze-revival"
                              href="/collections/men-low-rise-sleaze-revival"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2200__1.jpg?v=1780970434&amp;width=800" alt="Rock Revival Sleaze Revival collection — bold premium denim from LA" srcset="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2200__1.jpg?v=1780970434&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/CHARLIE-RK2200__1.jpg?v=1780970434&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Sleaze Revival</span>
                            </a>
                          </li></ul>
                    </details>
                  
</accordion-custom>





                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--deep"
              >
                

                  
                  <accordion-custom
  
  
  
  
  
  
  
  
  
>
  
                    <details
                      id="Details-menu-drawer-womens"
                    >
                      <summary
                        id="HeaderDrawer-womens"
                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      >
                        <span class="menu-drawer__menu-item-text wrap-text">Womens<span class="menu-drawer__scroll-hint"> SCROLL FOR MORE</span></span>
                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                      </summary>
                      <ul
                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid"
                        role="list"
                        tabindex="-1"
                      ><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 1;"
                          >
                            <a
                              id="HeaderDrawer-womens-shop-all"
                              href="/collections/women"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255071_Final.jpg?v=1780970423&amp;width=800" alt="Rock Revival women&#39;s jeans and apparel collection" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255071_Final.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255071_Final.jpg?v=1780970423&amp;width=800 800w" width="800" height="1000" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Shop All</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 2;"
                          >
                            <a
                              id="HeaderDrawer-womens-low-rise-jeans"
                              href="/collections/women-low-rise-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_AliviaF29136_Final.webp?v=1780970405&amp;width=800" alt="Rock Revival low-rise jeans for women — iconic silhouette since 2005" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_AliviaF29136_Final.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_AliviaF29136_Final.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Low-Rise Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 3;"
                          >
                            <a
                              id="HeaderDrawer-womens-bootcut-jeans"
                              href="/collections/women-bootcut-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_EliasB200K13_Final.webp?v=1780970405&amp;width=800" alt="Rock Revival women&#39;s bootcut jeans — mid-rise with signature embroidery" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_EliasB200K13_Final.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_EliasB200K13_Final.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Bootcut Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 4;"
                          >
                            <a
                              id="HeaderDrawer-womens-straight-jeans"
                              href="/collections/women-straight-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Hailey_11-19-25_TamikoJ207110_Final_dd6d2500-ea4c-4413-ac3e-e30a166f61c4.webp?v=1780970405&amp;width=800" alt="Rock Revival women&#39;s straight leg jeans — designed in Los Angeles" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Hailey_11-19-25_TamikoJ207110_Final_dd6d2500-ea4c-4413-ac3e-e30a166f61c4.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Hailey_11-19-25_TamikoJ207110_Final_dd6d2500-ea4c-4413-ac3e-e30a166f61c4.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Straight Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 5;"
                          >
                            <a
                              id="HeaderDrawer-womens-baggy-jeans"
                              href="/collections/women-baggy-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/COLOSSUS-002.jpg?v=1780970415&amp;width=800" alt="Rock Revival women&#39;s baggy jeans — relaxed fit premium denim" srcset="//rockrevival.com/cdn/shop/collections/COLOSSUS-002.jpg?v=1780970415&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/COLOSSUS-002.jpg?v=1780970415&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Baggy Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 6;"
                          >
                            <a
                              id="HeaderDrawer-womens-skinny-jeans"
                              href="/collections/women-skinny-jeans"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_1-22-26_CamilleRS21141_Final_1b2f7279-51bc-4803-a904-41d9f5bf2df5.webp?v=1780970405&amp;width=800" alt="Rock Revival women&#39;s skinny jeans — premium stretch denim from LA" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_1-22-26_CamilleRS21141_Final_1b2f7279-51bc-4803-a904-41d9f5bf2df5.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_1-22-26_CamilleRS21141_Final_1b2f7279-51bc-4803-a904-41d9f5bf2df5.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Skinny Jeans</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 7;"
                          >
                            <a
                              id="HeaderDrawer-womens-shorts-skirts"
                              href="/collections/women-denim-shorts"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_GwenI2132_Final.webp?v=1780970414&amp;width=800" alt="Rock Revival women&#39;s denim shorts and skirts collection" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_GwenI2132_Final.webp?v=1780970414&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_GwenI2132_Final.webp?v=1780970414&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Shorts &amp; Skirts</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 8;"
                          >
                            <a
                              id="HeaderDrawer-womens-tops"
                              href="/collections/women-tops"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RRW040-TT35-WHITE.webp?v=1780970433&amp;width=800" alt="Rock Revival women&#39;s tees and hoodies" srcset="//rockrevival.com/cdn/shop/collections/RRW040-TT35-WHITE.webp?v=1780970433&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RRW040-TT35-WHITE.webp?v=1780970433&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Tops</span>
                            </a>
                          </li></ul>
                    </details>
                  
</accordion-custom>





                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--deep"
              >
                

                  
                  <accordion-custom
  
  
  
  
  
  
  
  
  
>
  
                    <details
                      id="Details-menu-drawer-accessories"
                    >
                      <summary
                        id="HeaderDrawer-accessories"
                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      >
                        <span class="menu-drawer__menu-item-text wrap-text">Accessories<span class="menu-drawer__scroll-hint"> SCROLL FOR MORE</span></span>
                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                      </summary>
                      <ul
                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid"
                        role="list"
                        tabindex="-1"
                      ><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 1;"
                          >
                            <a
                              id="HeaderDrawer-accessories-jewelry"
                              href="/collections/jewelry"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_KingBaby_3-15-25_Final_34.jpg?v=1780970423&amp;width=800" alt="Rock Revival sterling silver jewelry — handcrafted in Los Angeles" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_KingBaby_3-15-25_Final_34.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_KingBaby_3-15-25_Final_34.jpg?v=1780970423&amp;width=800 800w" width="800" height="1067" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Jewelry</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 2;"
                          >
                            <a
                              id="HeaderDrawer-accessories-shoes"
                              href="/collections/shoes"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2202__4.webp?v=1780970434&amp;width=800" alt="Rock Revival men&#39;s shoes collection" srcset="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2202__4.webp?v=1780970434&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/CHARLIE-RK2202__4.webp?v=1780970434&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Shoes</span>
                            </a>
                          </li></ul>
                    </details>
                  
</accordion-custom>





                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--deep"
              >
                

                  
                  <accordion-custom
  
  
  
  
  
  
  
  
  
>
  
                    <details
                      id="Details-menu-drawer-sale"
                    >
                      <summary
                        id="HeaderDrawer-sale"
                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      >
                        <span class="menu-drawer__menu-item-text wrap-text">Sale<span class="menu-drawer__scroll-hint"> SCROLL FOR MORE</span></span>
                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                      </summary>
                      <ul
                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid"
                        role="list"
                        tabindex="-1"
                      ><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 1;"
                          >
                            <a
                              id="HeaderDrawer-sale-men"
                              href="/collections/men-sale"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/Heatwaves3.jpg?v=1780970414&amp;width=800" alt="Rock Revival men&#39;s sale — premium denim at reduced prices" srcset="//rockrevival.com/cdn/shop/collections/Heatwaves3.jpg?v=1780970414&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/Heatwaves3.jpg?v=1780970414&amp;width=800 800w" width="800" height="741" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Men</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 2;"
                          >
                            <a
                              id="HeaderDrawer-sale-women"
                              href="/collections/women-sale"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                              
                            >
                              
                                


  
    <img src="//rockrevival.com/cdn/shop/collections/Heatwaves3_8d0f9682-7fde-449e-8570-6c2cd6962300.jpg?v=1780970423&amp;width=800" alt="Rock Revival women&#39;s sale — premium denim at reduced prices" srcset="//rockrevival.com/cdn/shop/collections/Heatwaves3_8d0f9682-7fde-449e-8570-6c2cd6962300.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/Heatwaves3_8d0f9682-7fde-449e-8570-6c2cd6962300.jpg?v=1780970423&amp;width=800 800w" width="800" height="1000" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                              
                              <span class="menu-drawer__menu-item-text wrap-text">Women</span>
                            </a>
                          </li></ul>
                    </details>
                  
</accordion-custom>





                
              </li>
              <li
                style="--menu-drawer-animation-index: 5;"
                class="menu-drawer__list-item--deep"
              >
                

                  <accordion-custom
  
  
  
  
  
  
  
  
  
>
  
                    <details id="Details-menu-drawer-collaborations">
                      <summary
                        id="HeaderDrawer-collaborations"
                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      >
                        <span class="menu-drawer__menu-item-text wrap-text">Collaborations<span class="menu-drawer__scroll-hint"> SCROLL FOR MORE</span></span>
                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                      </summary>
                      <ul
                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid"
                        role="list"
                        tabindex="-1"
                      ><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 1;"
                          >
                            <a
                              href="/collections/jaded-london"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                            ><img
                                  src="//rockrevival.com/cdn/shop/collections/rr_x_jaded_edits10_1bce2d39-5b93-4590-867a-89a7951b3a0f.jpg?v=1780970434&width=400"
                                  alt="Jaded London by Rock Revival"
                                  class="menu-drawer__link-image"
                                  loading="eager"
                                ><span class="menu-drawer__menu-item-text wrap-text">Jaded London by Rock Revival</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 2;"
                          >
                            <a
                              href="/collections/rock-revival-by-424"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                            ><img
                                  src="//rockrevival.com/cdn/shop/collections/424_Scan_Final.jpg?v=1780970434&width=400"
                                  alt="Rock Revival x 424"
                                  class="menu-drawer__link-image"
                                  loading="eager"
                                ><span class="menu-drawer__menu-item-text wrap-text">Rock Revival x 424</span>
                            </a>
                          </li></ul>
                    </details>
                  
</accordion-custom>





                
              </li>
              <li
                style="--menu-drawer-animation-index: 6;"
                class="menu-drawer__list-item--deep"
              >
                

                  <accordion-custom
  
  
  
  
  
  
  
  
  
>
  
                    <details id="Details-menu-drawer-discover">
                      <summary
                        id="HeaderDrawer-discover"
                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      >
                        <span class="menu-drawer__menu-item-text wrap-text">Discover<span class="menu-drawer__scroll-hint"> SCROLL FOR MORE</span></span>
                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                      </summary>
                      <ul
                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid"
                        role="list"
                        tabindex="-1"
                      ><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 1;"
                          >
                            <a
                              href="/blogs/articles/424-x-rock-revival%C2%AE-ss2026"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                            ><img
                                  src="//rockrevival.com/cdn/shop/articles/DSC4223_web_33397053-69bb-4a21-88f6-c5e1710a3606.jpg?v=1779230419&width=400"
                                  alt="424 x Rock Revival SS26"
                                  class="menu-drawer__link-image"
                                  loading="eager"
                                ><span class="menu-drawer__menu-item-text wrap-text">424 x Rock Revival SS26</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 2;"
                          >
                            <a
                              href="/blogs/articles/baggy-campaign"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                            ><img
                                  src="//rockrevival.com/cdn/shop/articles/RockRevival_MohawkBaggyShoot_5-16-255482_BW_b757f75c-e9c4-4bfd-9296-01e4334a508c.jpg?v=1779230364&width=400"
                                  alt="The Baggy Fit"
                                  class="menu-drawer__link-image"
                                  loading="eager"
                                ><span class="menu-drawer__menu-item-text wrap-text">The Baggy Fit</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 3;"
                          >
                            <a
                              href="/blogs/articles/made-in-the-usa-our-iconic-motifs-now-in-silver"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                            ><img
                                  src="//rockrevival.com/cdn/shop/articles/blogimg1_c8f624fa-cbea-4f5a-a703-50a724cf6871.jpg?v=1779230344&width=400"
                                  alt="Silver, Made in the USA"
                                  class="menu-drawer__link-image"
                                  loading="eager"
                                ><span class="menu-drawer__menu-item-text wrap-text">Silver, Made in the USA</span>
                            </a>
                          </li><li
                            class="menu-drawer__list-item"
                            style="--menu-drawer-animation-index: 4;"
                          >
                            <a
                              href="/blogs/articles/heatwave-in-the-hills"
                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                            ><img
                                  src="//rockrevival.com/cdn/shop/articles/RockRevival_AprilShoot_ElleSkirt_Final_1_69d0b10e-4133-465d-99bb-60fea8bf9d45.png?v=1779230471&width=400"
                                  alt="Heatwave in the Hills"
                                  class="menu-drawer__link-image"
                                  loading="eager"
                                ><span class="menu-drawer__menu-item-text wrap-text">Heatwave in the Hills</span>
                            </a>
                          </li></ul>
                    </details>
                  
</accordion-custom>





                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 6;"
      >
        
        
          
          
            <drawer-localization-component class="menu-drawer__localization">
              <details
                id="drawer-localization"
                class="drawer-localization"
                on:toggle="/toggle"
              >
                <summary
                  id="HeaderDrawer-localization"
                  class="drawer-localization__button h3 link focus-inset"
                  aria-expanded="false"
                  on:click="header-drawer/open/submenu"
                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
                >
                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span
                            class="icon-flag"
                            style="
                              background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
                              --size-shadow: 2px;
                              --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
                            "
                          ></span><span class="currency-code">USD</span>
                      </div><span>/</span><div class="mobile-localization mobile-localization--country link">
                        <span>
                          EN
                        </span>
                      </div></div>
                  <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </summary>

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

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

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

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

    
      <div class="language-selector top-shadow">
        <h2
          class="visually-hidden"
          id="drawer-LanguageLabel"
        >
          Language
        </h2>
        
          <span class="language-selector__label">Language</span>
        
        <select
          id="drawerSelect"
          class="localization-form__select"
          name="language_code"
          aria-label="Language"
          ref="languageInput"
          on:change="/changeLanguage"
        ><option
              value="en"
              lang="en"
              
                selected
              
            >
              English
            </option><option
              value="es"
              lang="es"
              
            >
              Español
            </option><option
              value="de"
              lang="de"
              
            >
              Deutsch
            </option></select>
        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </div>
    
</form></localization-form-component>



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

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




    </div>

  

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




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

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

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




            
        
      
        
          
              



    

    

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

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

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

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

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

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/men"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-1"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Men</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-1"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    --menu-child-active-font-color: var(--color-foreground);
  
"
              >
                  <div class="mega-menu section section--full-width-margin section--full-width">
                    <div
                      class="mega-menu__grid"
                      data-menu-grid-id="MegaMenuList-1"
                    >
                      
<ul
  data-menu-list-id="MegaMenuList-1"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255041_Final.jpg?v=1780970423&amp;width=800" alt="Rock Revival men&#39;s jeans and apparel collection" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255041_Final.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255041_Final.jpg?v=1780970423&amp;width=800 800w" width="800" height="1000" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Shop All</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men-straight-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Blue_10-24-25_KyloJ2001_Final_Final_JPEG.webp?v=1780970405&amp;width=800" alt="Rock Revival men&#39;s straight leg jeans — premium stretch denim from LA" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Blue_10-24-25_KyloJ2001_Final_Final_JPEG.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Blue_10-24-25_KyloJ2001_Final_Final_JPEG.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Straight Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men-bootcut-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/ranch-guys_46b702b8-e08d-41be-ba26-d1ea917cbba5.webp?v=1780970405&amp;width=800" alt="Rock Revival men&#39;s bootcut jeans with signature Fleur-de-Lis embroidery" srcset="//rockrevival.com/cdn/shop/collections/ranch-guys_46b702b8-e08d-41be-ba26-d1ea917cbba5.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/ranch-guys_46b702b8-e08d-41be-ba26-d1ea917cbba5.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Bootcut Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men-baggy-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/COLOSSUS-012_dcfa7de7-d32f-49ff-a2ec-f34cf0dcb6d8.jpg?v=1780970415&amp;width=800" alt="Rock Revival men&#39;s baggy jeans — relaxed fit premium denim" srcset="//rockrevival.com/cdn/shop/collections/COLOSSUS-012_dcfa7de7-d32f-49ff-a2ec-f34cf0dcb6d8.jpg?v=1780970415&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/COLOSSUS-012_dcfa7de7-d32f-49ff-a2ec-f34cf0dcb6d8.jpg?v=1780970415&amp;width=800 800w" width="800" height="1200" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Baggy Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men-denim-shorts"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RedCargoShorts38_Final_BootRetouch.webp?v=1780970423&amp;width=800" alt="Rock Revival men&#39;s denim shorts — premium stretch denim" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RedCargoShorts38_Final_BootRetouch.webp?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RedCargoShorts38_Final_BootRetouch.webp?v=1780970423&amp;width=800 800w" width="800" height="1200" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Shorts</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men-tops"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RT1009H118_Final_d811bc29-167e-466a-9829-1a5d7b298538.webp?v=1780970433&amp;width=800" alt="Rock Revival men&#39;s tees and hoodies" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RT1009H118_Final_d811bc29-167e-466a-9829-1a5d7b298538.webp?v=1780970433&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_8-15-25_RT1009H118_Final_d811bc29-167e-466a-9829-1a5d7b298538.webp?v=1780970433&amp;width=800 800w" width="800" height="1200" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Tops</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men-low-rise-sleaze-revival"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2200__1.jpg?v=1780970434&amp;width=800" alt="Rock Revival Sleaze Revival collection — bold premium denim from LA" srcset="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2200__1.jpg?v=1780970434&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/CHARLIE-RK2200__1.jpg?v=1780970434&amp;width=800 800w" width="800" height="1200" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Sleaze Revival</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
</ul>



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

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



                    </div>
                  </div></div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/women"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-2"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Womens</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-2"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    --menu-child-active-font-color: var(--color-foreground);
  
"
              >
                  <div class="mega-menu section section--full-width-margin section--full-width">
                    <div
                      class="mega-menu__grid"
                      data-menu-grid-id="MegaMenuList-2"
                    >
                      
<ul
  data-menu-list-id="MegaMenuList-2"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255071_Final.jpg?v=1780970423&amp;width=800" alt="Rock Revival women&#39;s jeans and apparel collection" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255071_Final.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_ProductPockets_11-6-255071_Final.jpg?v=1780970423&amp;width=800 800w" width="800" height="1000" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Shop All</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-low-rise-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_AliviaF29136_Final.webp?v=1780970405&amp;width=800" alt="Rock Revival low-rise jeans for women — iconic silhouette since 2005" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_AliviaF29136_Final.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_AliviaF29136_Final.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Low-Rise Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-bootcut-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_EliasB200K13_Final.webp?v=1780970405&amp;width=800" alt="Rock Revival women&#39;s bootcut jeans — mid-rise with signature embroidery" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_EliasB200K13_Final.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_EliasB200K13_Final.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Bootcut Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-straight-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Hailey_11-19-25_TamikoJ207110_Final_dd6d2500-ea4c-4413-ac3e-e30a166f61c4.webp?v=1780970405&amp;width=800" alt="Rock Revival women&#39;s straight leg jeans — designed in Los Angeles" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Hailey_11-19-25_TamikoJ207110_Final_dd6d2500-ea4c-4413-ac3e-e30a166f61c4.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Hailey_11-19-25_TamikoJ207110_Final_dd6d2500-ea4c-4413-ac3e-e30a166f61c4.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Straight Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-baggy-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/COLOSSUS-002.jpg?v=1780970415&amp;width=800" alt="Rock Revival women&#39;s baggy jeans — relaxed fit premium denim" srcset="//rockrevival.com/cdn/shop/collections/COLOSSUS-002.jpg?v=1780970415&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/COLOSSUS-002.jpg?v=1780970415&amp;width=800 800w" width="800" height="1200" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Baggy Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-skinny-jeans"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_1-22-26_CamilleRS21141_Final_1b2f7279-51bc-4803-a904-41d9f5bf2df5.webp?v=1780970405&amp;width=800" alt="Rock Revival women&#39;s skinny jeans — premium stretch denim from LA" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_1-22-26_CamilleRS21141_Final_1b2f7279-51bc-4803-a904-41d9f5bf2df5.webp?v=1780970405&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_1-22-26_CamilleRS21141_Final_1b2f7279-51bc-4803-a904-41d9f5bf2df5.webp?v=1780970405&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Skinny Jeans</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-denim-shorts"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_GwenI2132_Final.webp?v=1780970414&amp;width=800" alt="Rock Revival women&#39;s denim shorts and skirts collection" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_GwenI2132_Final.webp?v=1780970414&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_Ecomm_Quincy_9-18-25_GwenI2132_Final.webp?v=1780970414&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Shorts & Skirts</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-tops"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RRW040-TT35-WHITE.webp?v=1780970433&amp;width=800" alt="Rock Revival women&#39;s tees and hoodies" srcset="//rockrevival.com/cdn/shop/collections/RRW040-TT35-WHITE.webp?v=1780970433&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RRW040-TT35-WHITE.webp?v=1780970433&amp;width=800 800w" width="800" height="1200" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Tops</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
</ul>



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

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



                    </div>
                  </div></div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/jewelry"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-3"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Accessories</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-3"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    --menu-child-active-font-color: var(--color-foreground);
  
"
              >
                  <div class="mega-menu section section--full-width-margin section--full-width">
                    <div
                      class="mega-menu__grid"
                      data-menu-grid-id="MegaMenuList-3"
                    >
                      
<ul
  data-menu-list-id="MegaMenuList-3"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/jewelry"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/RockRevival_KingBaby_3-15-25_Final_34.jpg?v=1780970423&amp;width=800" alt="Rock Revival sterling silver jewelry — handcrafted in Los Angeles" srcset="//rockrevival.com/cdn/shop/collections/RockRevival_KingBaby_3-15-25_Final_34.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/RockRevival_KingBaby_3-15-25_Final_34.jpg?v=1780970423&amp;width=800 800w" width="800" height="1067" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Jewelry</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/shoes"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2202__4.webp?v=1780970434&amp;width=800" alt="Rock Revival men&#39;s shoes collection" srcset="//rockrevival.com/cdn/shop/collections/CHARLIE-RK2202__4.webp?v=1780970434&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/CHARLIE-RK2202__4.webp?v=1780970434&amp;width=800 800w" width="800" height="1200" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Shoes</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
</ul>



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

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



                    </div>
                  </div></div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/sale"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-4"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Sale</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-4"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    --menu-child-active-font-color: var(--color-foreground);
  
"
              >
                  <div class="mega-menu section section--full-width-margin section--full-width">
                    <div
                      class="mega-menu__grid"
                      data-menu-grid-id="MegaMenuList-4"
                    >
                      
<ul
  data-menu-list-id="MegaMenuList-4"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/men-sale"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/Heatwaves3.jpg?v=1780970414&amp;width=800" alt="Rock Revival men&#39;s sale — premium denim at reduced prices" srcset="//rockrevival.com/cdn/shop/collections/Heatwaves3.jpg?v=1780970414&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/Heatwaves3.jpg?v=1780970414&amp;width=800 800w" width="800" height="741" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Men</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/women-sale"
        class="mega-menu__link "
      >
        
<div class="mega-menu__image-wrapper">
            


  
    <img src="//rockrevival.com/cdn/shop/collections/Heatwaves3_8d0f9682-7fde-449e-8570-6c2cd6962300.jpg?v=1780970423&amp;width=800" alt="Rock Revival women&#39;s sale — premium denim at reduced prices" srcset="//rockrevival.com/cdn/shop/collections/Heatwaves3_8d0f9682-7fde-449e-8570-6c2cd6962300.jpg?v=1780970423&amp;width=352 352w, //rockrevival.com/cdn/shop/collections/Heatwaves3_8d0f9682-7fde-449e-8570-6c2cd6962300.jpg?v=1780970423&amp;width=800 800w" width="800" height="1000" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 140px) * 1 / 8),(min-width: 990px) calc((100vw - 80px - 140px) * 1 / 8),calc((100vw - 80px - 60px) / 4)
">
  


            <span class="wrap-text">Women</span>
          </div>
        
      </a>
      
    </div>

    </li>
  
</ul>



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

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



                    </div>
                  </div></div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="#"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-5"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Collaborations</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-5"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    --menu-child-active-font-color: var(--color-foreground);
  
"
              ><div class="mega-menu section section--full-width-margin section--full-width">
                    <div
                      class="mega-menu__grid"
                      data-menu-grid-id="MegaMenuList-collabs-5"
                      style="--menu-columns-desktop: 8; --menu-columns-tablet: 4;"
                    >
                      <ul
                        data-menu-list-id="MegaMenuList-collabs-5"
                        class="mega-menu__list list-unstyled"
                        style="--menu-image-border-radius: 0px; --menu-columns-desktop: 8; --menu-columns-tablet: 4;"
                      ><li class="mega-menu__column">
                            <div>
                              <a href="/collections/jaded-london" class="mega-menu__link">
                                <div class="mega-menu__image-wrapper"><img
                                      src="//rockrevival.com/cdn/shop/collections/rr_x_jaded_edits10_1bce2d39-5b93-4590-867a-89a7951b3a0f.jpg?v=1780970434&width=800"
                                      alt="Jaded London by Rock Revival"
                                      class="mega-menu__link-image"
                                      loading="lazy"
                                      width="800"
                                    ><span class="wrap-text">Jaded London by Rock Revival</span>
                                </div>
                              </a>
                            </div>
                          </li><li class="mega-menu__column">
                            <div>
                              <a href="/collections/rock-revival-by-424" class="mega-menu__link">
                                <div class="mega-menu__image-wrapper"><img
                                      src="//rockrevival.com/cdn/shop/collections/424_Scan_Final.jpg?v=1780970434&width=800"
                                      alt="Rock Revival x 424"
                                      class="mega-menu__link-image"
                                      loading="lazy"
                                      width="800"
                                    ><span class="wrap-text">Rock Revival x 424</span>
                                </div>
                              </a>
                            </div>
                          </li></ul>
                    </div>
                  </div></div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/blogs/articles"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-6"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Discover</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-6"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    --menu-child-active-font-color: var(--color-foreground);
  
"
              ><div class="mega-menu section section--full-width-margin section--full-width">
                    <div
                      class="mega-menu__grid"
                      data-menu-grid-id="MegaMenuList-discover-6"
                      style="--menu-columns-desktop: 8; --menu-columns-tablet: 4;"
                    >
                      <ul
                        data-menu-list-id="MegaMenuList-discover-6"
                        class="mega-menu__list list-unstyled"
                        style="--menu-image-border-radius: 0px; --menu-columns-desktop: 8; --menu-columns-tablet: 4;"
                      ><li class="mega-menu__column">
                            <div>
                              <a href="/blogs/articles/424-x-rock-revival%C2%AE-ss2026" class="mega-menu__link">
                                <div class="mega-menu__image-wrapper"><img
                                      src="//rockrevival.com/cdn/shop/articles/DSC4223_web_33397053-69bb-4a21-88f6-c5e1710a3606.jpg?crop=center&height=450&v=1779230419&width=800"
                                      alt="424 x Rock Revival SS26"
                                      class="mega-menu__link-image"
                                      loading="lazy"
                                      width="800"
                                      height="450"
                                    ><span class="wrap-text">424 x Rock Revival SS26</span>
                                </div>
                              </a>

                            </div>
                          </li><li class="mega-menu__column">
                            <div>
                              <a href="/blogs/articles/baggy-campaign" class="mega-menu__link">
                                <div class="mega-menu__image-wrapper"><img
                                      src="//rockrevival.com/cdn/shop/articles/RockRevival_MohawkBaggyShoot_5-16-255482_BW_b757f75c-e9c4-4bfd-9296-01e4334a508c.jpg?crop=center&height=450&v=1779230364&width=800"
                                      alt="The Baggy Fit"
                                      class="mega-menu__link-image"
                                      loading="lazy"
                                      width="800"
                                      height="450"
                                    ><span class="wrap-text">The Baggy Fit</span>
                                </div>
                              </a>

                            </div>
                          </li><li class="mega-menu__column">
                            <div>
                              <a href="/blogs/articles/made-in-the-usa-our-iconic-motifs-now-in-silver" class="mega-menu__link">
                                <div class="mega-menu__image-wrapper"><img
                                      src="//rockrevival.com/cdn/shop/articles/blogimg1_c8f624fa-cbea-4f5a-a703-50a724cf6871.jpg?crop=center&height=450&v=1779230344&width=800"
                                      alt="Silver, Made in the USA"
                                      class="mega-menu__link-image"
                                      loading="lazy"
                                      width="800"
                                      height="450"
                                    ><span class="wrap-text">Silver, Made in the USA</span>
                                </div>
                              </a>

                            </div>
                          </li><li class="mega-menu__column">
                            <div>
                              <a href="/blogs/articles/heatwave-in-the-hills" class="mega-menu__link">
                                <div class="mega-menu__image-wrapper"><img
                                      src="//rockrevival.com/cdn/shop/articles/RockRevival_AprilShoot_ElleSkirt_Final_1_69d0b10e-4133-465d-99bb-60fea8bf9d45.png?crop=center&height=450&v=1779230471&width=800"
                                      alt="Heatwave in the Hills"
                                      class="mega-menu__link-image"
                                      loading="lazy"
                                      width="800"
                                      height="450"
                                    ><span class="wrap-text">Heatwave in the Hills</span>
                                </div>
                              </a>

                            </div>
                          </li></ul>
                    </div>
                  </div></div>
            </div></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="listitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">More</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//rockrevival.com/cdn/shop/t/79/assets/header-menu.js?v=97820922056036071501780961825"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


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




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




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

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

  

  

  

  <img src="//rockrevival.com/cdn/shop/files/Layer_4.svg?height=36&amp;v=1776210641" alt="Rock Revival® - Home" width="82" height="36" class="header-logo__image" srcset="//rockrevival.com/cdn/shop/files/Layer_4.svg?height=36&amp;v=1776210641 1x, //rockrevival.com/cdn/shop/files/Layer_4.svg?height=72&amp;v=1776210641 2x, //rockrevival.com/cdn/shop/files/Layer_4.svg?height=108&amp;v=1776210641 3x" style="--header-logo-image-width: 82px;--header-logo-image-width-mobile: 64px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">


  </span>

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

  

  

  

  <img src="//rockrevival.com/cdn/shop/files/Layer_3.svg?height=36&amp;v=1776210641" alt="Rock Revival® - Home" width="82" height="36" class="header-logo__image" srcset="//rockrevival.com/cdn/shop/files/Layer_3.svg?height=36&amp;v=1776210641 1x, //rockrevival.com/cdn/shop/files/Layer_3.svg?height=72&amp;v=1776210641 2x, //rockrevival.com/cdn/shop/files/Layer_3.svg?height=108&amp;v=1776210641 3x" style="--header-logo-image-width: 82px;--header-logo-image-width-mobile: 64px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">


    </span>
  
</a>





            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  
    <dropdown-localization-component
      class="dropdown-localization mobile:hidden"
    >
      <button
        type="button"
        class="button dropdown-localization__button localization-selector header-actions__action"
        aria-expanded="false"
        aria-controls="dropdown-localization-results"
        ref="button"
        on:click="/toggleSelector"
        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 0.75rem; "
      >
        
          
            
            <span
              class="icon-flag"
              style="
                background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
                --size-shadow: 2px;
                --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
              "
            ></span>
          
          <span
            class="currency-code"
            data-testid="localization-currency-code"
          >USD</span>
        
        <span
          class="visually-hidden"
          data-testid="localization-visually-hidden"
        >Region and language selector</span><span>/</span><span>
            EN
          </span><span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>

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

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

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

    
      <div class="language-selector top-shadow">
        <h2
          class="visually-hidden"
          id="dropdown-LanguageLabel"
        >
          Language
        </h2>
        
          <span class="language-selector__label">Language</span>
        
        <select
          id="dropdownSelect"
          class="localization-form__select"
          name="language_code"
          aria-label="Language"
          ref="languageInput"
          on:change="/changeLanguage"
        ><option
              value="en"
              lang="en"
              
                selected
              
            >
              English
            </option><option
              value="es"
              lang="es"
              
            >
              Español
            </option><option
              value="de"
              lang="de"
              
            >
              Deutsch
            </option></select>
        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </div>
    
</form></localization-form-component>



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

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

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

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




            
        
      
        
          
              

<script
  type="module"
  src="//rockrevival.com/cdn/shop/t/79/assets/cart-icon.js?v=157241182139685326961780961825"
  fetchpriority="low"
></script>





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

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

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

  
    <script
      src="//rockrevival.com/cdn/shop/t/79/assets/cart-drawer.js?v=35649724213056774541780961825"
      type="module"
      fetchpriority="low"
    ></script>

    

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

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

        <div class="cart-drawer__items">
          



<script
  src="//rockrevival.com/cdn/shop/t/79/assets/component-cart-items.js?v=165440327125931659001780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/component-cart-quantity-selector.js?v=105130809908858639751780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/volume-pricing-info.js?v=94479640769665442661780961825"
  type="module"
  fetchpriority="low"
></script>

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



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

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

    </span>

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



  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        data-testid="cart-drawer-dialog"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <span
          ref="liveRegion"
          class="visually-hidden"
          role="status"
        ></span>
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          
          

<cart-items-component
  class="cart-items-component"
  
    data-drawer
  
  data-section-id="sections--21746132975765__header_section"
>
  

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

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

        <div class="cart-drawer__items">
          



<script
  src="//rockrevival.com/cdn/shop/t/79/assets/component-cart-items.js?v=165440327125931659001780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/component-cart-quantity-selector.js?v=105130809908858639751780961825"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockrevival.com/cdn/shop/t/79/assets/volume-pricing-info.js?v=94479640769665442661780961825"
  type="module"
  fetchpriority="low"
></script>

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



        </div>
      </div>
    

</cart-items-component>



        </div>
      </dialog>
    </cart-drawer-component>
  

  <span
    ref="liveRegion"
    class="visually-hidden"
    role="status"
    data-testid="cart-count-live-region"
  ></span>
</header-actions>

<script
  type="module"
  src="//rockrevival.com/cdn/shop/t/79/assets/header-actions.js?v=121308165565653895611780961825"
  fetchpriority="low"
></script>



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

    

    
    
  

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



    
  

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




    </div>
  
</header-component>

<script
  src="//rockrevival.com/cdn/shop/t/79/assets/header.js?v=36718054510661947891780961825"
  type="module"
></script>




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



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

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

        if (!header || !headerGroup) return;

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

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

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

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

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

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

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

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

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

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

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













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

  

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



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_51_1_Final.jpg?v=1780695103&amp;width=3840" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_51_1_Final.jpg?v=1780695103&amp;width=832 832w, //rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_51_1_Final.jpg?v=1780695103&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_51_1_Final.jpg?v=1780695103&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_51_1_Final.jpg?v=1780695103&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_51_1_Final.jpg?v=1780695103&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_51_1_Final.jpg?v=1780695103&amp;width=3840 3840w" width="1638" height="2048" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
    </div>
  


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

--gap: 0px;

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
      spacer-block--size-mobile-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
      
        --spacer-size-mobile: 100%;
      
    
  "
  
  data-testid="spacer-block"
></div>







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

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



    
  </div>

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

--gap: 0px;

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








  <rte-formatter class=" spacing-style text-block text-block--AamFEbFllMytwNi9wQ__text_wYNLAz rte    text-block--align-left text-block--full-width  rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-none);          --text-align: left;          ">
    <h1><a href="/collections/men" title="Discover Mens">Menswear</a></h1>
  </rte-formatter>















  <rte-formatter class=" spacing-style text-block text-block--AalB2aUdiVnVhdkhFc__text_EijMFC rte    text-block--align-right text-block--full-width  rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-none);          --text-align: right;          ">
    <h1><a href="/collections/women" title="Discover Womens">Womenswear</a></h1>
  </rte-formatter>







</div>
</div>









<div
  class="
    spacer-block
    spacer-block--size-percent
    
      spacer-block--size-mobile-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
      
        --spacer-size-mobile: 100%;
      
    
  "
  
  data-testid="spacer-block"
></div>





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




</section><div id="shopify-section-template--21746137694357__section_divider_overlay_aYPNyT" class="shopify-section section-divider"><style>
  .section-divider-overlay {
    position: relative;
    z-index: 2;
    line-height: 0;
    height: 0;
    overflow: visible;
  }

  .section-divider-overlay__inner {
    position: relative;
    width: 100%;
    transform: translateY(-20%);
  }

  .section-divider-overlay__inner img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media screen and (max-width: 749px) {
    .section-divider-overlay__inner {
      transform: translateY(-20%);
      height: 120px;
      overflow: hidden;
    }

    .section-divider-overlay__inner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }
</style><div class="section-divider-overlay">
    <div class="section-divider-overlay__inner">
      <img src="//rockrevival.com/cdn/shop/files/fleurfixdown.svg?v=1776232118&amp;width=1800" alt="" srcset="//rockrevival.com/cdn/shop/files/fleurfixdown.svg?v=1776232118&amp;width=375 375w, //rockrevival.com/cdn/shop/files/fleurfixdown.svg?v=1776232118&amp;width=750 750w, //rockrevival.com/cdn/shop/files/fleurfixdown.svg?v=1776232118&amp;width=1100 1100w, //rockrevival.com/cdn/shop/files/fleurfixdown.svg?v=1776232118&amp;width=1500 1500w, //rockrevival.com/cdn/shop/files/fleurfixdown.svg?v=1776232118&amp;width=1800 1800w" width="1800" height="143" loading="lazy" sizes="100vw">
    </div>
  </div>
</div><div id="shopify-section-template--21746137694357__section_DJFdeX" class="shopify-section section-wrapper">



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

  

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

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



  </div>

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

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

--gap: 0px;

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

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


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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/men-best-sellers"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  
<video-background-component
      class="video-background video-background--cover"
    >
      
      <img src="//rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=240 240w, //rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=352 352w, //rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=832 832w, //rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/preview_images/f374b04284be4c8f94f20ad8195e1544.thumbnail.0000000000.jpg?v=1751931862&amp;width=3840 3840w" width="1100" sizes="(min-width: 750px) 100vw, 100vw">
      <video
        playsinline
        muted
        autoplay
        loop
        ref="videoElement"
      ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/f374b04284be4c8f94f20ad8195e1544/f374b04284be4c8f94f20ad8195e1544.m3u8?v=0"
            type="application/x-mpegURL"
            ref="videoSources[]"
          ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/f374b04284be4c8f94f20ad8195e1544/f374b04284be4c8f94f20ad8195e1544.HD-720p-2.1Mbps-50779182.mp4?v=0"
            type="video/mp4"
            ref="videoSources[]"
          ></video>
    </video-background-component>



    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

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

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AZlRMYUdYQXBvRlk4c__text_4tJHXe h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Best-Selling Jeans for Men</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>








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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/men-black-jeans"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//rockrevival.com/cdn/shop/files/RockRevival_Details_PrintScan_2_Final.jpg?v=1779147512&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Details_PrintScan_2_Final.jpg?v=1779147512&amp;width=832 832w, //rockrevival.com/cdn/shop/files/RockRevival_Details_PrintScan_2_Final.jpg?v=1779147512&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/RockRevival_Details_PrintScan_2_Final.jpg?v=1779147512&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/RockRevival_Details_PrintScan_2_Final.jpg?v=1779147512&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/RockRevival_Details_PrintScan_2_Final.jpg?v=1779147512&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/RockRevival_Details_PrintScan_2_Final.jpg?v=1779147512&amp;width=3840 3840w" width="3840" height="4801" loading="eager" sizes="100vw" fetchpriority="auto">
</div>




    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

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

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AaExxRzZoeVlDdkpXW__text_KafGm9 h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Black Jeans for Men</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>








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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/men-bootcut-jeans"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  
<video-background-component
      class="video-background video-background--cover"
    >
      
      <img src="//rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=240 240w, //rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=352 352w, //rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=832 832w, //rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/preview_images/9fb407b2385b4bacb1e65def3ad4ccdf.thumbnail.0000000000.jpg?v=1751909726&amp;width=3840 3840w" width="1100" sizes="(min-width: 750px) 100vw, 100vw">
      <video
        playsinline
        muted
        autoplay
        loop
        ref="videoElement"
      ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/9fb407b2385b4bacb1e65def3ad4ccdf/9fb407b2385b4bacb1e65def3ad4ccdf.m3u8?v=0"
            type="application/x-mpegURL"
            ref="videoSources[]"
          ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/9fb407b2385b4bacb1e65def3ad4ccdf/9fb407b2385b4bacb1e65def3ad4ccdf.HD-1080p-7.2Mbps-50760219.mp4?v=0"
            type="video/mp4"
            ref="videoSources[]"
          ></video>
    </video-background-component>



    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

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

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AZGxZRnZCMGpxRFpid__text_Ne4jRp h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Bootcut Jeans for Men</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>








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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/jewelry"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  
<video-background-component
      class="video-background video-background--cover"
    >
      
      <img src="//rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=240 240w, //rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=352 352w, //rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=832 832w, //rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/preview_images/1e1bfb01d9754a1cb1e2898b899f2306.thumbnail.0000000000.jpg?v=1746135238&amp;width=3840 3840w" width="1100" sizes="(min-width: 750px) 100vw, 100vw">
      <video
        playsinline
        muted
        autoplay
        loop
        ref="videoElement"
      ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/1e1bfb01d9754a1cb1e2898b899f2306/1e1bfb01d9754a1cb1e2898b899f2306.m3u8?v=0"
            type="application/x-mpegURL"
            ref="videoSources[]"
          ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/1e1bfb01d9754a1cb1e2898b899f2306/1e1bfb01d9754a1cb1e2898b899f2306.HD-1080p-7.2Mbps-46879984.mp4?v=0"
            type="video/mp4"
            ref="videoSources[]"
          ></video>
    </video-background-component>



    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

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

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--ANGs5bzg5WmRnVHV3K__text_4B9hbD h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>.925 Silver Accessories</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>







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





</div><div id="shopify-section-template--21746137694357__section_EKK77V" class="shopify-section section-wrapper">



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

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

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

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

--gap: 16px;

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

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








  <div class=" spacing-style text-block text-block--AMGMvVGhJdFZsM3l0T__text_twz74p h2    text-block--align-center  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-narrow);          --text-align: center;          ">
    <p>Built in Los Angeles since 2005. Worn everywhere that matters.</p>
  </div>








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





</div><div id="shopify-section-template--21746137694357__section_f6ePfj" class="shopify-section section-wrapper">



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

  

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

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



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    

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

--gap: 0px;

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

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


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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/women-low-rise-jeans"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  
<video-background-component
      class="video-background video-background--cover"
    >
      
      <img src="//rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=240 240w, //rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=352 352w, //rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=832 832w, //rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/preview_images/4841298a9da541a291fd23aa365ef6b6.thumbnail.0000000000.jpg?v=1759095832&amp;width=3840 3840w" width="1100" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw">
      <video
        playsinline
        muted
        autoplay
        loop
        ref="videoElement"
      ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/4841298a9da541a291fd23aa365ef6b6/4841298a9da541a291fd23aa365ef6b6.m3u8?v=0"
            type="application/x-mpegURL"
            ref="videoSources[]"
          ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/4841298a9da541a291fd23aa365ef6b6/4841298a9da541a291fd23aa365ef6b6.HD-1080p-7.2Mbps-58449376.mp4?v=0"
            type="video/mp4"
            ref="videoSources[]"
          ></video>
    </video-background-component>



    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

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

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AVWJlaWR6SzYvLzU1a__text_DtBceX h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Our Lowest Rise yet</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>








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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/jaded-london"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//rockrevival.com/cdn/shop/files/rr_x_jaded_edits33_beeec9e4-aa01-474b-9196-739fd7b333ae.jpg?v=1779147611&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/rr_x_jaded_edits33_beeec9e4-aa01-474b-9196-739fd7b333ae.jpg?v=1779147611&amp;width=832 832w, //rockrevival.com/cdn/shop/files/rr_x_jaded_edits33_beeec9e4-aa01-474b-9196-739fd7b333ae.jpg?v=1779147611&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/rr_x_jaded_edits33_beeec9e4-aa01-474b-9196-739fd7b333ae.jpg?v=1779147611&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/rr_x_jaded_edits33_beeec9e4-aa01-474b-9196-739fd7b333ae.jpg?v=1779147611&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/rr_x_jaded_edits33_beeec9e4-aa01-474b-9196-739fd7b333ae.jpg?v=1779147611&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/rr_x_jaded_edits33_beeec9e4-aa01-474b-9196-739fd7b333ae.jpg?v=1779147611&amp;width=3840 3840w" width="3840" height="2543" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>




    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

--gap: 0px;

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AVGYxb0JCcXBId2dGa__text_VWX4EC h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>RR by Jaded London</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>








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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/women-best-sellers"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  
<video-background-component
      class="video-background video-background--cover"
    >
      
      <img src="//rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=240 240w, //rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=352 352w, //rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=832 832w, //rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/preview_images/89800d735fb24c7080fe2276b3fd14f3.thumbnail.0000000000.jpg?v=1751935287&amp;width=3840 3840w" width="1100" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw">
      <video
        playsinline
        muted
        autoplay
        loop
        ref="videoElement"
      ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/89800d735fb24c7080fe2276b3fd14f3/89800d735fb24c7080fe2276b3fd14f3.m3u8?v=0"
            type="application/x-mpegURL"
            ref="videoSources[]"
          ><source
            data-video-source="//rockrevival.com/cdn/shop/videos/c/vp/89800d735fb24c7080fe2276b3fd14f3/89800d735fb24c7080fe2276b3fd14f3.HD-1080p-7.2Mbps-50781804.mp4?v=0"
            type="video/mp4"
            ref="videoSources[]"
          ></video>
    </video-background-component>



    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

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

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AVG84QlIyMnpFVlVDV__text_xQg7hH h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Best-Selling Jeans for Women</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>








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

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/women-black-jeans"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//rockrevival.com/cdn/shop/files/RockRevival_MohawkBaggyShoot_5-16-255066.jpg?v=1779231217&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/RockRevival_MohawkBaggyShoot_5-16-255066.jpg?v=1779231217&amp;width=832 832w, //rockrevival.com/cdn/shop/files/RockRevival_MohawkBaggyShoot_5-16-255066.jpg?v=1779231217&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/RockRevival_MohawkBaggyShoot_5-16-255066.jpg?v=1779231217&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/RockRevival_MohawkBaggyShoot_5-16-255066.jpg?v=1779231217&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/RockRevival_MohawkBaggyShoot_5-16-255066.jpg?v=1779231217&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/RockRevival_MohawkBaggyShoot_5-16-255066.jpg?v=1779231217&amp;width=3840 3840w" width="3840" height="4798" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>




    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

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

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

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



<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--Ab0lRU0h5YUZYSit0a__text_NJxQiy h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Black Jeans for Women</h3>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-percent
    
  "
  style="
    
      --spacer-size: 1.0;
    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
</div>







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





</div><div id="shopify-section-template--21746137694357__17805495372ef49af6" class="shopify-section section-wrapper">



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

  

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

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



  </div>

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

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

--gap: 0px;

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

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));
      "
      data-testid="section-content"
    >
      
  <div id="shopify-block-ANGIvbXMxOHFsVXdNd__okendo_reviews_carousel_9tCgAi" class="shopify-block shopify-app-block">




    <div
        data-oke-carousel
        
        data-oke-header-text="Why they wear Rock"
        
        
    ></div>
    


</div>

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





</div><div id="shopify-section-template--21746137694357__carousel_7Jwbtf" class="shopify-section">

<div class="section-background color-scheme-2"></div>
<div
  class="
    section
    section--page-width
    color-scheme-2
    section-carousel
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: 12px;
  "
  data-testid="carousel-section"
>
  


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

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



    
  </div>

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

--gap: 2px;

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


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

    
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  "
  
>
  
    <div class="logo-block__image-wrapper">
      
<img src="//rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=3840" alt="Rock Revival®" srcset="//rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=240 240w, //rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=352 352w, //rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=832 832w, //rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/Layer_4.svg?v=1776210641&amp;width=3840 3840w" width="325" height="143" loading="lazy" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
    </div>
  
</div>













  <div class=" spacing-style text-block text-block--AQ0xveSswUVVHTk9LU__text_VYqeKg h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>#RockRevivalForever</h3>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--Ackg4UGdkcFg4WUQxL__text_Rpdf3T rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>tag @rockrevival on Instagram to get featured here.</p>
  </rte-formatter>







</div>
</div>







  






<div
  class="force-full-width"
  style="--gutter-slide-width: var(--util-page-margin-offset);"
>
  <slideshow-component
  
  
    class="carousel-content spacing-style"
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--carousel-columns: 4;  --carousel-mobile-columns: 1;  --carousel-gap: 20px;  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;  --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px;--slideshow-align-items: flex-start;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  





<div
  class="card"
  ref="slides[]"
  data-carousel-card
  
><div
    class="spacing-style card__content"
    style="--card-ratio: auto;  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  >
    <div
      class="
        card__inner
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 2px;

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














  <div
    class="
  image-block image-block--AUTd6UDJZOXNyUEtHb__image_EUMzNH image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=240 240w, //rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=352 352w, //rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=832 832w, //rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/649974563_18575789344041834_6727978196734809911_n_54b6a4b0-21bc-46a5-8a06-6b4be3600625.jpg?v=1780418414&amp;width=3840 3840w" width="1232" height="1594" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








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

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



    
  </div>

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

--gap: 0px;

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








  <rte-formatter class=" spacing-style text-block text-block--AUVp1SHVtNUUrTUJ0Z__text_KnpyN3 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>@tyla</p>
  </rte-formatter>









<a
  
    href="/products/camille-rs211-low-rise-skinny-jeans"
  
  class="
    size-style
    link
    link--AY0pEL2d6UWZvRzFpN__button_D9zggY
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop the Look
</a>






</div>
</div>







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










<div
  class="card"
  ref="slides[]"
  data-carousel-card
  
><div
    class="spacing-style card__content"
    style="--card-ratio: auto;  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  >
    <div
      class="
        card__inner
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 2px;

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














  <div
    class="
  image-block image-block--AQ1B4c1VKbDRqYlB0V__image_UGeyDY image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=240 240w, //rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=352 352w, //rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=832 832w, //rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/587712398_18543304882000040_4131293450536848819_n_c8d1d384-3e2b-473d-8e3f-fe0d12d21ed6.jpg?v=1780419916&amp;width=3840 3840w" width="1440" height="1920" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








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

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



    
  </div>

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

--gap: 0px;

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








  <rte-formatter class=" spacing-style text-block text-block--AQkJjSkNoRld0Tzdwc__text_a6iYYG rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>@maggiesambrook</p>
  </rte-formatter>









<a
  
    href="/products/endive-b204-rs-bootcut-jeans"
  
  class="
    size-style
    link
    link--Aelp4T25vWHZoTkFJS__button_WtC4x8
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop the Look
</a>






</div>
</div>







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










<div
  class="card"
  ref="slides[]"
  data-carousel-card
  
><div
    class="spacing-style card__content"
    style="--card-ratio: auto;  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  >
    <div
      class="
        card__inner
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 2px;

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














  <div
    class="
  image-block image-block--AWExwVnBNTmFHZWdFN__image_XBhFW8 image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=240 240w, //rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=352 352w, //rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=832 832w, //rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/655042062_18148677928462443_1369893881548180122_n_f3641820-46e8-430e-831e-56c76c4155ae.jpg?v=1780419995&amp;width=3840 3840w" width="1440" height="1800" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








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

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



    
  </div>

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

--gap: 0px;

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








  <rte-formatter class=" spacing-style text-block text-block--AYVJmYTVsbjZWS3BMV__text_7XVLHX rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>@valentiinarose</p>
  </rte-formatter>









<a
  
    href="/products/rp9268b210la-gwen-super-low-rise-bootcut-jeans-new-version"
  
  class="
    size-style
    link
    link--Abk1GZFFpWVpaSGRkU__button_7raadp
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop the Look
</a>






</div>
</div>







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










<div
  class="card"
  ref="slides[]"
  data-carousel-card
  
><div
    class="spacing-style card__content"
    style="--card-ratio: auto;  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  >
    <div
      class="
        card__inner
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 2px;

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














  <div
    class="
  image-block image-block--AejFyQjhtNk4xZ285a__image_mKiFgm image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=240 240w, //rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=352 352w, //rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=832 832w, //rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/650245753_18567276175065322_3093724896020208354_n_6dbc29af-df89-4d12-8139-b1c5034a72ed.jpg?v=1780420206&amp;width=3840 3840w" width="997" height="849" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








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

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



    
  </div>

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

--gap: 0px;

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








  <rte-formatter class=" spacing-style text-block text-block--AM1d4UXZ2YTZuUGxqe__text_QR8DUT rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>@cowboy_clue</p>
  </rte-formatter>









<a
  
    href="/products/gwen-rf2220-low-rise-flare-leg-jeans"
  
  class="
    size-style
    link
    link--Aa09talNtWEh6SlJkV__button_KANzUa
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop the Look
</a>






</div>
</div>







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










<div
  class="card"
  ref="slides[]"
  data-carousel-card
  
><div
    class="spacing-style card__content"
    style="--card-ratio: auto;  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  >
    <div
      class="
        card__inner
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 2px;

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














  <div
    class="
  image-block image-block--AbXorNm5rWFc1eVhkK__image_erUzV9 image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=3840" alt="" srcset="//rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=240 240w, //rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=352 352w, //rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=832 832w, //rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/639741404_18567851437027861_978373825133010806_n_67043618-78dc-4cfe-b41e-b7058cddcf5d.jpg?v=1780420353&amp;width=3840 3840w" width="1440" height="1807" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








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

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



    
  </div>

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

--gap: 0px;

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








  <rte-formatter class=" spacing-style text-block text-block--AWlBEZlpTeGd5dWN6W__text_ME8tcE rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>@jerisjohnson</p>
  </rte-formatter>









<a
  
    href="/products/xander-b200r-bootcut-jeans"
  
  class="
    size-style
    link
    link--AYXlaZ1RzQ0RsWWhwS__button_LDhj8i
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop the Look
</a>






</div>
</div>







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






    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




</div>





</div>


</div><div id="shopify-section-template--21746137694357__media_with_content_YmxcXH" class="shopify-section">



<div class="section-background color-scheme-orange"></div>
<div
  class="section section--full-width disable-section-top-offset media-with-content color-scheme-orange spacing-style media-with-content--wide media-with-content--media-right"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: 50svh;
        --media-height-mobile: 30svh;
      
     --section-preview-height: 600px;
     
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      <a
        href="/pages/membership"
        class="media-block__media-link"
      >
        
      
        
  
  
  
  

  

  

  

  <img src="//rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_28_1_Final_Banner.jpg?height=1152&amp;v=1779232181" alt="" width="2048" height="1152" loading="lazy" class="media-block__media border-style" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_28_1_Final_Banner.jpg?height=1152&amp;v=1779232181 1x, //rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_28_1_Final_Banner.jpg?height=2304&amp;v=1779232181 2x, //rockrevival.com/cdn/shop/files/RockRevival_Chateau_DarkroomPrint_28_1_Final_Banner.jpg?height=3456&amp;v=1779232181 3x" style="">


      
    
      </a>
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

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

--gap: 24px;

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








  <div class=" spacing-style text-block text-block--AcElqd2JnNnNNN3F0W__text_qLcFWW h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Membership Program</p>
  </div>









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

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



    
  </div>

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

--gap: 0px;

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


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

    
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  "
  
>
  
    <div class="logo-block__image-wrapper">
      
<img src="//rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=3840" alt="Rock Revival®" srcset="//rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=240 240w, //rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=352 352w, //rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=832 832w, //rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=1200 1200w, //rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=1600 1600w, //rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=1920 1920w, //rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=2560 2560w, //rockrevival.com/cdn/shop/files/Layer_3.svg?v=1776210641&amp;width=3840 3840w" width="325" height="143" loading="lazy" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
    </div>
  
</div>













  <div class=" spacing-style text-block text-block--AVTczeEpwWjdYSjJPa__text_3nVTRM custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.5rem;        font-size: 1.5rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: uppercase;    --text-wrap: balance;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-none);          ">
    <p><strong>Rewards</strong></p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AUGpoTUt5azQ3RHJ3Y__text_3Mir6H rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Wear it. Earn it. Own it. Become a Rock Revival Member and turn every purchase into points toward exclusive perks, early access to new drops, and members-only offers.</p>
  </rte-formatter>







</div>
</div>








<a
  
    href="/pages/membership"
  
  class="
    size-style
    button
    button--AV2V6dExnZDIxSm1wM__button_nm8ti3
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Become a Member
</a>






</div>
</div>






</div>




</div>
    </main>

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

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


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

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



    
  </div>

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

--gap: 6px;

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








  <div class=" spacing-style text-block text-block--ARGtMeU1jNEttU0M3b__text_LWt8Pz h4    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <h2>Join our email list</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AK0V2RHFoU0huTUJFN__text_f9CFLH rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Get exclusive deals and early access to new products.</p>
  </rte-formatter>









<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <div
      class="email-signup__input-group     "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-ASExEUnRiVXAwTkJre__email_signup_fGbQQR"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-ASExEUnRiVXAwTkJre__email_signup_fGbQQR"
        class="email-signup__input email-signup__input--all paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button  email-signup__button--text paragraph button button--ASExEUnRiVXAwTkJre__email_signup_fGbQQR "
        
      >
        
          Sign up
        
      </button>
    </div></form>
</div>





</div>
</div>








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

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



    
  </div>

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

--gap: 6px;

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





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

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/pages/our-story">
                  About Us
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/membership">
                  RR Rewards
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/reviews">
                  Customer Reviews
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/terms-of-service">
                  Terms of Use
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/privacy-policy">
                  Privacy Notice
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact">
                  Contact
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>











</div>
</div>








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

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



    
  </div>

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

--gap: 6px;

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





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

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/pages/customer-support">
                  Customer Support
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/shipping-policy">
                  Shipping & Delivery
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/refund-policy">
                  Returns & Exchange Policy
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="https://rockrevival.com/apps/redo/returns-portal/login">
                  Start a Free Return or Exchange
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="#open-accessibility-widget">
                  Enable Accessibility
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/">
                  Gift Cards
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>











</div>
</div>






  </div>
</div>




</div><div id="shopify-section-sections--21746132844693__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  
>
  <div
    class="utilities utilities--blocks-2 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.625rem;        font-size: 0.625rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Rock Revival®</a></span>
</div>




<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.facebook.com/profile.php?id=61568545222830"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Facebook"
            
          >
            <span class="social-icons__icon-label">Facebook</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.instagram.com/rockrevival/"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
            
          >
            <span class="social-icons__icon-label">Instagram</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


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

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.youtube.com/user/OfficialRockRevival"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Youtube"
            
          >
            <span class="social-icons__icon-label">Youtube</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.tiktok.com/@officialrockrevival"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Tiktok"
            
          >
            <span class="social-icons__icon-label">Tiktok</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




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

    

<script
  src="//rockrevival.com/cdn/shop/t/79/assets/dialog.js?v=150888536568694194021780961825"
  type="module"
></script>

<script
  src="//rockrevival.com/cdn/shop/t/79/assets/predictive-search.js?v=149240552485540508541780961825"
  type="module"
  fetchpriority="low"
></script>

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

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

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

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

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Products
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8665073287317"
    data-featured-media-url="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZinfandelJ22713823_Final.jpg?v=1765951901&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/zinfandel-j227r-straight-jeans-1"
  >
    <span class="visually-hidden">
      Zinfandel Straight Jeans in Dark Blue
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5; position: relative;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZinfandelJ22713823_Final.jpg?v=1765951901&amp;width=500" alt="Zinfandel Straight Jeans - Rock Revival®" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZinfandelJ22713823_Final.jpg?v=1765951901&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZinfandelJ22713823_Final.jpg?v=1765951901&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZinfandelJ22713837_Final.jpg?v=1775955061&amp;width=500" alt="Zinfandel Straight Jeans - Rock Revival®" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZinfandelJ22713837_Final.jpg?v=1775955061&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZinfandelJ22713837_Final.jpg?v=1775955061&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="36479622971541" style="object-position: 50.0% 50.0%;">

      <button type="button" class="resource-card__toggle-sizes" aria-label="Show sizes" onclick="var v=this.closest('.resource-card__media').querySelector('.resource-card__variants');var open=v.style.display==='flex';v.style.display=open?'none':'flex';this.textContent=open?'+':'×';">+</button>
    
    
<div class="resource-card__variants" style="display:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;"><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606295601301"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >28</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606295666837"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >29</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606295732373"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >30</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606295797909"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >31</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606295863445"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >32</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606295928981"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >33</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606295994517"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >34</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606296060053"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >36</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606296125589"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >38</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606296191125"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >40</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606296256661"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >42</a><a
            href="/products/zinfandel-j227r-straight-jeans-1?variant=45606296322197"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >44</a></div>
    
  </div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Zinfandel Straight Jeans in Dark Blue</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">$174.00</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price">$174.00</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8626853576853"
    data-featured-media-url="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_7-25-25_YuiB304R4_Final.jpg?v=1753834421&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/yui-bootcut-jeans-3"
  >
    <span class="visually-hidden">
      Yui Bootcut Jeans in Medium Wash
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5; position: relative;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_7-25-25_YuiB304R4_Final.jpg?v=1753834421&amp;width=500" alt="FRONT VIEW" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_7-25-25_YuiB304R4_Final.jpg?v=1753834421&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_7-25-25_YuiB304R4_Final.jpg?v=1753834421&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_7-25-25_YuiB304R50_Final.jpg?v=1753834421&amp;width=500" alt="BACK VIEW" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_7-25-25_YuiB304R50_Final.jpg?v=1753834421&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_7-25-25_YuiB304R50_Final.jpg?v=1753834421&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="35468043387029" style="object-position: 50.0% 50.0%;">

      <button type="button" class="resource-card__toggle-sizes" aria-label="Show sizes" onclick="var v=this.closest('.resource-card__media').querySelector('.resource-card__variants');var open=v.style.display==='flex';v.style.display=open?'none':'flex';this.textContent=open?'+':'×';">+</button>
    
    
<div class="resource-card__variants" style="display:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;"><a
            href="/products/yui-bootcut-jeans-3?variant=45446063259797"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >24</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446063292565"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >25</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446063325333"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >26</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446063358101"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >27</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446063521941"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >28</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446065782933"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >29</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446065815701"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >30</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446065881237"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >31</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446066307221"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >32</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446066339989"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >33</a><a
            href="/products/yui-bootcut-jeans-3?variant=45446066634901"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >34</a></div>
    
  </div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Yui Bootcut Jeans in Medium Wash</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price">$156.60</span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price">$174.00</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price">$156.60</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8720805757077"
    data-featured-media-url="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_8-21-25_YuiJ299BK77_Final.jpg?v=1758652651&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/yui-j299bk-straight-jeans"
  >
    <span class="visually-hidden">
      Yui Straight Jeans in Black
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5; position: relative;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_8-21-25_YuiJ299BK77_Final.jpg?v=1758652651&amp;width=500" alt="BACK VIEW" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_8-21-25_YuiJ299BK77_Final.jpg?v=1758652651&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_8-21-25_YuiJ299BK77_Final.jpg?v=1758652651&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_8-21-25_YuiJ299BK57_Final.jpg?v=1758652651&amp;width=500" alt="SIDE VIEW" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_8-21-25_YuiJ299BK57_Final.jpg?v=1758652651&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_8-21-25_YuiJ299BK57_Final.jpg?v=1758652651&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="35749002838165" style="object-position: 50.0% 50.0%;">

      <button type="button" class="resource-card__toggle-sizes" aria-label="Show sizes" onclick="var v=this.closest('.resource-card__media').querySelector('.resource-card__variants');var open=v.style.display==='flex';v.style.display=open?'none':'flex';this.textContent=open?'+':'×';">+</button>
    
    
<div class="resource-card__variants" style="display:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;"><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200548501"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >24</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200581269"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >25</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200614037"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >26</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200646805"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >27</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200679573"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >28</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200712341"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >29</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200745109"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >30</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200777877"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >31</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200810645"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >32</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200843413"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >33</a><a
            href="/products/yui-j299bk-straight-jeans?variant=45808200876181"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >34</a></div>
    
  </div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Yui Straight Jeans in Black</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">$169.00</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price">$169.00</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8626832900245"
    data-featured-media-url="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZaidB20311_Final.jpg?v=1765951812&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/zaid-b202-bootcut-jeans"
  >
    <span class="visually-hidden">
      Zaid In Dark Blue Bootcut Jeans
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5; position: relative;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZaidB20311_Final.jpg?v=1765951812&amp;width=500" alt="Zaid Bootcut Jeans - Rock Revival®" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZaidB20311_Final.jpg?v=1765951812&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZaidB20311_Final.jpg?v=1765951812&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZaidB20344_Final.jpg?v=1776105276&amp;width=500" alt="Zaid Bootcut Jeans - Rock Revival®" srcset="//rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZaidB20344_Final.jpg?v=1776105276&amp;width=240 240w, //rockrevival.com/cdn/shop/files/RockRevival_Ecomm_Dillon_12-13-25_ZaidB20344_Final.jpg?v=1776105276&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="36479621595285" style="object-position: 50.0% 50.0%;">

      <button type="button" class="resource-card__toggle-sizes" aria-label="Show sizes" onclick="var v=this.closest('.resource-card__media').querySelector('.resource-card__variants');var open=v.style.display==='flex';v.style.display=open?'none':'flex';this.textContent=open?'+':'×';">+</button>
    
    
<div class="resource-card__variants" style="display:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;"><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805047957"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >28</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805080725"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >29</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805113493"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >30</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805146261"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >31</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805179029"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >32</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805867157"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >33</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805932693"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >34</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445805965461"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >36</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445806030997"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >38</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445806096533"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >40</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445806129301"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;"
          >42</a><a
            href="/products/zaid-b202-bootcut-jeans?variant=45445806227605"
            class="resource-card__variant-btn"
            style="flex:1;padding:8px 2px;font-size:11px;font-family:'SyndicatGrotesk',sans-serif;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#2D2D2F;text-decoration:none;text-align:center;opacity:0.3;text-decoration:line-through;pointer-events:none;"
          >44</a></div>
    
  </div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Zaid In Dark Blue Bootcut Jeans</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price">$147.50</span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price">$179.00</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price">$147.50</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

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

        
      
    </div>
  
</div>

          </div>

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




    
      <script
  src="//rockrevival.com/cdn/shop/t/79/assets/gift-card-recipient-form.js?v=129634859299628245901780961825"
  type="module"
  fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

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






    
  <div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block">


<script>
  console.log("[Alia app extension] v1.0.5");

  const BACKEND_URL = "https://backend.alia-prod.com";

  window.ALIA_SHOPIFY_EXTENSION_INFO = {
    customerID: "",
    country: "US",
    market: "us",
    language: "en"
  }

  if (document.readyState !== "loading") {
    initAlia();
  } else {
    document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true });
  }

  async function initAlia() {
    if (window.Shopify.designMode) {
      console.log("[Alia app extension] Not showing in Shopify theme editor");
      return;
    }
    const url = BACKEND_URL + "/public/launcher.js?shop=rock-revival-store.myshopify.com";
    const script = document.createElement("script");
    script.src = url;
    script.async = true;
    document.head.appendChild(script);
  }
</script>

</div><div id="shopify-block-AQmluZzRtdWVZZjkrT__11753626725791430220" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: cart-drawer --><script>((o,c,u)=>{o[c]=o[c]||{},o[u]=o[u]||{},o[c].OCU=o[c].OCU||{api:o[u]}})(window,'Zipify','OCUApi');</script><div hidden data-ocu-cart-additional-buttons-src>
  
</div><script>
(() => {((o,c,u)=>{o[c]=o[c]||{},o[c][u]=o[c][u]||{api:{},integrations:{}}})(window,'Zipify','Cart');
  if (Zipify.Cart.snippet) return;

  Zipify.Cart.version = Zipify.Cart.version ?? '2025/11/11';
  Zipify.Cart.assetUrl = 'https://cdn.shopify.com/extensions/019e8d90-066a-7dde-85d0-6107b4df82c5/ocu-in-checkout-986/assets/zipify-cart-drawer.js';
  Zipify.Cart.domain = 'rock-revival-store.myshopify.com';
  Zipify.Cart.moneyFormat = '${{amount}}';
  Zipify.Cart.moneyWithCurrencyFormat = '${{amount}} USD';
  Zipify.Cart.tags = [];
  Zipify.Cart.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
  Zipify.Cart.product = null;
  Zipify.Cart.products = null;
  Zipify.Cart.metafileds = ({"general":{"settings":{"app_endpoint":"https:\/\/ocu.zipify.com","proxy_url":"\/apps\/oneclickupsell","sdp":"https:\/\/e7d54b729aaf49ea8b2f80dae22860aa@sentry.zipify.com\/52","inc_sdp":"https:\/\/f14faca962674f149161045845b21b35@sentry.zipify.com\/50","popup_locations":{"product":false,"cart":true,"collection":false,"index":false,"page":false,"zp_page":false,"zp_index":false,"zp_product":false,"zp_collection":false},"popup_settings":{"popup_frequency":"accept_or_decline"},"snippet_source":"extension","cart_drawer_extension":true,"cart_drawer_upsell":true,"ads_widget":false,"features":{"ppw":true,"cart_drawer":true},"offer_scripts":{"zipify-oneclickupsell-single":true,"zipify-oneclickupsell-multiple":true,"zipify-oneclickupsell-on-page":true}},"integrations":{"skip_cart":"false"}}})?.general?.settings;
  Zipify.Cart.accessibility = {
    close: 'Translation missing: en.accessibility.close',
    discount: 'Translation missing: en.customer.order.discount',
    cartTitle: 'Translation missing: en.sections.cart.title',
    quantityLabel: 'Translation missing: en.sections.cart.headings.quantity',
    remove: (title) => 'Translation missing: en.sections.cart.remove_title'.replace('\{\{ title \}\}', title),
    decrease: (title) => 'Translation missing: en.products.product.quantity.decrease'.replace('\{\{ product \}\}', title),
    increase: (title) => 'Translation missing: en.products.product.quantity.increase'.replace('\{\{ product \}\}', title),
    quantity: (title) => 'Translation missing: en.products.product.quantity.input_label'.replace('\{\{ product \}\}', title),
    cartCount: (count) => 'Translation missing: en.sections.header.cart_count'.replace(/\d+?/, count),
  };

  const loadExtension=()=>{let e=document.createElement("script");e.src=Zipify.Cart.assetUrl,e.defer=!0,document.head.append(e),Zipify.Cart.loaded=!0;return e};
  const extension = loadExtension();
  extension.onload = () => Zipify.Cart.integrations.init();
})();
</script><!-- END app snippet -->


</div><div id="shopify-block-AeHhSMHRscDBnTDlvW__15885745614559378752" class="shopify-block shopify-app-block"><div id="accessibly-config" style="display:none">
    {"themeColor":"#574CD5","iconColor":"#574CD5","showLogo":false,"topBottomPosition":10,"rightLeftPosition":10,"iconSize":"small","iconCustomSize":64,"position":"middle-right"}
</div>


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