PageSourceSearch

https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game

html thechaosttrpg.com collected 2026-09-29 01:27:46 UTC 886,335 bytes, 19,060 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    <meta name="google-site-verification" content="5R40G9_ou2WppOrs0Hl7L7kdHA87d8DWuANT4V2qlTc" />
8    <meta name="msvalidate.01" content="313E97FC31805D9F87A9F5C7806F2B47" />
9    
10      <style data-shopify>
11        @media (prefers-reduced-motion: no-preference) {
12          @view-transition {
13            navigation: auto;
14          }
15        }
16      </style>
17      <link
18        rel="expect"
19        href="#MainContent"
20        blocking="render"
21        id="view-transition-render-blocker"
22      >
23    
24
25
26<meta charset="utf-8">
27<meta
28  http-equiv="X-UA-Compatible"
29  content="IE=edge"
30>
31<meta
32  name="viewport"
33  content="width=device-width,initial-scale=1"
34>
35<meta
36  name="theme-color"
37  content=""
38>
39
40<meta
41  property="og:site_name"
42  content="The Chaos TTRPG | Venger&#39;s Decks"
43>
44<meta
45  property="og:url"
46  content="https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game"
47>
48<meta
49  property="og:title"
50  content="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Onlin"
51>
52<meta
53  property="og:type"
54  content="product"
55>
56<meta
57  property="og:description"
58  content="The Chaos is a complete fantasy tabletop RPG in a single card deck. Old school inspired, zero prep, solo or group play. Free rules online, or grab the physical deck and unleash chaos at your table."
59><meta
60    property="og:image"
61    content="http://thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085"
62  >
63  <meta
64    property="og:image:secure_url"
65    content="https://thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085"
66  >
67  <meta
68    property="og:image:width"
69    content="3000"
70  >
71  <meta
72    property="og:image:height"
73    content="3000"
74  ><meta
75    property="og:price:amount"
76    content="0.00"
77  >
78  <meta
79    property="og:price:currency"
80    content="USD"
81  ><meta
82  name="twitter:card"
83  content="summary_large_image"
84>
85<meta
86  name="twitter:title"
87  content="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Onlin"
88>
89<meta
90  name="twitter:description"
91  content="The Chaos is a complete fantasy tabletop RPG in a single card deck. Old school inspired, zero prep, solo or group play. Free rules online, or grab the physical deck and unleash chaos at your table."
92>
93
94<title>
95  The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Onlin
96 &ndash; The Chaos TTRPG | Venger&#39;s Decks</title>
97
98<link
99  rel="canonical"
100  href="https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game"
101>
102
103
104  <meta
105    name="description"
106    content="The Chaos is a complete fantasy tabletop RPG in a single card deck. Old school inspired, zero prep, solo or group play. Free rules online, or grab the physical deck and unleash chaos at your table."
107  >
108
109<link href="//thechaosttrpg.com/cdn/shop/t/8/assets/overflow-list.css?v=16727044177065489451786618388" as="style" rel="preload">
110<link href="//thechaosttrpg.com/cdn/shop/t/8/assets/base.css?v=132492467252896707531786618338" rel="stylesheet" type="text/css" media="all" />
111
112
113
114  <style data-shopify>
115    :root {
116      --hover-lift-amount: 4px;
117      --hover-scale-amount: 1.03;
118      --hover-subtle-zoom-amount: 1.015;
119    }
120
121    @media (any-pointer: fine) and (prefers-reduced-motion: no-preference) {
122      
123
124      
125
126      
127        .card-hover-effect-subtle-zoom .card-gallery,
128        .card-hover-effect-subtle-zoom .collection-card__image,
129        .card-hover-effect-subtle-zoom .product-card__image {
130          overflow: hidden;
131          transition: transform var(--hover-transition-duration) var(--hover-transition-timing);
132        }
133
134        .card-hover-effect-subtle-zoom .product-card:hover .card-gallery,
135        .card-hover-effect-subtle-zoom .collection-card:hover .collection-card__image,
136        .card-hover-effect-subtle-zoom .product-card:hover .product-card__image,
137        .card-hover-effect-subtle-zoom .predictive-search-results__card:hover {
138          transform: scale(var(--hover-subtle-zoom-amount));
139        }
140      
141    }
142  </style>
143
144
145
146<link href="//thechaosttrpg.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
147<link href="//thechaosttrpg.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
148<link href="//thechaosttrpg.com/cdn/fonts/chivo/chivo_n7.4d81c6f06c2ff78ed42169d6ec4aefa6d5cb0ff0.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
149<link href="//thechaosttrpg.com/cdn/fonts/chivo/chivo_n7.4d81c6f06c2ff78ed42169d6ec4aefa6d5cb0ff0.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
150
151
152<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 152
152
153<script type="importmap">
154  {
155    "imports": {
156      "@theme/overflow-list": "//thechaosttrpg.com/cdn/shop/t/8/assets/overflow-list.js?v=46858356770684902511786618389",
157      "@theme/component": "//thechaosttrpg.com/cdn/shop/t/8/assets/component.js?v=175690430936884589731786618347",
158      "@theme/dialog": "//thechaosttrpg.com/cdn/shop/t/8/assets/dialog.js?v=144816527575655702281786618348",
159      "@theme/events": "//thechaosttrpg.com/cdn/shop/t/8/assets/events.js?v=99399773727497444581786618351",
160      "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
161      "@theme/view-event-elements": "//thechaosttrpg.com/cdn/shop/t/8/assets/view-event-elements.js?v=34258756885466567141786618420",
162      "@theme/focus": "//thechaosttrpg.com/cdn/shop/t/8/assets/focus.js?v=60436577539430446401786618354",
163      "@theme/morph": "//thechaosttrpg.com/cdn/shop/t/8/assets/morph.js?v=182601902166245204061786618388",
164      "@theme/paginated-list": "//thechaosttrpg.com/cdn/shop/t/8/assets/paginated-list.js?v=71290058904108491691786618392",
165      "@theme/performance": "//thechaosttrpg.com/cdn/shop/t/8/assets/performance.js?v=171015751390534793081786618393",
166      "@theme/product-form": "//thechaosttrpg.com/cdn/shop/t/8/assets/product-form.js?v=156247955454460663281786618397",
167      "@theme/recently-viewed-products": "//thechaosttrpg.com/cdn/shop/t/8/assets/recently-viewed-products.js?v=94729125001750262651786618403",
168      "@theme/scrolling": "//thechaosttrpg.com/cdn/shop/t/8/assets/scrolling.js?v=162288454571026455011786618406",
169      "@theme/section-renderer": "//thechaosttrpg.com/cdn/shop/t/8/assets/section-renderer.js?v=44511745960026958271786618408",
170      "@theme/section-hydration": "//thechaosttrpg.com/cdn/shop/t/8/assets/section-hydration.js?v=108434990705342316311786618407",
171      "@theme/money-formatting": "//thechaosttrpg.com/cdn/shop/t/8/assets/money-formatting.js?v=160151249720534550011786618387",
172      "@theme/utilities": "//thechaosttrpg.com/cdn/shop/t/8/assets/utilities.js?v=46961525399390006791786618416",
173      "@theme/variant-picker": "//thechaosttrpg.com/cdn/shop/t/8/assets/variant-picker.js?v=76692244208061220611786618416",
174      "@theme/variant-resolution": "//thechaosttrpg.com/cdn/shop/t/8/assets/variant-resolution.js?v=69293302205961280521786618418",
175      "@theme/media-gallery": "//thechaosttrpg.com/cdn/shop/t/8/assets/media-gallery.js?v=154207211298275592001786618386",
176      "@theme/quick-add": "//thechaosttrpg.com/cdn/shop/t/8/assets/quick-add.js?v=160295260742220749141786618402",
177      "@theme/paginated-list-aspect-ratio": "//thechaosttrpg.com/cdn/shop/t/8/assets/paginated-list-aspect-ratio.js?v=25254270272143792451786618391",
178      "@theme/popover-polyfill": "//thechaosttrpg.com/cdn/shop/t/8/assets/popover-polyfill.js?v=119029313658895111201786618394",
179      "@theme/component-quantity-selector": "//thechaosttrpg.com/cdn/shop/t/8/assets/component-quantity-selector.js?v=67906657287482036641786618346",
180      "@theme/comparison-slider": "//thechaosttrpg.com/cdn/shop/t/8/assets/comparison-slider.js?v=106705562947035711941786618345",
181      "@theme/sticky-add-to-cart": "//thechaosttrpg.com/cdn/shop/t/8/assets/sticky-add-to-cart.js?v=130489688094345781431786618413",
182      "@theme/fly-to-cart": "//thechaosttrpg.com/cdn/shop/t/8/assets/fly-to-cart.js?v=48483246440248933081786618353",
183      "@theme/scroll-container": "//thechaosttrpg.com/cdn/shop/t/8/assets/scroll-container.js?v=127018149358875384221786618405",
184      "@theme/theme-drawer": "//thechaosttrpg.com/cdn/shop/t/8/assets/theme-drawer.js?v=155110645205299884131786618414"
185    }
186  }
187</script>
187<script
188  src="//thechaosttrpg.com/cdn/shop/t/8/assets/standard-actions-override.js?v=171683365447094389611786618411"
189  type="module"
190></script>
190
191
192<script
193  src="//thechaosttrpg.com/cdn/shop/t/8/assets/page-view-event.js?v=12823247316348680231786618391"
194  type="module"
195  defer
196></script>
196
197
198<script
199  src="//thechaosttrpg.com/cdn/shop/t/8/assets/view-transitions.js?v=116552130480572511441786618421"
200  async
201  
202    blocking="render"
203  
204></script>
204
205
206<link
207  rel="modulepreload"
208  href="//thechaosttrpg.com/cdn/shop/t/8/assets/utilities.js?v=46961525399390006791786618416"
209  fetchpriority="low"
210>
211<link
212  rel="modulepreload"
213  href="//thechaosttrpg.com/cdn/shop/t/8/assets/component.js?v=175690430936884589731786618347"
214  fetchpriority="low"
215>
216<link
217  rel="modulepreload"
218  href="//thechaosttrpg.com/cdn/shop/t/8/assets/section-renderer.js?v=44511745960026958271786618408"
219  fetchpriority="low"
220>
221<link
222  rel="modulepreload"
223  href="//thechaosttrpg.com/cdn/shop/t/8/assets/section-hydration.js?v=108434990705342316311786618407"
224  fetchpriority="low"
225>
226<link
227  rel="modulepreload"
228  href="//thechaosttrpg.com/cdn/shop/t/8/assets/morph.js?v=182601902166245204061786618388"
229  fetchpriority="low"
230>
231
232
233
234<link
235  rel="modulepreload"
236  href="//thechaosttrpg.com/cdn/shop/t/8/assets/focus.js?v=60436577539430446401786618354"
237  fetchpriority="low"
238>
239<link
240  rel="modulepreload"
241  href="//thechaosttrpg.com/cdn/shop/t/8/assets/recently-viewed-products.js?v=94729125001750262651786618403"
242  fetchpriority="low"
243>
244<link
245  rel="modulepreload"
246  href="//thechaosttrpg.com/cdn/shop/t/8/assets/scrolling.js?v=162288454571026455011786618406"
247  fetchpriority="low"
248>
249<link
250  rel="modulepreload"
251  href="//thechaosttrpg.com/cdn/shop/t/8/assets/events.js?v=99399773727497444581786618351"
252  fetchpriority="low"
253>
254<script
255  src="//thechaosttrpg.com/cdn/shop/t/8/assets/popover-polyfill.js?v=119029313658895111201786618394"
256  type="module"
257  fetchpriority="low"
258></script>
vendor: 1 bytes, line 258
258
259<script
260  src="//thechaosttrpg.com/cdn/shop/t/8/assets/overflow-list.js?v=46858356770684902511786618389"
261  type="module"
262  fetchpriority="low"
263></script>
vendor: 1 bytes, line 263
263
264<script
265  src="//thechaosttrpg.com/cdn/shop/t/8/assets/quick-add.js?v=160295260742220749141786618402"
266  type="module"
267  fetchpriority="low"
268></script>
268
269
270  
270<script
271    src="//thechaosttrpg.com/cdn/shop/t/8/assets/cart-discount.js?v=138990160074728809221786618340"
272    type="module"
273    fetchpriority="low"
274  ></script>
274
275
276
277<script
278  src="//thechaosttrpg.com/cdn/shop/t/8/assets/dialog.js?v=144816527575655702281786618348"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//thechaosttrpg.com/cdn/shop/t/8/assets/variant-picker.js?v=76692244208061220611786618416"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//thechaosttrpg.com/cdn/shop/t/8/assets/product-card.js?v=80689566448612614681786618396"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//thechaosttrpg.com/cdn/shop/t/8/assets/product-form.js?v=156247955454460663281786618397"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//thechaosttrpg.com/cdn/shop/t/8/assets/fly-to-cart.js?v=48483246440248933081786618353"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//thechaosttrpg.com/cdn/shop/t/8/assets/accordion-custom.js?v=105323356731531709191786618335"
304  type="module"
305  fetchpriority="low"
306></script>
vendor: 1 bytes, line 306
306
307<script
308  src="//thechaosttrpg.com/cdn/shop/t/8/assets/media.js?v=37825095869491791421786618386"
309  type="module"
310  fetchpriority="low"
311></script>
vendor: 1 bytes, line 311
311
312<script
313  src="//thechaosttrpg.com/cdn/shop/t/8/assets/product-price.js?v=179333985604099329921786618399"
314  type="module"
315  fetchpriority="low"
316></script>
vendor: 1 bytes, line 316
316
317<script
318  src="//thechaosttrpg.com/cdn/shop/t/8/assets/product-sku.js?v=28741104639155857071786618400"
319  type="module"
320  fetchpriority="low"
321></script>
vendor: 1 bytes, line 321
321
322<script
323  src="//thechaosttrpg.com/cdn/shop/t/8/assets/product-inventory.js?v=7173209571153411411786618398"
324  type="module"
325  fetchpriority="low"
326></script>
vendor: 1 bytes, line 326
326
327<script
328  src="//thechaosttrpg.com/cdn/shop/t/8/assets/show-more.js?v=94563802205717136101786618409"
329  type="module"
330  fetchpriority="low"
331></script>
vendor: 1 bytes, line 331
331
332<script
333  src="//thechaosttrpg.com/cdn/shop/t/8/assets/slideshow.js?v=28306258147874261831786618409"
334  type="module"
335  fetchpriority="low"
336></script>
vendor: 1 bytes, line 336
336
337<script
338  src="//thechaosttrpg.com/cdn/shop/t/8/assets/layered-slideshow.js?v=30135417790894624731786618383"
339  type="module"
340  fetchpriority="low"
341></script>
vendor: 1 bytes, line 341
341
342<script
343  src="//thechaosttrpg.com/cdn/shop/t/8/assets/anchored-popover.js?v=143987075196095667371786618336"
344  type="module"
345  fetchpriority="low"
346></script>
vendor: 1 bytes, line 346
346
347<script
348  src="//thechaosttrpg.com/cdn/shop/t/8/assets/floating-panel.js?v=151277338116891310371786618352"
349  type="module"
350  fetchpriority="low"
351></script>
vendor: 1 bytes, line 351
351
352<script
353  src="//thechaosttrpg.com/cdn/shop/t/8/assets/video-background.js?v=25237992823806706551786618418"
354  type="module"
355  fetchpriority="low"
356></script>
vendor: 1 bytes, line 356
356
357<script
358  src="//thechaosttrpg.com/cdn/shop/t/8/assets/component-quantity-selector.js?v=67906657287482036641786618346"
359  type="module"
360  fetchpriority="low"
361></script>
vendor: 1 bytes, line 361
361
362<script
363  src="//thechaosttrpg.com/cdn/shop/t/8/assets/media-gallery.js?v=154207211298275592001786618386"
364  type="module"
365  fetchpriority="low"
366></script>
vendor: 1 bytes, line 366
366
367<script
368  src="//thechaosttrpg.com/cdn/shop/t/8/assets/rte-formatter.js?v=40306132146590816021786618405"
369  type="module"
370  fetchpriority="low"
371></script>
vendor: 1 bytes, line 371
371
372<script
373  src="//thechaosttrpg.com/cdn/shop/t/8/assets/volume-pricing.js?v=15442793518842484731786618422"
374  type="module"
375  fetchpriority="low"
376></script>
vendor: 1 bytes, line 376
376
377<script
378  src="//thechaosttrpg.com/cdn/shop/t/8/assets/price-per-item.js?v=115937180292451397851786618395"
379  type="module"
380  fetchpriority="low"
381></script>
vendor: 1 bytes, line 381
381
382<script
383  src="//thechaosttrpg.com/cdn/shop/t/8/assets/volume-pricing-info.js?v=94479640769665442661786618421"
384  type="module"
385  fetchpriority="low"
386></script>
386
387
388
389  
389<script
390    src="//thechaosttrpg.com/cdn/shop/t/8/assets/localization.js?v=15585934801240115691786618384"
391    type="module"
392    fetchpriority="low"
393  ></script>
393
394
395
396
397  
397<script
398    src="//thechaosttrpg.com/cdn/shop/t/8/assets/sticky-add-to-cart.js?v=130489688094345781431786618413"
399    type="module"
400    fetchpriority="low"
401  ></script>
401
402  
402<script type="module">
403    import { RecentlyViewed } from '@theme/recently-viewed-products';
404    RecentlyViewed.addProduct('11984182051080');
405  </script>
405
406
407
408<script
409  src="//thechaosttrpg.com/cdn/shop/t/8/assets/auto-close-details.js?v=58350291535404441581786618338"
410  defer="defer"
411></script>
411
412
413<script>
414  const Theme = {
415    translations: {
416      placeholder_image: `Placeholder image`,
417      added: `Added`,
418      recipient_form_fields_visible: `Recipient form fields are now visible`,
419      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
420      recipient_form_error: `There was an error with the form submission`,
421      items_added_to_cart_one: `1 item added to cart`,
422      items_added_to_cart_other: `{{ count }} items added to cart`,
423      cart_count: `Total items in cart`,
424    },
425    routes: {
426      cart_add_url: '/cart/add.js',
427      cart_change_url: '/cart/change',
428      cart_update_url: '/cart/update',
429      cart_url: '/cart',
430      predictive_search_url: '/search/suggest',
431      search_url: '/search',
432    },
433    template: {
434      name: 'product',
435    },
436  };
437</script>
437
438<style data-shopify>
439@font-face {
440  font-family: Geist;
441  font-weight: 400;
442  font-style: normal;
443  font-display: swap;
444  src: url("//thechaosttrpg.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2") format("woff2"),
445       url("//thechaosttrpg.com/cdn/fonts/geist/geist_n4.492f36219dd328eb9d6fa578986db9fe6d514f67.woff") format("woff");
446}
447@font-face {
448  font-family: Geist;
449  font-weight: 700;
450  font-style: normal;
451  font-display: swap;
452  src: url("//thechaosttrpg.com/cdn/fonts/geist/geist_n7.d1a55eaf394973a6f8fe773d87de2e2f51331d2a.woff2") format("woff2"),
453       url("//thechaosttrpg.com/cdn/fonts/geist/geist_n7.69b158278bc5ac2dd4016704355834ad3509f9f6.woff") format("woff");
454}
455@font-face {
456  font-family: Chivo;
457  font-weight: 700;
458  font-style: normal;
459  font-display: swap;
460  src: url("//thechaosttrpg.com/cdn/fonts/chivo/chivo_n7.4d81c6f06c2ff78ed42169d6ec4aefa6d5cb0ff0.woff2") format("woff2"),
461       url("//thechaosttrpg.com/cdn/fonts/chivo/chivo_n7.a0e879417e089c259360eefc0ac3a3c8ea4e2830.woff") format("woff");
462}
463@font-face {
464  font-family: Chivo;
465  font-weight: 700;
466  font-style: italic;
467  font-display: swap;
468  src: url("//thechaosttrpg.com/cdn/fonts/chivo/chivo_i7.0e5a75162c3ca7258edd3d59adf64e0fd118a226.woff2") format("woff2"),
469       url("//thechaosttrpg.com/cdn/fonts/chivo/chivo_i7.f9fd944b04861b64efaebd9de502668b4b566567.woff") format("woff");
470}
471
472
473  :root {
474    /* Page Layout */
475    --sidebar-width: 25rem;
476    --theme-drawer-width: 30rem;
477    --narrow-content-width: 36rem;
478    --normal-content-width: 42rem;
479    --narrow-page-width: 90rem;
480    --normal-page-width: 120rem;
481    --wide-page-width: 150rem;
482
483    /* Section Heights */
484    --section-height-small: 15rem;
485    --section-height-medium: 25rem;
486    --section-height-large: 35rem;
487
488    @media screen and (min-width: 40em) {
489      --section-height-small: 40svh;
490      --section-height-medium: 55svh;
491      --section-height-large: 70svh;
492    }
493
494    @media screen and (min-width: 60em) {
495      --section-height-small: 50svh;
496      --section-height-medium: 65svh;
497      --section-height-large: 80svh;
498    }
499
500    /* Letter spacing */
501    --letter-spacing-sm: 0.06em;
502
503    /* Font families */
504    --font-body--family: Geist, sans-serif;
505    --font-body--style: normal;
506    --font-body--weight: 400;
507    --font-subheading--family: Geist, sans-serif;
508    --font-subheading--style: normal;
509    --font-subheading--weight: 400;
510    --font-heading--family: Chivo, sans-serif;
511    --font-heading--style: normal;
512    --font-heading--weight: 700;
513    --font-accent--family: Chivo, sans-serif;
514    --font-accent--style: normal;
515    --font-accent--weight: 700;
516
517    /* Margin sizes */
518    --font-heading--spacing: 0.25em;
519    --font-h1--spacing: var(--font-heading--spacing);
520    --font-h2--spacing: var(--font-heading--spacing);
521    --font-h3--spacing: var(--font-heading--spacing);
522    --font-h4--spacing: var(--font-heading--spacing);
523    --font-h5--spacing: var(--font-heading--spacing);
524    --font-h6--spacing: var(--font-heading--spacing);
525    --font-paragraph--spacing: 0.5em;
526
527    /** Z-Index / Layering */
528    --layer-section-background: -2;
529    --layer-lowest: -1;
530    --layer-base: 0;
531    --layer-flat: 1;
532    --layer-raised: 2;
533    --layer-heightened: 4;
534    --layer-sticky: 8;
535    --layer-window-overlay: 10;
536    --layer-header-menu: 12;
537    --layer-overlay: 16;
538    --layer-menu-drawer: 18;
539    --layer-temporary: 20;
540
541    /* Max-width / Measure */
542    --max-width--body-normal: 32.5em;
543    --max-width--body-narrow: 22.75em;
544
545    --max-width--heading-normal: 32.5em;
546    --max-width--heading-narrow: 19.5em;
547
548    --max-width--display-normal: 13em;
549    --max-width--display-narrow: 9.75em;
550    --max-width--display-tight: 3.25em;
551
552    /* Letter-spacing / Tracking */
553    --letter-spacing--display-tight: -0.03em;
554    --letter-spacing--display-normal: 0em;
555    --letter-spacing--display-loose: 0.03em;
556
557    --letter-spacing--heading-tight: -0.03em;
558    --letter-spacing--heading-normal: 0em;
559    --letter-spacing--heading-loose: 0.03em;
560
561    --letter-spacing--body-tight: -0.03em;
562    --letter-spacing--body-normal: 0em;
563    --letter-spacing--body-loose: 0.03em;
564
565    /* Line height / Leading */
566    --line-height: 1;
567
568    --line-height--display-tight: 1;
569    --line-height--display-normal: 1.1;
570    --line-height--display-loose: 1.2;
571
572    --line-height--heading-tight: 1.15;
573    --line-height--heading-normal: 1.25;
574    --line-height--heading-loose: 1.35;
575
576    --line-height--body-tight: 1.2;
577    --line-height--body-normal: 1.4;
578    --line-height--body-loose: 1.6;
579
580    /* Typography presets */
581    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.875rem;--font-paragraph--weight: 400;--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-tight);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-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: uppercase;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-tight);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
582
583    /* Hardcoded font sizes */
584    --font-size--3xs: 0.625rem;
585    --font-size--2xs: 0.75rem;
586    --font-size--xs: 0.8125rem;
587    --font-size--sm: 0.875rem;
588    --font-size--md: 1rem;
589    --font-size--lg: 1.125rem;
590    --font-size--xl: 1.25rem;
591    --font-size--2xl: 1.5rem;
592    --font-size--3xl: 2rem;
593    --font-size--4xl: 2.5rem;
594    --font-size--5xl: 3rem;
595    --font-size--6xl: 3.5rem;
596
597    /* Menu font sizes */
598    --menu-font-sm--size: 0.875rem;
599    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
600    --menu-font-md--size: 1rem;
601    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
602    --menu-font-xl--size: 1.25rem;
603    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
604    --menu-font-2xl--size: 1.75rem;
605    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
606
607    /* Colors */
608    --color-error: #8B0000;
609    --color-success: #006400;
610    --color-white: #FFFFFF;
611    --color-white-rgb: 255 255 255;
612    --color-instock: #3ED660;
613    --color-lowstock: #EE9441;
614    --color-outofstock: #C8C8C8;
615
616    /* Opacity */
617    --opacity-5: 0.05;
618    --opacity-8: 0.08;
619    --opacity-10: 0.1;
620    --opacity-15: 0.15;
621    --opacity-20: 0.2;
622    --opacity-25: 0.25;
623    --opacity-30: 0.3;
624    --opacity-40: 0.4;
625    --opacity-50: 0.5;
626    --opacity-60: 0.6;
627    --opacity-70: 0.7;
628    --opacity-80: 0.8;
629    --opacity-85: 0.85;
630    --opacity-90: 0.9;
631    --opacity-subdued-text: 0.8;
632    --opacity-muted-text: 0.6;
633
634    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
635    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
636
637    /* Spacing */
638    --margin-3xs: 0.125rem;
639    --margin-2xs: 0.3rem;
640    --margin-xs: 0.5rem;
641    --margin-sm: 0.7rem;
642    --margin-md: 0.8rem;
643    --margin-lg: 1rem;
644    --margin-xl: 1.25rem;
645    --margin-2xl: 1.5rem;
646    --margin-4xl: 2rem;
647    --margin-6xl: 5rem;
648
649
650    --padding-3xs: 0.125rem;
651    --padding-2xs: 0.25rem;
652    --padding-xs: 0.5rem;
653    --padding-sm: 0.7rem;
654    --padding-md: 0.8rem;
655    --padding-lg: 1rem;
656    --padding-xl: 1.25rem;
657    --padding-2xl: 1.5rem;
658    --padding-3xl: 1.75rem;
659    --padding-4xl: 2rem;
660    --padding-5xl: 3rem;
661    --padding-6xl: 4rem;
662
663    --gap-3xs: 0.125rem;
664    --gap-2xs: 0.3rem;
665    --gap-xs: 0.5rem;
666    --gap-sm: 0.7rem;
667    --gap-md: 0.9rem;
668    --gap-lg: 1rem;
669    --gap-xl: 1.25rem;
670    --gap-2xl: 2rem;
671    --gap-3xl: 3rem;
672
673    --spacing-scale-md: 0.7;
674    --spacing-scale-default: 1.0;
675
676    /* Checkout buttons gap */
677    --checkout-button-gap: 10px;
678
679    /* Borders */
680    --style-border-width: 1px;
681    --style-border-radius-xs: 0.2rem;
682    --style-border-radius-sm: 0.6rem;
683    --style-border-radius-md: 0.8rem;
684    --style-border-radius-50: 50%;
685    --style-border-radius-lg: 1rem;
686    --style-border-radius-pills: 40px;
687    --style-border-radius-inputs: 0px;
688    --style-border-radius-buttons-primary: 0px;
689    --style-border-radius-buttons-secondary: 0px;
690    --style-border-width-primary: 0px;
691    --style-border-width-secondary: 1px;
692    --style-border-width-inputs: 2px;
693    --style-border-radius-popover: 4px;
694    --style-border-popover: 0px solid #000000;
695    --style-border-drawer: 1px solid #000000;
696    --style-border-swatch-opacity: 10%;
697    --style-border-swatch-width: 1px;
698    --style-border-swatch-style: solid;
699
700    /* Animation */
701    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
702    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
703    --animation-speed-fast: 0.0625s;
704    --animation-speed: 0.125s;
705    --animation-speed-slow: 0.2s;
706    --animation-speed-medium: 0.15s;
707    --animation-easing: ease-in-out;
708    --drawer-animation-speed: 0.2s;
709    --animation-values: var(--animation-speed) var(--animation-easing);
710    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
711    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
712    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
713    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
714    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
715    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
716    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
717    --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%);
718    --spring-d300-b0-duration: 0.4980s;
719    --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%);
720    --spring-d280-b0-duration: 0.4648s;
721    --spring-d220-b0-easing: linear(
722      0,
723      0.0093 1.37%,
724      0.0696 4.12%,
725      0.4667 15.09%,
726      0.6322 20.58%,
727      0.6986 23.32%,
728      0.7793 27.44%,
729      0.8219 30.18%,
730      0.8721,
731      0.9089 38.42%,
732      0.9427,
733      0.9644,
734      0.978 54.88%,
735      0.9881 61.74%,
736      0.9944 69.97%,
737      0.998 80.95%,
738      0.9996 98.78%
739    );
740    --spring-d220-b0-duration: 0.3818s;
741    --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%);
742    --spring-d180-b0-duration: 0.2988s;
743
744    /* View transitions */
745    /* View transition old */
746    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
747
748    /* View transition new */
749    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
750
751    /* Focus */
752    --focus-outline-width: 0.09375rem;
753    --focus-outline-offset: 0.2em;
754
755    /* Badges */
756    --badge-rectangle-padding-block: 1px;
757    --badge-rectangle-padding-inline: 6px;
758    @media screen and (min-width: 750px) {
759      --badge-rectangle-padding-block: 4px;
760      --badge-rectangle-padding-inline: 10px;
761    }
762
763    /* Icons */
764    --icon-size-2xs: 0.6rem;
765    --icon-size-xs: 0.85rem;
766    --icon-size-sm: 1.25rem;
767    --icon-size-md: 1.375rem;
768    --icon-size-lg: 1.5rem;
769    --icon-stroke-width: 1.5px;
770
771    /* Input */
772    --input-padding-y: 0.8rem;
773    --input-padding-x: 0.8rem;
774    --input-padding: var(--input-padding-y) var(--input-padding-x);
775    --input-box-shadow-width: var(--style-border-width-inputs);
776    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
777    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
778    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
779    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
780    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
781    --input-textarea-min-height: 55px;
782
783    /* Checkbox */
784    --checkbox-size: 22px;
785    --checkbox-border-radius: 7px;
786    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
787    --checkbox-label-padding: 8px;
788
789    @media screen and (min-width: 750px) {
790      --checkbox-size: 16px;
791      --checkbox-border-radius: 5px;
792      --checkbox-label-padding: 6px;
793    }
794
795    /* Button size */
796    --button-size-md: 36px;
797    --button-size: var(--minimum-touch-target);
798    --button-padding-inline: 24px;
799    --button-padding-block: 16px;
800
801    /* Button font-family */
802    --button-font-family-primary: var(--font-body--family);
803    --button-font-family-secondary: var(--font-body--family);
804
805    /* Button text case */
806    --button-text-case-primary: default;
807    --button-text-case-secondary: default;
808
809    /* Borders */
810    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
811    --border-width-sm: 1px;
812    --border-radius-sm: 0.25rem;
813
814    /* Drawers */
815    --drawer-header-desktop-top: 0rem;
816    --drawer-padding: calc(var(--padding-sm) + 7px);
817    --drawer-height: 100dvh;
818    --drawer-width: 95vw;
819    --drawer-max-width: 500px;
820
821    /* Variant Picker Swatches */
822    --variant-picker-swatch-width-unitless: 18;
823    --variant-picker-swatch-height-unitless: 18;
824    --variant-picker-swatch-width: 18px;
825    --variant-picker-swatch-height: 18px;
826    --variant-picker-swatch-radius: 0px;
827    --variant-picker-border-width: 1px;
828    --variant-picker-border-style: solid;
829    --variant-picker-border-opacity: 10%;
830
831    /* Variant Picker Buttons */
832    --variant-picker-button-radius: 0px;
833    --variant-picker-button-border-width: 2px;
834    --variant-option-label-color: var(--color, var(--color-foreground));
835
836    /* Slideshow */
837    --slideshow-controls-icon: 2rem;
838    --peek-next-slide-size: 3rem;
839
840    /* Utilities */
841    --backdrop-opacity: 0.15;
842    --backdrop-color-rgb: var(--color-shadow-rgb);
843    --minimum-touch-target: 44px;
844    --disabled-opacity: 0.5;
845    --skeleton-opacity: 0.025;
846
847    /* Shapes */
848
849    /* Buy buttons */
850    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
851
852    /* Card image width and height variables */
853    --card-width-small: 10rem;
854
855    --height-small: 10rem;
856
857    @media screen and (min-width: 750px) {
858      --height-small: 17.5rem;
859    }
860
861    /* Modal */
862    --modal-max-height: 65dvh;
863    --quick-add-modal-height: min(38.5rem, 96vh);
864    --quick-add-modal-width: min(54rem, 96vw);
865    --quick-add-modal-gallery-width: 24rem;
866
867    /* Card styles for search */
868    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
869    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
870    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
871
872    /* Cart */
873    --cart-primary-font-family: var(--font-body--family);
874    --cart-primary-font-style: var(--font-body--style);
875    --cart-primary-font-weight: var(--font-body--weight);
876    --cart-secondary-font-family: var(--font-secondary--family);
877    --cart-secondary-font-style: var(--font-secondary--style);
878    --cart-secondary-font-weight: var(--font-secondary--weight);
879  }
880
881  .custom-color-quick-add {
882    --quick-add-background: #ffffff;
883    --quick-add-foreground: #000000;
884  }
885</style>
886
887
888
889
890
891
892  <style data-shopify>
893    .color-custom-popover,
894    .color-custom-popover .text-block {
895      /* Background */
896      --color-background: #ffffff;
897      --color-background-rgb: 255 255 255;
898
899      /* Opacity values adjusted for background brightness */
900      
901--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9020.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
903
904
905      
906        /* Foreground / text — explicit or smart-contrasted */
907        --color: #000000;
908        --color-rgb: 0 0 0;
909        --color-foreground: #000000;
910        --color-foreground-rgb: 0 0 0;
911        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
912        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
913        --color-border: #000000;
914        --color-border-rgb: 0 0 0;
915      
916    }
917
918    
919      .color-custom-popover {
920        /* Form-related tokens stay on .color-custom only — .text-block is a prose
921           container (text/announcement/inline-text/blog-post-description/
922           collection-link/price/sku) and never holds form inputs. */
923        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
924        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
925        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
926        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
927      }
928    
929
930    .color-custom-popover {
931      color: var(--color, var(--color-foreground));
932      background-color: var(--color-background);
933    }
934  </style>
935
936
937
938
939
940
941
942
943  <style data-shopify>
944    .color-custom-drawer,
945    .color-custom-drawer .text-block {
946      /* Background */
947      --color-background: #ffffff;
948      --color-background-rgb: 255 255 255;
949
950      /* Opacity values adjusted for background brightness */
951      
952--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9530.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
954
955
956      
957        /* Foreground / text — explicit or smart-contrasted */
958        --color: #000000;
959        --color-rgb: 0 0 0;
960        --color-foreground: #000000;
961        --color-foreground-rgb: 0 0 0;
962        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
963        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
964        --color-border: #000000;
965        --color-border-rgb: 0 0 0;
966      
967    }
968
969    
970      .color-custom-drawer {
971        /* Form-related tokens stay on .color-custom only — .text-block is a prose
972           container (text/announcement/inline-text/blog-post-description/
973           collection-link/price/sku) and never holds form inputs. */
974        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
975        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
976        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
977        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
978      }
979    
980
981    .color-custom-drawer {
982      color: var(--color, var(--color-foreground));
983      background-color: var(--color-background);
984    }
985  </style>
986
987
988
989
990
991
992
993
994  <style data-shopify>
995    .color-custom-badge-sale,
996    .color-custom-badge-sale .text-block {
997      /* Background */
998      --color-background: #202020;
999      --color-background-rgb: 32 32 32;
1000
1001      /* Opacity values adjusted for background brightness */
1002      
1003--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
10040.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
1005
1006
1007      
1008        /* Foreground / text — explicit or smart-contrasted */
1009        --color: #ffffff;
1010        --color-rgb: 255 255 255;
1011        --color-foreground: #ffffff;
1012        --color-foreground-rgb: 255 255 255;
1013        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
1014        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
1015        --color-border: #ffffff;
1016        --color-border-rgb: 255 255 255;
1017      
1018    }
1019
1020    
1021      .color-custom-badge-sale {
1022        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1023           container (text/announcement/inline-text/blog-post-description/
1024           collection-link/price/sku) and never holds form inputs. */
1025        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
1026        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
1027        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
1028        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
1029      }
1030    
1031
1032    .color-custom-badge-sale {
1033      color: var(--color, var(--color-foreground));
1034      background-color: var(--color-background);
1035    }
1036  </style>
1037
1038
1039
1040
1041
1042
1043
1044
1045  <style data-shopify>
1046    .color-custom-badge-sold-out,
1047    .color-custom-badge-sold-out .text-block {
1048      /* Background */
1049      --color-background: #c9584c;
1050      --color-background-rgb: 201 88 76;
1051
1052      /* Opacity values adjusted for background brightness */
1053      
1054--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
10550.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1056
1057
1058      
1059        /* Foreground / text — explicit or smart-contrasted */
1060        --color: #000000;
1061        --color-rgb: 0 0 0;
1062        --color-foreground: #000000;
1063        --color-foreground-rgb: 0 0 0;
1064        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1065        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1066        --color-border: #000000;
1067        --color-border-rgb: 0 0 0;
1068      
1069    }
1070
1071    
1072      .color-custom-badge-sold-out {
1073        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1074           container (text/announcement/inline-text/blog-post-description/
1075           collection-link/price/sku) and never holds form inputs. */
1076        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1077        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1078        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1079        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1080      }
1081    
1082
1083    .color-custom-badge-sold-out {
1084      color: var(--color, var(--color-foreground));
1085      background-color: var(--color-background);
1086    }
1087  </style>
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106<style data-shopify>
1107  /* Palette colors */
1108  :root {
1109    --color-background: #ffffff;
1110    --color-background-rgb: 255 255 255;
1111    --color-foreground: #000000;
1112    --color-foreground-rgb: 0 0 0;
1113    --color-border: #000000;
1114    --color-border-rgb: 0 0 0;
1115    --palette-lightest: #ffffff;
1116    --palette-lightest-rgb: 255 255 255;
1117    --palette-darkest: #000000;
1118    --palette-darkest-rgb: 0 0 0;
1119    
1120--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
11210.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1122
1123
1124    --color-primary-button-text: rgb(255 255 255 / 1.0);
1125    --color-primary-button-background: rgb(0 0 0 / 1.0);
1126    --color-primary-button-border: rgb(0 0 0 / 1.0);
1127    --color-primary-button-focus-outline: rgb(0 0 0);
1128    --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1129    --color-primary-button-hover-background: #262626;
1130    --color-primary-button-hover-border: #262626;
1131
1132    --color-secondary-button-text: rgb(0 0 0 / 1.0);
1133    --color-secondary-button-background: rgb(255 255 255 / 1.0);
1134    --color-secondary-button-border: rgb(0 0 0 / 1.0);
1135    --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1136    --color-secondary-button-hover-background: #f2f2f2;
1137    --color-secondary-button-hover-border: #262626;
1138
1139    --color-input-background: rgb(0 0 0 / 0.05);
1140    --color-input-text: rgb(0 0 0 / 1.0);
1141    --color-input-text-rgb: 0 0 0;
1142    --color-input-border: rgb(0 0 0 / 0.0);
1143
1144    --color-variant-background: rgb(255 255 255 / 1.0);
1145    --color-variant-border: rgb(230 230 230 / 1.0);
1146    --color-variant-text: rgb(0 0 0 / 1.0);
1147    --color-variant-text-rgb: 0 0 0;
1148    --color-variant-hover-background: #f2f2f2;
1149    --color-variant-hover-text: rgb(0 0 0 / 1.0);
1150    --color-variant-hover-border: #d9d9d9;
1151
1152    --color-selected-variant-background: rgb(0 0 0 / 1.0);
1153    --color-selected-variant-border: rgb(0 0 0 / 1.0);
1154    --color-selected-variant-text: rgb(255 255 255 / 1.0);
1155    --color-selected-variant-text-rgb: 255 255 255;
1156    --color-selected-variant-hover-background: #262626;
1157    --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1158    --color-selected-variant-hover-border: #262626;
1159
1160    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1161    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1162    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1163    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
1164    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
1165    --color-drawer-shadow-rgb: ;
1166    --color-popover-shadow-rgb: 0 0 0;
1167
1168    /* Shadows */
1169    
1170    
1171      --shadow-blur: 20px;
1172      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
1173    
1174  }
1175
1176  body {
1177    color: var(--color-foreground);
1178    background-color: var(--color-background);
1179  }
1180</style>
1181
1182
1183    
1183<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1183<meta name="google-site-verification" content="5R40G9_ou2WppOrs0Hl7L7kdHA87d8DWuANT4V2qlTc">
1184<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/102745833736/digital_wallets/dialog">
1185<meta id="in-context-paypal-metadata" data-shop-id="102745833736" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1186<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/57914629390600:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game.oembed">
1187<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1187
1188<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1189<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=102745833736" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1189
1189
1190<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":102745833736,"countryCode":"GB","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/102745833736","merchantName":"The Chaos TTRPG | Venger's Decks","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"The Chaos TTRPG | Venger's Decks","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1190
1190
1191<script id="shopify-features" type="application/json">{"accessToken":"32c1dc9525c65e4fa7c1deafe73b7812","betas":["rich-media-storefront-analytics"],"domain":"thechaosttrpg.com","predictiveSearch":true,"shopId":102745833736,"locale":"en"}</script>
vendor: 1 bytes, line 1191
1191
1192<script>var Shopify = Shopify || {};
1193Shopify.shop = "zre0ye-0j.myshopify.com";
1194Shopify.locale = "en";
1195Shopify.currency = {"active":"USD","rate":"1.3360684"};
1196Shopify.country = "US";
1197Shopify.theme = {"name":"Ritual August 2026","id":200263467272,"schema_name":"Ritual","schema_version":"4.1.4","theme_store_id":3625,"role":"main"};
1198Shopify.theme.handle = "null";
1199Shopify.theme.style = {"id":null,"handle":null};
1200Shopify.cdnHost = "thechaosttrpg.com/cdn";
1201Shopify.routes = Shopify.routes || {};
1202Shopify.routes.root = "/";
1203Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1204Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1205Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1206Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1206
1206
1207<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1207
1207
1208<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>
vendor: 1 bytes, line 1208
1208
1209<script>
1210  window.ShopifyPay = window.ShopifyPay || {};
1211  window.ShopifyPay.apiHost = "shop.app\/pay";
1212  window.ShopifyPay.redirectState = null;
1213</script>
vendor: 1 bytes, line 1213
1213
1214<script>
1215  window.Shopify = window.Shopify || {};
1216  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1217  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1218  window.Shopify.SignInWithShop.eligible = true;
1219</script>
vendor: 1 bytes, line 1219
1219
1220<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1220
1220
1221<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1221
1221
1222<script type="module">
1223  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1224
1225  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1226
1227</script>
vendor: 1 bytes, line 1227
1227
1228<script>
1229  window.Shopify = window.Shopify || {};
1230  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1231  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.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"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.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"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1232</script>
vendor: 1 bytes, line 1232
1232
1233<script>(function() {
1234  var isLoaded = false;
1235  function asyncLoad() {
1236    if (isLoaded) return;
1237    isLoaded = true;
1238    var urls = ["\/\/cdn.shopify.com\/proxy\/b85c89ea7b7ae02b48d6b133895b8d7b3edba33de3e75884ccfc25fb64cb8627\/d1639lhkj5l89m.cloudfront.net\/js\/storefront\/uppromote.js?shop=zre0ye-0j.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
1239    for (var i = 0; i < urls.length; i++) {
1240      var s = document.createElement('script');
1241      s.type = 'text/javascript';
1242      s.async = true;
1243      s.src = urls[i];
1244      var x = document.getElementsByTagName('script')[0];
1245      x.parentNode.insertBefore(s, x);
1246    }
1247  };
1248  if(window.attachEvent) {
1249    window.attachEvent('onload', asyncLoad);
1250  } else {
1251    window.addEventListener('load', asyncLoad, false);
1252  }
1253})();</script>
vendor: 1 bytes, line 1253
1253
1254<script id="__st">var __st={"a":102745833736,"offset":3600,"reqid":"85833e8b-cba9-4b91-8a2b-3967f7b27893-1790645265","pageurl":"thechaosttrpg.com\/products\/the-chaos-card-deck-tabletop-roleplaying-game","u":"2bc05585810c","p":"product","rtyp":"product","rid":11984182051080};</script>
vendor: 1 bytes, line 1254
1254
1255<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1255
1255
1256<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.3.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>
vendor: 1 bytes, line 1256
1256
1257<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//thechaosttrpg.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1257
1257
1258<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//thechaosttrpg.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1258<script crossorigin="anonymous" defer="defer" src="//thechaosttrpg.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1258
1258
1259<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1259
1259
1260<script>
1261  window.Shopify = window.Shopify || {};
1262  window.Shopify.MCP = window.Shopify.MCP || {};
1263  window.Shopify.MCP.enabled = true;
1264  window.Shopify.MCP.shop = "zre0ye-0j.myshopify.com";
1265  window.Shopify.MCP.mcpEndpoint = "https:\/\/thechaosttrpg.com\/api\/mcp";
1266  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1267</script>
vendor: 1 bytes, line 1267
1267
1268<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/thechaosttrpg.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1269</script>
vendor: 1 bytes, line 1269
1269
1270<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://thechaosttrpg.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1271</script>
vendor: 1 bytes, line 1271
1271
1272<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1273  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);
1274</script>
vendor: 1 bytes, line 1274
1274
1275<script>
1276  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
1277</script>
1277
1278
1279<script type="module" src="https://thechaosttrpg.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1279
1279
1280<script nomodule>
1281  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
1282</script>
1282
1283
1284<script id='scb4127' type='text/javascript' async='' src='https://thechaosttrpg.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1284<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://thechaosttrpg.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1285<style id="shopify-accelerated-checkout-cart">
1286        #shopify-buyer-consent {
1287  margin-top: 1em;
1288  display: inline-block;
1289  width: 100%;
1290}
1291
1292#shopify-buyer-consent.hidden {
1293  display: none;
1294}
1295
1296#shopify-subscription-policy-button {
1297  background: none;
1298  border: none;
1299  padding: 0;
1300  text-decoration: underline;
1301  font-size: inherit;
1302  cursor: pointer;
1303}
1304
1305#shopify-subscription-policy-button::before {
1306  box-shadow: none;
1307}
1308
1309      </style>
1310<link rel="compression-dictionary" href="//thechaosttrpg.com/cdn/shop/t/8/compiled_assets/styles.css?v=118156023503815783131786618445" crossorigin="anonymous">
1311<link rel="stylesheet" media="screen" href="//thechaosttrpg.com/cdn/shop/t/8/compiled_assets/styles.css?v=118156023503815783131786618445&subset=ACQBgAAAAADAAAgAAAAGAKCAAu0GHgIOIoBR4DkEFwXMBYAC" crossorigin="anonymous">
1312<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1312
1313    
1314
1315  <!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><!-- BEGIN app snippet: core-metafields-setting --><!--suppress ES6ConvertVarToLetConst -->
1316<script type="application/json" id="core-uppromote-settings">{"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1316
1316
1317<script type="application/json" id="core-uppromote-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}</script>
1317
1318
1319<script id="core-uppromote-quick-store-tracking-vars">
1320    function getDocumentContext(){const{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i}=window.location,j=document.referrer,k=document.characterSet,l=document.title;return{location:{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i},referrer:j||document.location.href,characterSet:k,title:l}}function getNavigatorContext(){const{language:a,cookieEnabled:b,languages:c,userAgent:d}=navigator;return{language:a,cookieEnabled:b,languages:c,userAgent:d}}function getWindowContext(){const{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{height:j,width:k},screenX:f,screenY:g,scrollX:h,scrollY:i}=window;return{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{screenHeight:j,screenWidth:k},screenX:f,screenY:g,scrollX:h,scrollY:i,location:getDocumentContext().location}}function getContext(){return{document:getDocumentContext(),navigator:getNavigatorContext(),window:getWindowContext()}}
1321    if (window.location.href.includes('?sca_ref=')) {
1322        localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({
1323            context: getContext(),
1324            timestamp: new Date().toISOString(),
1325        }))
1326    }
1327</script>
1327
1328
1329
1330<script id="core-uppromote-setting-booster">
1331    var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent)
1332    UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}')
1333    const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars']
1334    idToClean.forEach(id => {
1335        document.getElementById(id)?.remove()
1336    })
1337</script>
1337
1338<!-- END app snippet -->
1339
1340
1341<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1342
1343
1344
1345
1346
1347
1348
1349<link rel="dns-prefetch" href="https://cdn.judge.me">
1350<link rel="dns-prefetch" href="https://cdn1.judge.me">
1351<link rel="dns-prefetch" href="https://api.judge.me">
1352
1353<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"({{ n }})","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Here's what people think about it!...","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1353ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1353itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#141515","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#141515","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#E32B2B","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#141515","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1353youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":true,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-07-31T14:05:11.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_star_and_histogram_color":"#8D1111","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1353:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"The Chaos TTRPG | Venger's Decks","shop_currency":"GBP","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en-GB","enable_multi_locales_translations":false,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1353shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"The Chaos TTRPG | Venger's Decks"};</script>
1353 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #141515;--jdgm-secondary-color: rgba(20,21,21,0.1);--jdgm-star-color: #141515;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #141515;--jdgm-paginate-color: #141515;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #141515}.jdgm-histogram__bar-content{background-color:#141515}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#141515}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #141515;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#141515}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'The Chaos TTRPG | Venger&#39;s Decks'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
1354</style> <style class='jdgm-settings-style'></style>
1355
1356  
1357  
1358  
1359  <style class='jdgm-miracle-styles'>
1360  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1360/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
1361
1362</style>
1363
1364
1365  
1366  
1367   
1368
1369
1370
1371
1372<script data-cfasync='false' class='jdgm-script'>
1373!function(e){window.jdgm=window.jdgm||{};
1374/* INF-1976 */
1375var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
1376if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
1377jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0e8b3-42ad-7387-9abd-e6e00a57d3ff/judgeme-763/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1378jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1379setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1380!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1381(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1382a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1383jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1384t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1385t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
1386".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1387parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1388jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1389)}))}(document);
1390</script>
1390
1391<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0e8b3-42ad-7387-9abd-e6e00a57d3ff/judgeme-763/assets/shopify_v2.css"></noscript>
1392
1393<!-- BEGIN app snippet: theme_fix_tags -->
1393<script>
1394  (function() {
1395    var jdgmThemeFixes = {"all":{"css":".product-information__grid .jdgm-prev-badge {\n    display: flex !important;\n    gap: 2px;\n}","js":""}};
1396    if (!jdgmThemeFixes) return;
1397
1398    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1399    // before the per-theme fix so the theme-specific CSS wins the cascade.
1400    // HTML is never applied globally (too risky).
1401    var allThemesFix = jdgmThemeFixes['all'];
1402    if (allThemesFix && allThemesFix.css) {
1403      var allStyleTag = document.createElement('style');
1404      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1405      allStyleTag.innerHTML = allThemesFix.css;
1406      document.head.append(allStyleTag);
1407    };
1408
1409    if (allThemesFix && allThemesFix.js) {
1410      var allScriptTag = document.createElement('script');
1411      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1412      allScriptTag.innerHTML = allThemesFix.js;
1413      document.head.append(allScriptTag);
1414    };
1415
1416    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1417    if (!thisThemeFix) return;
1418
1419    if (thisThemeFix.html) {
1420      document.addEventListener("DOMContentLoaded", function() {
1421        var htmlDiv = document.createElement('div');
1422        htmlDiv.classList.add('jdgm-theme-fix-html');
1423        htmlDiv.innerHTML = thisThemeFix.html;
1424        document.body.append(htmlDiv);
1425      });
1426    };
1427
1428    if (thisThemeFix.css) {
1429      var styleTag = document.createElement('style');
1430      styleTag.classList.add('jdgm-theme-fix-style');
1431      styleTag.innerHTML = thisThemeFix.css;
1432      document.head.append(styleTag);
1433    };
1434
1435    if (thisThemeFix.js) {
1436      var scriptTag = document.createElement('script');
1437      scriptTag.classList.add('jdgm-theme-fix-script');
1438      scriptTag.innerHTML = thisThemeFix.js;
1439      document.head.append(scriptTag);
1440    };
1441  })();
1442</script>
1442
1443<!-- END app snippet -->
1444<!-- End of Judge.me Core -->
1445
1446
1447
1448<!-- END app block -->
1448<script src="https://cdn.shopify.com/extensions/01a0dc73-b89f-7d38-a898-a6ad1c9584a2/affliate-by-secomapp-127/assets/core.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1448
1448
1449<script src="https://cdn.shopify.com/extensions/01a0e8b3-42ad-7387-9abd-e6e00a57d3ff/judgeme-763/assets/loader.js" type="text/javascript" defer="defer"></script>
1449
1450<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1451<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: 102745833736,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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>
vendor: 1 bytes, line 1451
1451
1452<script>
1453  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1454</script>
vendor: 1 bytes, line 1454
1454
1455<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1455).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 102745833736,storefrontBaseUrl: "https://thechaosttrpg.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://thechaosttrpg.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"5225316616","configuration":"{\"shopId\":\"289512\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"de1f24f7dbc015cb4d3a1ef53d018b51","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1455,"dataSharingState":"unrestricted"},{"id":"4919853320","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"4668883208","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-NGBBSCD9\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-NRKNJEEQ91\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-NRKNJEEQ91\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-NRKNJEEQ91\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","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":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"The Chaos TTRPG | Venger's Decks","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"zre0ye-0j.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/thechaosttrpg.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":24.0,"currencyCode":"USD"},"product":{"title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","vendor":"The Chaos TTRPG | Venger's Decks","id":"11984182051080","untranslatedTitle":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","url":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game","type":""},"id":"57914629390600","image":{"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085"},"sku":null,"title":"Physical Deck + Digital Files","untranslatedTitle":"Physical Deck + Digital Files"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","vendor":"The Chaos TTRPG | Venger's Decks","id":"11984182051080","untranslatedTitle":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","url":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game","type":""},"id":"57914630799624","image":{"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085"},"sku":null,"title":"Digital Files Only","untranslatedTitle":"Digital Files Only"}],"products":[{"id":"11984182051080","handle":"the-chaos-card-deck-tabletop-roleplaying-game","isCollective":null,"title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","type":null,"untranslatedTitle":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","url":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game","vendor":"The Chaos TTRPG | Venger's Decks","remoteShopId":null,"variants":[{"id":"57914629390600","image":{"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085"},"price":{"amount":24.0,"currencyCode":"USD"},"sku":null,"title":"Physical Deck + Digital Files","untranslatedTitle":"Physical Deck + Digital Files"},{"id":"57914630799624","image":{"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085"},"price":{"amount":0.0,"currencyCode":"USD"},"sku":null,"title":"Digital Files Only","untranslatedTitle":"Digital Files Only"}]}
1455,{"id":"12293114429704","handle":"the-caverns-modular-osr-dungeon-tiles-encounter-decks","isCollective":null,"title":"The Caverns | Modular OSR Dungeon Tiles \u0026 Encounter Decks","type":null,"untranslatedTitle":"The Caverns | Modular OSR Dungeon Tiles \u0026 Encounter Decks","url":"\/products\/the-caverns-modular-osr-dungeon-tiles-encounter-decks","vendor":"The Chaos TTRPG | Venger's Decks","remoteShopId":null,"variants":[{"id":"58845232824584","image":{"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/the_caverns_map_tiles_and_encounter_decks.jpg?v=1790165478"},"price":{"amount":80.0,"currencyCode":"USD"},"sku":null,"title":"All 50 Map Tiles + Both Encounter Decks","untranslatedTitle":"All 50 Map Tiles + Both Encounter Decks"}]},{"id":"11183075361032","handle":"the-chaos-ttrpg-free-battlemap-pack","isCollective":null,"title":"The Chaos ttrpg | Free Battlemap Pack","type":null,"untranslatedTitle":"The Chaos ttrpg | Free Battlemap Pack","url":"\/products\/the-chaos-ttrpg-free-battlemap-pack","vendor":"The Chaos TTRPG | Venger's Decks","remoteShopId":null,"variants":[{"id":"54805833023752","image":{"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/thechaosttrpgbattlemaps.jpg?v=1774447771"},"price":{"amount":0.0,"currencyCode":"USD"},"sku":"1002","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"12000941342984","handle":"the-crit-deck-of-100-critical-hits-misses","isCollective":null,"title":"The Crit | Deck of 100 Critical Hits \u0026 Misses","type":null,"untranslatedTitle":"The Crit | Deck of 100 Critical Hits \u0026 Misses","url":"\/products\/the-crit-deck-of-100-critical-hits-misses","vendor":"The Chaos TTRPG | Venger's Decks","remoteShopId":null,"variants":[{"id":"57946170360072","image":{"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/thecritdeck.png?v=1780646085"},"price":{"amount":24.0,"currencyCode":"USD"},"sku":"1006","title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://thechaosttrpg.com/cdn","a5bf51cfwabd6c495p49b74ff1maa529d2b",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"200263467272","themeStoreId":"3625","themePublished":"true","eventMetadataId":"63799429-d7e5-4856-b6da-893144db12af","pageType":"product","resourceId":"11984182051080","shopId":"102745833736","storefrontBaseUrl":"https:\/\/thechaosttrpg.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"a5bf51cfwabd6c495p49b74ff1maa529d2b","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":24.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online\",\"vendor\":\"The Chaos TTRPG | Venger's Decks\",\"id\":\"11984182051080\",\"untranslatedTitle\":\"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online\",\"url\":\"\/products\/the-chaos-card-deck-tabletop-roleplaying-game\",\"type\":\"\"},\"id\":\"57914629390600\",\"image\":{\"src\":\"\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085\"},\"sku\":null,\"title\":\"Physical Deck + Digital Files\",\"untranslatedTitle\":\"Physical Deck + Digital Files\"}}]]"});})();</script>
1455<script>
1456  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1457  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1458  window.ShopifyAnalytics.meta.currency = 'USD';
1459  var meta = {"product":{"id":11984182051080,"gid":"gid:\/\/shopify\/Product\/11984182051080","vendor":"The Chaos TTRPG | Venger's Decks","type":"","handle":"the-chaos-card-deck-tabletop-roleplaying-game","variants":[{"id":57914629390600,"price":2400,"name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online - Physical Deck + Digital Files","public_title":"Physical Deck + Digital Files","sku":null},{"id":57914630799624,"price":0,"name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online - Digital Files Only","public_title":"Digital Files Only","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":11984182051080,"requestId":"85833e8b-cba9-4b91-8a2b-3967f7b27893-1790645265"}};
1460  for (var attr in meta) {
1461    window.ShopifyAnalytics.meta[attr] = meta[attr];
1462  }
1463</script>
vendor: 1 bytes, line 1463
1463
1464<script class="analytics">
1465  (function () {
1466    var customDocumentWrite = function(content) {
1467      var jquery = null;
1468
1469      if (window.jQuery) {
1470        jquery = window.jQuery;
1471      } else if (window.Checkout && window.Checkout.$) {
1472        jquery = window.Checkout.$;
1473      }
1474
1475      if (jquery) {
1476        jquery('body').append(content);
1477      }
1478    };
1479
1480    var hasLoggedConversion = function(token) {
1481      if (token) {
1482        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1483      }
1484      return false;
1485    }
1486
1487    var setCookieIfConversion = function(token) {
1488      if (token) {
1489        var twoMonthsFromNow = new Date(Date.now());
1490        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1491
1492        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1493      }
1494    }
1495
1496    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1497    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1498    if (trekkie.integrations) {
1499      return;
1500    }
1501    trekkie.methods = [
1502      'identify',
1503      'page',
1504      'ready',
1505      'track',
1506      'trackForm',
1507      'trackLink'
1508    ];
1509    trekkie.factory = function(method) {
1510      return function() {
1511        var args = Array.prototype.slice.call(arguments);
1512        args.unshift(method);
1513        trekkie.push(args);
1514        if (method == 'track' || method == 'page') {
1515          var pageUrl;
1516          try {
1517            pageUrl = window.location.href;
1518          } catch (e) {}
1519          var pageReferrer;
1520          try {
1521            pageReferrer = document.referrer;
1522          } catch (e) {}
1523          try {
1524            if (window.__TREKKIE_SHIM_QUEUE == null) {
1525              window.__TREKKIE_SHIM_QUEUE = [];
1526            }
1527            window.__TREKKIE_SHIM_QUEUE.push({
1528              from: 'trekkie-stub',
1529              method: method,
1530              args: args.slice(1),
1531              pageContext: {
1532                url: pageUrl,
1533                referrer: pageReferrer
1534              }
1535            });
1536          } catch (e) {
1537            // no-op
1538          }
1539        }
1540        return trekkie;
1541      };
1542    };
1543    for (var i = 0; i < trekkie.methods.length; i++) {
1544      var key = trekkie.methods[i];
1545      trekkie[key] = trekkie.factory(key);
1546    }
1547    trekkie.load = function(config) {
1548      trekkie.config = config || {};
1549      trekkie.config.initialDocumentCookie = document.cookie;
1550      var first = document.getElementsByTagName('script')[0];
1551var script = document.createElement('script');
1552script.type = 'text/javascript';
1553script.onerror = function(e) {
1554  var scriptFallback = document.createElement('script');
1555  scriptFallback.type = 'text/javascript';
1556  scriptFallback.onerror = function(error) {
1557          var Monorail = {
1558      produce: function produce(monorailDomain, schemaId, payload) {
1559        var currentMs = new Date().getTime();
1560        var event = {
1561          schema_id: schemaId,
1562          payload: payload,
1563          metadata: {
1564            event_created_at_ms: currentMs,
1565            event_sent_at_ms: currentMs
1566          }
1567        };
1568        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1569      },
1570      sendRequest: function sendRequest(endpointUrl, payload) {
1571        // Try the sendBeacon API
1572        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1573          var blobData = new window.Blob([payload], {
1574            type: 'text/plain'
1575          });
1576
1577          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1578            return true;
1579          } // sendBeacon was not successful
1580
1581        } // XHR beacon
1582
1583        var xhr = new XMLHttpRequest();
1584
1585        try {
1586          xhr.open('POST', endpointUrl);
1587          xhr.setRequestHeader('Content-Type', 'text/plain');
1588          xhr.send(payload);
1589        } catch (e) {
1590          console.log(e);
1591        }
1592
1593        return false;
1594      },
1595      isIos12: function isIos12() {
1596        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1597      }
1598    };
1599    Monorail.produce('monorail-edge.shopifysvc.com',
1600      'trekkie_storefront_load_errors/1.1',
1601      {shop_id: 102745833736,
1602      theme_id: 200263467272,
1603      app_name: "storefront",
1604      context_url: window.location.href,
1605      source_url: "//thechaosttrpg.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1606
1607  };
1608  scriptFallback.async = true;
1609  scriptFallback.src = '//thechaosttrpg.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1610  first.parentNode.insertBefore(scriptFallback, first);
1611};
1612script.async = true;
1613script.src = '//thechaosttrpg.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1614first.parentNode.insertBefore(script, first);
1615
1616    };
1617    trekkie.load(
1618      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":102745833736,"isMerchantRequest":null,"themeId":200263467272,"themeCityHash":"5339869324115858793","contentLanguage":"en","currency":"USD","eventMetadataId":"63799429-d7e5-4856-b6da-893144db12af"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1619    );
1620
1621    var loaded = false;
1622    trekkie.ready(function() {
1623      if (loaded) return;
1624      loaded = true;
1625
1626      window.ShopifyAnalytics.lib = window.trekkie;
1627
1628      var originalDocumentWrite = document.write;
1629      document.write = customDocumentWrite;
1630      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1631      document.write = originalDocumentWrite;
1632
1633      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1634      var token = match? match[1]: undefined;
1635      if (!hasLoggedConversion(token)) {
1636        setCookieIfConversion(token);
1637        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":57914629390600,"productId":11984182051080,"productGid":"gid:\/\/shopify\/Product\/11984182051080","name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online - Physical Deck + Digital Files","price":"24.00","sku":null,"brand":"The Chaos TTRPG | Venger's Decks","variant":"Physical Deck + Digital Files","category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1638      }
1639    });
1640
1641    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":11984182051080,"requestId":"85833e8b-cba9-4b91-8a2b-3967f7b27893-1790645265","shopifyEmitted":true});
1642
1643    var eventsListenerScript = document.createElement('script');
1644    eventsListenerScript.async = true;
1645    eventsListenerScript.src = "//thechaosttrpg.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1646    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1647})();</script>
vendor: 1 bytes, line 1647
1647
1648<script
1649  defer
1650  src="https://thechaosttrpg.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1651  data-application="storefront-renderer"
1652  data-shop-id="102745833736"
1653  data-render-region="gcp-us-west1"
1654  data-page-type="product"
1655  data-theme-instance-id="200263467272"
1656  data-theme-name="Ritual"
1657  data-theme-version="4.1.4"
1658  data-monorail-region="shop_domain"
1659  data-resource-timing-sampling-rate="10"
1660  data-shs="true"
1661  data-shs-beacon="true"
1662  data-shs-export-with-fetch="true"
1663  data-shs-logs-sample-rate="1"
1664  data-shs-beacon-endpoint="https://thechaosttrpg.com/api/collect"
1665></script>
vendor: 1 bytes, line 1665
1665
1666<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1666<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"102745833736","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":"Send me the Bones Of The Realm Newsletter"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1666
1667<meta name="shopify-y" content="3c595782-30e7-4ae8-b458-d79dddbf51ef" data-expiration="1822202865000"><meta name="shopify-s" content="b37260a7-6421-426f-b6be-51daeb7dfbec" data-expiration="1790647065000"><meta name="new-cookie-storage-activated" content="t">
1668</head>
1669
1670  <body class="page-width-wide card-hover-effect-subtle-zoom">
1671    <a
1672  class="skip-to-content-link button-secondary"
1673  href="#MainContent"
1674>
1675  Skip to content
1676</a>
1677
1678
1679
1680
1681    
1682
1683<theme-drawer id="chat-drawer">
1684  <dialog
1685    ref="panel"
1686    class="theme-drawer__dialog chat-drawer"
1687  >
1688    <shopify-chat
1689      mode="standalone"
1690      mode-switch
1691    ></shopify-chat>
1692  </dialog>
1693</theme-drawer>
1694
1695<script type="module">
1696  const chatDrawer = document.querySelector('#chat-drawer');
1697  const shopifyChat = document.querySelector('shopify-chat');
1698
1699  document.addEventListener('theme-drawer:open', (event) => {
1700    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1701    shopifyChat?.setAttribute('mode', 'managed');
1702  });
1703
1704  document.addEventListener('theme-drawer:close', (event) => {
1705    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1706    // If mode is still managed, this is a theme-initiated close (backdrop /
1707    // Escape) — close the chat so the FAB appears. If mode is already
1708    // standalone, the close was triggered by an undock (enter-standalone sets
1709    // mode before closing the drawer) — leave the chat open as a floating panel.
1710    if (shopifyChat?.getAttribute('mode') === 'managed') {
1711      shopifyChat?.removeAttribute('open');
1712    }
1713    shopifyChat?.setAttribute('mode', 'standalone');
1714  });
1715
1716  document.addEventListener('shopify-chat:enter-managed', () => {
1717    // Captured at event-fire time — the dock-transition animation hint below
1718    // depends on state as it was when the event was dispatched.
1719    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
1720
1721    // The activator-click path (FAB click on desktop with stored
1722    // preferredMode=managed) dispatches enter-managed *before* calling show(),
1723    // so the chat's `open` attribute at event time understates the imminent
1724    // outcome. Defer to a microtask: by then show() (if any) has run, and we
1725    // can distinguish the viewport-driven mobile→desktop transition that left
1726    // a minimized FAB (chat stays closed → don't open an empty drawer) from
1727    // an activator click (chat just opened → open the drawer).
1728    queueMicrotask(() => {
1729      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
1730        return;
1731      }
1732      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
1733    });
1734  });
1735
1736  document.addEventListener('shopify-chat:enter-standalone', () => {
1737    shopifyChat?.setAttribute('mode', 'standalone');
1738    chatDrawer?.close?.();
1739  });
1740
1741  document.addEventListener('shopify-chat:close', () => {
1742    if (shopifyChat?.getAttribute('mode') === 'managed') {
1743      chatDrawer?.close?.();
1744    }
1745  });
1746
1747  document.addEventListener('megaMenu:hover', () => {
1748    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
1749      shopifyChat?.removeAttribute('open');
1750    }
1751  });
1752
1753  // After the chat upgrades it self-restores its preferred mode from
1754  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
1755  // — the drawer is the source of truth for which mode the chat should
1756  // be in (open → managed, closed → standalone).
1757  customElements.whenDefined('shopify-chat').then(() => {
1758    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
1759    if (shopifyChat?.getAttribute('mode') !== mode) {
1760      // When switching managed → standalone (e.g. narrow viewport skipped
1761      // drawer restore), also close the chat so it renders as the FAB
1762      // rather than an open standalone panel.
1763      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
1764        shopifyChat?.removeAttribute('open');
1765      }
1766      shopifyChat?.setAttribute('mode', mode);
1767    }
1768  });
1769</script>
1769
1770
1771
1772
1773
1774    <div class="page-wrapper">
1775      <div id="header-group">
1776        <!-- BEGIN sections: header-group -->
1777<header id="shopify-section-sections--29971686064392__header_section" class="shopify-section shopify-section-group-header-group header-section">
1778
1779
1780
1781
1782
1783<script type="application/ld+json">
1784  {
1785    "@context": "http://schema.org",
1786    "@type": "Organization",
1787    "name": "The Chaos TTRPG | Venger\u0026#39;s Decks",
1788    
1789    "url": "https:\/\/thechaosttrpg.com"
1790  }
1791</script>
1791
1792
1793<header-component
1794  id="header-component"
1795  class="header"
1796  data-theme-color="rgb(255 255 255)"
1797  data-bubble-style="default"
1798  
1799  
1800    sticky="scroll-up"
1801  
1802  data-skip-node-update
1803  data-scroll-direction="none"
1804  
1805  
1806    data-transparent-background="bottom"
1807  
1808  style="
1809    --color-background-top-row: rgba(255 255 255 / 1.0);
1810    --color-background-bottom-row: rgba(255 255 255 / 1.0);
1811    
1812    
1813      --cart-bubble-background: var(--palette-darkest);
1814      --cart-bubble-text: #ffffff;
1815    
1816    
1817  "
1818>
1819  <div class="header__underlay header__underlay-closed"></div>
1820  <div
1821    class="header__underlay header__underlay-open"
1822  ></div>
1823    
1824
1825    
1826
1827    
1828    
1829      <div
1830        class="header__row header__row--top color-#ffffff section section--full-width-margin section--page-width color-custom-top-sections--29971686064392__header_section"
1831        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
1832        <div class="header__columns spacing-style">
1833          <style data-shopify>
1834    .color-custom-top-sections--29971686064392__header_section,
1835    .color-custom-top-sections--29971686064392__header_section .text-block {
1836      /* Background */
1837      --color-background: #ffffff;
1838      --color-background-rgb: 255 255 255;
1839
1840      /* Opacity values adjusted for background brightness */
1841      
1842--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
18430.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1844
1845
1846      
1847        /* Foreground / text — explicit or smart-contrasted */
1848        --color: #000000;
1849        --color-rgb: 0 0 0;
1850        --color-foreground: #000000;
1851        --color-foreground-rgb: 0 0 0;
1852        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1853        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1854        --color-border: var(--palette-darkest);
1855        --color-border-rgb: var(--palette-darkest-rgb);
1856      
1857    }
1858
1859    
1860      .color-custom-top-sections--29971686064392__header_section {
1861        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1862           container (text/announcement/inline-text/blog-post-description/
1863           collection-link/price/sku) and never holds form inputs. */
1864        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1865        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1866        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1867        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1868      }
1869    
1870
1871    .color-custom-top-sections--29971686064392__header_section {
1872      color: var(--color, var(--color-foreground));
1873      background-color: var(--color-background);
1874    }
1875  </style>
1876
1877
1878      
1879      
1880<div
1881      class="header__column header__column--left"
1882      data-testid="header-top-left"
1883    >
1884      
1885        
1886          
1887              
1888
1889
1890
1891    <div
1892      class="header__drawer"
1893      ref="headerDrawerContainer"
1894      data-hydration-key="header-drawer-mobile"
1895      
1896    >
1897      
1898
1899
1900
1901
1902
1903
1904
1905  <style data-shopify>
1906    .color-custom-AQmd6YTVuN1Azem8vV__header-menu-1,
1907    .color-custom-AQmd6YTVuN1Azem8vV__header-menu-1 .text-block {
1908      /* Background */
1909      --color-background: #ffffff;
1910      --color-background-rgb: 255 255 255;
1911
1912      /* Opacity values adjusted for background brightness */
1913      
1914--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
19150.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1916
1917
1918      
1919        /* Foreground / text — explicit or smart-contrasted */
1920        --color: #000000;
1921        --color-rgb: 0 0 0;
1922        --color-foreground: #000000;
1923        --color-foreground-rgb: 0 0 0;
1924        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1925        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1926        --color-border: var(--palette-darkest);
1927        --color-border-rgb: var(--palette-darkest-rgb);
1928      
1929    }
1930
1931    
1932      .color-custom-AQmd6YTVuN1Azem8vV__header-menu-1 {
1933        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1934           container (text/announcement/inline-text/blog-post-description/
1935           collection-link/price/sku) and never holds form inputs. */
1936        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1937        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1938        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1939        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1940      }
1941    
1942
1943    .color-custom-AQmd6YTVuN1Azem8vV__header-menu-1 {
1944      color: var(--color, var(--color-foreground));
1945      background-color: var(--color-background);
1946    }
1947  </style>
1948
1949
1950
1951<script
1952  src="//thechaosttrpg.com/cdn/shop/t/8/assets/header-drawer.js?v=121243031541024704371786618356"
1953  type="module"
1954  fetchpriority="low"
1955></script>
1955
1956
1957<header-drawer
1958  class="header-drawer "
1959  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1960>
1961  <details
1962    id="Details-menu-drawer-container"
1963    data-skip-node-update="true"
1964    class="menu-drawer-container"
1965    ref="details"
1966    scroll-lock
1967  >
1968    <summary
1969      class="header__icon header__icon--menu header__icon--summary"
1970      aria-label="Menu"
1971      on:click="/toggle"
1972    >
1973      <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">
1974  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1975  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1976</svg>
1977</span>
1978      <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">
1979  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1980</svg>
1981</span>
1982    </summary>
1983    <div
1984      ref="menuDrawer"
1985      class="
1986        menu-drawer
1987        
1988          color-custom-AQmd6YTVuN1Azem8vV__header-menu-1
1989        
1990      "
1991    >
1992      <button
1993        class="button close-button menu-drawer__close-button focus-inset"
1994        type="button"
1995        aria-label="Close"
1996        on:click="/close"
1997      >
1998        <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">
1999  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2000</svg>
2001</span>
2002      </button>
2003      <nav
2004        class="menu-drawer__navigation"
2005        style="--menu-top-level-font-family: var(--font-accent--family);
2006--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-accent--style); --menu-top-level-font-weight: var(--font-accent--weight); --menu-top-level-font-case:uppercase;
2007
2008  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2009  var(--menu-font-2xl--line-height);
2010
2011--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2012
2013--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
2014var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
2015uppercase;
2016
2017    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2018    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2019    --menu-parent-active-font-color: var(--color-foreground);
2020  
2021--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
2022uppercase;
2023
2024    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2025    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2026  
2027
2028        "
2029        aria-label="Primary"
2030      >
2031        <ul
2032          class="menu-drawer__menu has-submenu"
2033          role="list"
2034        >
2035
2036
2037              <li
2038                class="menu-drawer__list-item"
2039                style="--menu-drawer-animation-index: 1;"
2040              ><a
2041                    id="HeaderDrawer-home"
2042                    href="/"
2043                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2044                    
2045                  >
2046                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
2047                  </a></li>
2048              <li
2049                class="menu-drawer__list-item"
2050                style="--menu-drawer-animation-index: 2;"
2051              ><details
2052                    id="Details-menu-drawer-menu-item-2"
2053                    class="menu-drawer__menu-container"
2054                  >
2055                    <summary
2056                      id="HeaderDrawer-play-it"
2057                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element menu-drawer__menu-item--active"
2058                      on:click="header-drawer/open/submenu"
2059                    >
2060                      <span class="menu-drawer__menu-item-text wrap-text">PLAY IT</span>
2061                      <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">
2062  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2063</svg>
2064</span>
2065                    </summary>
2066                    <div
2067                      id="link-play-it"
2068                      class="menu-drawer__submenu has-submenu"
2069                      tabindex="-1"
2070                      style="--menu-drawer-animation-index: 2;"
2071                    >
2072                      <div class="menu-drawer__inner-submenu">
2073                        <div class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title">
2074                          <button
2075                            class="button menu-drawer__back-button focus-inset"
2076                            on:click="header-drawer/back"
2077                            aria-label="Back to main menu"
2078                          >
2079                            <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">
2080  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2081</svg>
2082</span>
2083                          </button>
2084                          <a
2085                            href="/products/the-chaos-card-deck-tabletop-roleplaying-game"
2086                            class="menu-drawer__title focus-inset"
2087                            
2088                              aria-current="page"
2089                            
2090                          >
2091                            <span class="menu-drawer__menu-item-text wrap-text">PLAY IT</span>
2092                          </a>
2093                          <button
2094                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
2095                            type="button"
2096                            aria-label="Close"
2097                            on:click="header-drawer/close"
2098                          >
2099                            <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">
2100  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2101</svg>
2102</span>
2103                          </button>
2104                        </div>
2105                        
2106                        <ul
2107                          class="menu-drawer__menu menu-drawer__menu--childlist"
2108                          role="list"
2109                          tabindex="-1"
2110                        >
2111                          <li
2112                              class="
2113                                menu-drawer__list-item
2114                                
2115                              "
2116                            ><a
2117                                  id="HeaderDrawer-play-it-get-the-game-deck"
2118                                  href="/products/the-chaos-card-deck-tabletop-roleplaying-game"
2119                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent menu-drawer__menu-item--active"
2120                                  
2121                                    aria-current="page"
2122                                  
2123                                >
2124                                  
2125                                  <span class="menu-drawer__menu-item-text wrap-text">get the game deck</span>
2126                                </a></li><li
2127                              class="
2128                                menu-drawer__list-item
2129                                
2130                              "
2131                            ><a
2132                                  id="HeaderDrawer-play-it-play-it-solo"
2133                                  href="/pages/rules-of-the-chaos-solo-roleplaying-guide"
2134                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2135                                  
2136                                >
2137                                  
2138                                  <span class="menu-drawer__menu-item-text wrap-text">play it solo</span>
2139                                </a></li><li
2140                              class="
2141                                menu-drawer__list-item
2142                                menu-drawer__list-item--flat
2143                              "
2144                            >
2145                                
2146<a
2147                                    id="HeaderDrawer-play-it-roll-a-character"
2148                                    href="/pages/souls-of-the-chaos-introduction"
2149                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2150                                    
2151                                  >
2152                                    <span class="menu-drawer__menu-item-text wrap-text">roll a character</span>
2153                                  </a>
2154                                  
2155                                  <ul
2156                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2157                                    role="list"
2158                                    tabindex="-1"
2159                                  ><li
2160                                        class="menu-drawer__list-item"
2161                                        style="--menu-drawer-animation-index: 1;"
2162                                      >
2163                                        <a
2164                                          id="HeaderDrawer-play-it-roll-a-character-introduction"
2165                                          href="/pages/souls-of-the-chaos-introduction"
2166                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2167                                          
2168                                        >
2169                                          
2170                                          <span class="menu-drawer__menu-item-text wrap-text">introduction</span>
2171                                        </a>
2172                                      </li><li
2173                                        class="menu-drawer__list-item"
2174                                        style="--menu-drawer-animation-index: 2;"
2175                                      >
2176                                        <a
2177                                          id="HeaderDrawer-play-it-roll-a-character-arcane-weavin"
2178                                          href="/pages/souls-of-the-chaos-arcane-weavin"
2179                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2180                                          
2181                                        >
2182                                          
2183                                          <span class="menu-drawer__menu-item-text wrap-text">arcane weavin&#39;</span>
2184                                        </a>
2185                                      </li><li
2186                                        class="menu-drawer__list-item"
2187                                        style="--menu-drawer-animation-index: 3;"
2188                                      >
2189                                        <a
2190                                          id="HeaderDrawer-play-it-roll-a-character-chains"
2191                                          href="/pages/souls-of-the-chaos-chains"
2192                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2193                                          
2194                                        >
2195                                          
2196                                          <span class="menu-drawer__menu-item-text wrap-text">chains</span>
2197                                        </a>
2198                                      </li><li
2199                                        class="menu-drawer__list-item"
2200                                        style="--menu-drawer-animation-index: 4;"
2201                                      >
2202                                        <a
2203                                          id="HeaderDrawer-play-it-roll-a-character-choose-your-thing"
2204                                          href="/pages/souls-of-the-chaos-choose-your-thing"
2205                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2206                                          
2207                                        >
2208                                          
2209                                          <span class="menu-drawer__menu-item-text wrap-text">choose your thing</span>
2210                                        </a>
2211                                      </li><li
2212                                        class="menu-drawer__list-item"
2213                                        style="--menu-drawer-animation-index: 5;"
2214                                      >
2215                                        <a
2216                                          id="HeaderDrawer-play-it-roll-a-character-discords"
2217                                          href="/pages/souls-of-the-chaos-discords"
2218                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2219                                          
2220                                        >
2221                                          
2222                                          <span class="menu-drawer__menu-item-text wrap-text">discords</span>
2223                                        </a>
2224                                      </li><li
2225                                        class="menu-drawer__list-item"
2226                                        style="--menu-drawer-animation-index: 6;"
2227                                      >
2228                                        <a
2229                                          id="HeaderDrawer-play-it-roll-a-character-gear"
2230                                          href="/pages/souls-of-the-chaos-gear"
2231                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2232                                          
2233                                        >
2234                                          
2235                                          <span class="menu-drawer__menu-item-text wrap-text">gear</span>
2236                                        </a>
2237                                      </li><li
2238                                        class="menu-drawer__list-item"
2239                                        style="--menu-drawer-animation-index: 7;"
2240                                      >
2241                                        <a
2242                                          id="HeaderDrawer-play-it-roll-a-character-health-healin"
2243                                          href="/pages/souls-of-the-chaos-health-healin"
2244                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2245                                          
2246                                        >
2247                                          
2248                                          <span class="menu-drawer__menu-item-text wrap-text">health &amp; healin&#39;</span>
2249                                        </a>
2250                                      </li><li
2251                                        class="menu-drawer__list-item"
2252                                        style="--menu-drawer-animation-index: 8;"
2253                                      >
2254                                        <a
2255                                          id="HeaderDrawer-play-it-roll-a-character-hirelings"
2256                                          href="/pages/souls-of-the-chaos-hirelings"
2257                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2258                                          
2259                                        >
2260                                          
2261                                          <span class="menu-drawer__menu-item-text wrap-text">hirelings</span>
2262                                        </a>
2263                                      </li><li
2264                                        class="menu-drawer__list-item"
2265                                        style="--menu-drawer-animation-index: 9;"
2266                                      >
2267                                        <a
2268                                          id="HeaderDrawer-play-it-roll-a-character-hittin-tools-weapons"
2269                                          href="/pages/souls-of-the-chaos-hittin-tools"
2270                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2271                                          
2272                                        >
2273                                          
2274                                          <span class="menu-drawer__menu-item-text wrap-text">hittin&#39; tools (weapons)</span>
2275                                        </a>
2276                                      </li><li
2277                                        class="menu-drawer__list-item"
2278                                        style="--menu-drawer-animation-index: 10;"
2279                                      >
2280                                        <a
2281                                          id="HeaderDrawer-play-it-roll-a-character-roll-your-traits"
2282                                          href="/pages/souls-of-the-chaos-roll-your-traits"
2283                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2284                                          
2285                                        >
2286                                          
2287                                          <span class="menu-drawer__menu-item-text wrap-text">roll your traits</span>
2288                                        </a>
2289                                      </li><li
2290                                        class="menu-drawer__list-item"
2291                                        style="--menu-drawer-animation-index: 11;"
2292                                      >
2293                                        <a
2294                                          id="HeaderDrawer-play-it-roll-a-character-whack-blunters-armour"
2295                                          href="/pages/souls-of-the-chaos-whack-blunters"
2296                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2297                                          
2298                                        >
2299                                          
2300                                          <span class="menu-drawer__menu-item-text wrap-text">whack blunters (armour)</span>
2301                                        </a>
2302                                      </li><li
2303                                        class="menu-drawer__list-item"
2304                                        style="--menu-drawer-animation-index: 12;"
2305                                      >
2306                                        <a
2307                                          id="HeaderDrawer-play-it-roll-a-character-whats-gone-wrong"
2308                                          href="/pages/souls-of-the-chaos-whats-gone-wrong"
2309                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2310                                          
2311                                        >
2312                                          
2313                                          <span class="menu-drawer__menu-item-text wrap-text">what&#39;s gone wrong</span>
2314                                        </a>
2315                                      </li><li
2316                                        class="menu-drawer__list-item"
2317                                        style="--menu-drawer-animation-index: 13;"
2318                                      >
2319                                        <a
2320                                          id="HeaderDrawer-play-it-roll-a-character-whats-it-all-about"
2321                                          href="/pages/souls-of-the-chaos-whats-the-point"
2322                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2323                                          
2324                                        >
2325                                          
2326                                          <span class="menu-drawer__menu-item-text wrap-text">what&#39;s it all about</span>
2327                                        </a>
2328                                      </li><li
2329                                        class="menu-drawer__list-item"
2330                                        style="--menu-drawer-animation-index: 14;"
2331                                      >
2332                                        <a
2333                                          id="HeaderDrawer-play-it-roll-a-character-your-failed-career"
2334                                          href="/pages/souls-of-the-chaos-your-failed-career"
2335                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2336                                          
2337                                        >
2338                                          
2339                                          <span class="menu-drawer__menu-item-text wrap-text">your failed career</span>
2340                                        </a>
2341                                      </li></ul></li></ul>
2342                        
2343                      </div>
2344                    </div>
2345                  </details></li>
2346              <li
2347                class="menu-drawer__list-item"
2348                style="--menu-drawer-animation-index: 3;"
2349              ><details
2350                    id="Details-menu-drawer-menu-item-3"
2351                    class="menu-drawer__menu-container"
2352                  >
2353                    <summary
2354                      id="HeaderDrawer-run-it"
2355                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2356                      on:click="header-drawer/open/submenu"
2357                    >
2358                      <span class="menu-drawer__menu-item-text wrap-text">RUN IT</span>
2359                      <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">
2360  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2361</svg>
2362</span>
2363                    </summary>
2364                    <div
2365                      id="link-run-it"
2366                      class="menu-drawer__submenu has-submenu"
2367                      tabindex="-1"
2368                      style="--menu-drawer-animation-index: 3;"
2369                    >
2370                      <div class="menu-drawer__inner-submenu">
2371                        <div class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title">
2372                          <button
2373                            class="button menu-drawer__back-button focus-inset"
2374                            on:click="header-drawer/back"
2375                            aria-label="Back to main menu"
2376                          >
2377                            <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">
2378  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2379</svg>
2380</span>
2381                          </button>
2382                          <a
2383                            href="/pages/cook-the-chaos-introduction"
2384                            class="menu-drawer__title focus-inset"
2385                            
2386                          >
2387                            <span class="menu-drawer__menu-item-text wrap-text">RUN IT</span>
2388                          </a>
2389                          <button
2390                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
2391                            type="button"
2392                            aria-label="Close"
2393                            on:click="header-drawer/close"
2394                          >
2395                            <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">
2396  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2397</svg>
2398</span>
2399                          </button>
2400                        </div>
2401                        
2402                        <ul
2403                          class="menu-drawer__menu menu-drawer__menu--childlist"
2404                          role="list"
2405                          tabindex="-1"
2406                        >
2407                          <li
2408                              class="
2409                                menu-drawer__list-item
2410                                
2411                              "
2412                            ><a
2413                                  id="HeaderDrawer-run-it-introduction"
2414                                  href="/pages/cook-the-chaos-introduction"
2415                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2416                                  
2417                                >
2418                                  
2419                                  <span class="menu-drawer__menu-item-text wrap-text">Introduction</span>
2420                                </a></li><li
2421                              class="
2422                                menu-drawer__list-item
2423                                
2424                              "
2425                            ><a
2426                                  id="HeaderDrawer-run-it-enter-the-realm"
2427                                  href="/pages/cook-the-chaos-enter-the-realm"
2428                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2429                                  
2430                                >
2431                                  
2432                                  <span class="menu-drawer__menu-item-text wrap-text">Enter the Realm</span>
2433                                </a></li><li
2434                              class="
2435                                menu-drawer__list-item
2436                                menu-drawer__list-item--flat
2437                              "
2438                            >
2439                                
2440<a
2441                                    id="HeaderDrawer-run-it-running-a-session"
2442                                    href="/pages/cook-the-chaos-running-a-session"
2443                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2444                                    
2445                                  >
2446                                    <span class="menu-drawer__menu-item-text wrap-text">Running a Session</span>
2447                                  </a>
2448                                  
2449                                  <ul
2450                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2451                                    role="list"
2452                                    tabindex="-1"
2453                                  ><li
2454                                        class="menu-drawer__list-item"
2455                                        style="--menu-drawer-animation-index: 1;"
2456                                      >
2457                                        <a
2458                                          id="HeaderDrawer-run-it-running-a-session-keeping-track"
2459                                          href="/pages/cook-the-chaos-keeping-track"
2460                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2461                                          
2462                                        >
2463                                          
2464                                          <span class="menu-drawer__menu-item-text wrap-text">Keeping Track</span>
2465                                        </a>
2466                                      </li><li
2467                                        class="menu-drawer__list-item"
2468                                        style="--menu-drawer-animation-index: 2;"
2469                                      >
2470                                        <a
2471                                          id="HeaderDrawer-run-it-running-a-session-from-start-to-end"
2472                                          href="/pages/cook-the-chaos-running-a-session"
2473                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2474                                          
2475                                        >
2476                                          
2477                                          <span class="menu-drawer__menu-item-text wrap-text">From Start to End</span>
2478                                        </a>
2479                                      </li><li
2480                                        class="menu-drawer__list-item"
2481                                        style="--menu-drawer-animation-index: 3;"
2482                                      >
2483                                        <a
2484                                          id="HeaderDrawer-run-it-running-a-session-the-stash"
2485                                          href="/pages/cook-the-c
2485haos-the-stash"
2486                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2487                                          
2488                                        >
2489                                          
2490                                          <span class="menu-drawer__menu-item-text wrap-text">The Stash</span>
2491                                        </a>
2492                                      </li><li
2493                                        class="menu-drawer__list-item"
2494                                        style="--menu-drawer-animation-index: 4;"
2495                                      >
2496                                        <a
2497                                          id="HeaderDrawer-run-it-running-a-session-time-for-the-chaos"
2498                                          href="/pages/cook-the-chaos-time-for-the-chaos"
2499                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2500                                          
2501                                        >
2502                                          
2503                                          <span class="menu-drawer__menu-item-text wrap-text">Time for the Chaos</span>
2504                                        </a>
2505                                      </li><li
2506                                        class="menu-drawer__list-item"
2507                                        style="--menu-drawer-animation-index: 5;"
2508                                      >
2509                                        <a
2510                                          id="HeaderDrawer-run-it-running-a-session-rumours-jobs"
2511                                          href="/pages/cook-the-chaos-rumours-and-jobs"
2512                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2513                                          
2514                                        >
2515                                          
2516                                          <span class="menu-drawer__menu-item-text wrap-text">Rumours &amp; Jobs</span>
2517                                        </a>
2518                                      </li><li
2519                                        class="menu-drawer__list-item"
2520                                        style="--menu-drawer-animation-index: 6;"
2521                                      >
2522                                        <a
2523                                          id="HeaderDrawer-run-it-running-a-session-terrain-weather"
2524                                          href="/pages/cook-the-chaos-terrain-and-weather"
2525                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2526                                          
2527                                        >
2528                                          
2529                                          <span class="menu-drawer__menu-item-text wrap-text">Terrain &amp; Weather</span>
2530                                        </a>
2531                                      </li><li
2532                                        class="menu-drawer__list-item"
2533                                        style="--menu-drawer-animation-index: 7;"
2534                                      >
2535                                        <a
2536                                          id="HeaderDrawer-run-it-running-a-session-mishaps"
2537                                          href="/pages/cook-the-chaos-mishaps"
2538                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2539                                          
2540                                        >
2541                                          
2542                                          <span class="menu-drawer__menu-item-text wrap-text">Mishaps</span>
2543                                        </a>
2544                                      </li><li
2545                                        class="menu-drawer__list-item"
2546                                        style="--menu-drawer-animation-index: 8;"
2547                                      >
2548                                        <a
2549                                          id="HeaderDrawer-run-it-running-a-session-points-of-interest"
2550                                          href="/pages/cook-the-c
2550haos-points-of-interest"
2551                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2552                                          
2553                                        >
2554                                          
2555                                          <span class="menu-drawer__menu-item-text wrap-text">Points of Interest</span>
2556                                        </a>
2557                                      </li><li
2558                                        class="menu-drawer__list-item"
2559                                        style="--menu-drawer-animation-index: 9;"
2560                                      >
2561                                        <a
2562                                          id="HeaderDrawer-run-it-running-a-session-random-encounters"
2563                                          href="/pages/cook-the-chaos-random-encounters"
2564                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2565                                          
2566                                        >
2567                                          
2568                                          <span class="menu-drawer__menu-item-text wrap-text">Random Encounters</span>
2569                                        </a>
2570                                      </li><li
2571                                        class="menu-drawer__list-item"
2572                                        style="--menu-drawer-animation-index: 10;"
2573                                      >
2574                                        <a
2575                                          id="HeaderDrawer-run-it-running-a-session-wild-magicks"
2576                                          href="/pages/cook-the-chaos-wild-magicks"
2577                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2578                                          
2579                                        >
2580                                          
2581                                          <span class="menu-drawer__menu-item-text wrap-text">Wild Magicks</span>
2582                                        </a>
2583                                      </li><li
2584                                        class="menu-drawer__list-item"
2585                                        style="--menu-drawer-animation-index: 11;"
2586                                      >
2587                                        <a
2588                                          id="HeaderDrawer-run-it-running-a-session-the-destination"
2589                                          href="/pages/cook-the-chaos-the-destination"
2590                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2591                                          
2592                                        >
2593                                          
2594                                          <span class="menu-drawer__menu-item-text wrap-text">The Destination</span>
2595                                        </a>
2596                                      </li></ul></li><li
2597                              class="
2598                                menu-drawer__list-item
2599                                
2600                              "
2601                            ><a
2602                                  id="HeaderDrawer-run-it-creatures"
2603                                  href="/pages/creatures-of-the-chaos"
2604                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2605                                  
2606                                >
2607                                  
2608                                  <span class="menu-drawer__menu-item-text wrap-text">Creatures</span>
2609                                </a></li><li
2610                              class="
2611                                menu-drawer__list-item
2612                                
2613                              "
2614                            ><a
2615                                  id="HeaderDrawer-run-it-curiosities"
2616                                  href="/pages/curiosities-of-the-chaos"
2617                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2618                                  
2619                                >
2620                                  
2621                                  <span class="menu-drawer__menu-item-text wrap-text">Curiosities</span>
2622                                </a></li></ul>
2623                        
2624                      </div>
2625                    </div>
2626                  </details></li>
2627              <li
2628                class="menu-drawer__list-item"
2629                style="--menu-drawer-animation-index: 4;"
2630              ><details
2631                    id="Details-menu-drawer-menu-item-4"
2632                    class="menu-drawer__menu-container"
2633                  >
2634                    <summary
2635                      id="HeaderDrawer-rules"
2636                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2637                      on:click="header-drawer/open/submenu"
2638                    >
2639                      <span class="menu-drawer__menu-item-text wrap-text">RULES</span>
2640                      <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">
2641  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2642</svg>
2643</span>
2644                    </summary>
2645                    <div
2646                      id="link-rules"
2647                      class="menu-drawer__submenu has-submenu"
2648                      tabindex="-1"
2649                      style="--menu-drawer-animation-index: 4;"
2650                    >
2651                      <div class="menu-drawer__inner-submenu">
2652                        <div class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title">
2653                          <button
2654                            class="button menu-drawer__back-button focus-inset"
2655                            on:click="header-drawer/back"
2656                            aria-label="Back to main menu"
2657                          >
2658                            <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">
2659  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2660</svg>
2661</span>
2662                          </button>
2663                          <a
2664                            href="/pages/rules-of-the-chaos-introduction"
2665                            class="menu-drawer__title focus-inset"
2666                            
2667                          >
2668                            <span class="menu-drawer__menu-item-text wrap-text">RULES</span>
2669                          </a>
2670                          <button
2671                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
2672                            type="button"
2673                            aria-label="Close"
2674                            on:click="header-drawer/close"
2675                          >
2676                            <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">
2677  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2678</svg>
2679</span>
2680                          </button>
2681                        </div>
2682                        
2683                        <ul
2684                          class="menu-drawer__menu menu-drawer__menu--childlist"
2685                          role="list"
2686                          tabindex="-1"
2687                        >
2688                          <li
2689                              class="
2690                                menu-drawer__list-item
2691                                
2692                              "
2693                            ><a
2694                                  id="HeaderDrawer-rules-introduction"
2695                                  href="/pages/rules-of-the-chaos-introduction"
2696                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2697                                  
2698                                >
2699                                  
2700                                  <span class="menu-drawer__menu-item-text wrap-text">introduction</span>
2701                                </a></li><li
2702                              class="
2703                                menu-drawer__list-item
2704                                
2705                              "
2706                            ><a
2707                                  id="HeaderDrawer-rules-osr-conversion"
2708                                  href="/pages/osr-conversion"
2709                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2710                                  
2711                                >
2712                                  
2713                                  <span class="menu-drawer__menu-item-text wrap-text">OSR Conversion</span>
2714                                </a></li><li
2715                              class="
2716                                menu-drawer__list-item
2717                                menu-drawer__list-item--flat
2718                              "
2719                            >
2720                                
2721<a
2722                                    id="HeaderDrawer-rules-conflicts"
2723                                    href="/pages/rules-of-the-chaos-before-conflict"
2724                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2725                                    
2726                                  >
2727                                    <span class="menu-drawer__menu-item-text wrap-text">conflicts</span>
2728                                  </a>
2729                                  
2730                                  <ul
2731                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2732                                    role="list"
2733                                    tabindex="-1"
2734                                  ><li
2735                                        class="menu-drawer__list-item"
2736                                        style="--menu-drawer-animation-index: 1;"
2737                                      >
2738                                        <a
2739                                          id="HeaderDrawer-rules-conflicts-before-conflict"
2740                                          href="/pages/rules-of-the-chaos-before-conflict"
2741                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2742                                          
2743                                        >
2744                                          
2745                                          <span class="menu-drawer__menu-item-text wrap-text">before conflict</span>
2746                                        </a>
2747                                      </li><li
2748                                        class="menu-drawer__list-item"
2749                                        style="--menu-drawer-animation-index: 2;"
2750                                      >
2751                                        <a
2752                                          id="HeaderDrawer-rules-conflicts-during-conflict"
2753                                          href="/pages/rules-of-the-chaos-during-conflict"
2754                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2755                                          
2756                                        >
2757                                          
2758                                          <span class="menu-drawer__menu-item-text wrap-text">during conflict</span>
2759                                        </a>
2760                                      </li><li
2761                                        class="menu-drawer__list-item"
2762                                        style="--menu-drawer-animation-index: 3;"
2763                                      >
2764                                        <a
2765                                          id="HeaderDrawer-rules-conflicts-character-turns"
2766                                          href="/pages/rules-of-the-chaos-characters-turns"
2767                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2768                                          
2769                                        >
2770                                          
2771                                          <span class="menu-drawer__menu-item-text wrap-text">character turns</span>
2772                                        </a>
2773                                      </li><li
2774                                        class="menu-drawer__list-item"
2775                                        style="--menu-drawer-animation-index: 4;"
2776                                      >
2777                                        <a
2778                                          id="HeaderDrawer-rules-conflicts-creature-turns"
2779                                          href="/pages/rules-of-the-chaos-creatures-turns"
2780                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2781                                          
2782                                        >
2783                                          
2784                                          <span class="menu-drawer__menu-item-text wrap-text">creature turns</span>
2785                                        </a>
2786                                      </li><li
2787                                        class="menu-drawer__list-item"
2788                                        style="--menu-drawer-animation-index: 5;"
2789                                      >
2790                                        <a
2791                                          id="HeaderDrawer-rules-conflicts-new-paths"
2792                                          href="/pages/rules-of-the-chaos-new-paths"
2793                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2794                                          
2795                                        >
2796                                          
2797                                          <span class="menu-drawer__menu-item-text wrap-text">new paths</span>
2798                                        </a>
2799                                      </li></ul></li><li
2800                              class="
2801                                menu-drawer__list-item
2802                                menu-drawer__list-item--flat
2803                              "
2804                            >
2805                                
2806<a
2807                                    id="HeaderDrawer-rules-general-rules"
2808                                    href="/pages/rules-of-the-chaos-introduction"
2809                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2810                                    
2811                                  >
2812                                    <span class="menu-drawer__menu-item-text wrap-text">General Rules</span>
2813                                  </a>
2814                                  
2815                                  <ul
2816                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2817                                    role="list"
2818                                    tabindex="-1"
2819                                  ><li
2820                                        class="menu-drawer__list-item"
2821                                        style="--menu-drawer-animation-index: 1;"
2822                                      >
2823                                        <a
2824                                          id="HeaderDrawer-rules-general-rules-roll-odds-or-traits"
2825                                          href="/pages/rules-of-the-chaos-rapid-rulin"
2826                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2827                                          
2828                                        >
2829                                          
2830                                          <span class="menu-drawer__menu-item-text wrap-text">roll odds or traits</span>
2831                                        </a>
2832                                      </li><li
2833                                        class="menu-drawer__list-item"
2834                                        style="--menu-drawer-animation-index: 2;"
2835                                      >
2836                                        <a
2837                                          id="HeaderDrawer-rules-general-rules-how-to-play-dirty"
2838                                          href="/pages/rules-of-the-chaos-playin-dirty"
2839                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2840                                          
2841                                        >
2842                                          
2843                                          <span class="menu-drawer__menu-item-text wrap-text">how to play dirty</span>
2844                                        </a>
2845                                      </li><li
2846                                        class="menu-drawer__list-item"
2847                                        style="--menu-drawer-animation-index: 3;"
2848                                      >
2849                                        <a
2850                                          id="HeaderDrawer-rules-general-rules-grit-mechanic"
2851                                          href="/pages/rules-of-the-chaos-grit-tables"
2852                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2853                                          
2854                                        >
2855                                          
2856                                          <span class="menu-drawer__menu-item-text wrap-text">grit mechanic</span>
2857                                        </a>
2858                                      </li><li
2859                                        class="menu-drawer__list-item"
2860                                        style="--menu-drawer-animation-index: 4;"
2861                                      >
2862                                        <a
2863                                          id="HeaderDrawer-rules-general-rules-roll-modifiers"
2864                                          href="/pages/rules-of-the-chaos-modifiers"
2865                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2866                                          
2867                                        >
2868                                          
2869                                          <span class="menu-drawer__menu-item-text wrap-text">roll modifiers</span>
2870                                        </a>
2871                                      </li><li
2872                                        class="menu-drawer__list-item"
2873                                        style="--menu-drawer-animation-index: 5;"
2874                                      >
2875                                        <a
2876                                          id="HeaderDrawer-rules-general-rules-the-exploration-loop"
2877                                          href="/pages/rules-of-the-chaos-the-exploration-loop"
2878                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2879                                          
2880                                        >
2881                                          
2882                                          <span class="menu-drawer__menu-item-text wrap-text">the exploration loop</span>
2883                                        </a>
2884                                      </li><li
2885                                        class="menu-drawer__list-item"
2886                                        style="--menu-drawer-animation-index: 6;"
2887                                      >
2888                                        <a
2889                                          id="HeaderDrawer-rules-general-rules-add-complications"
2890                                          href="/pages/rules-of-the-chaos-complications"
2891                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2892                                          
2893                                        >
2894                                          
2895                                          <span class="menu-drawer__menu-item-text wrap-text">add complications</span>
2896                                        </a>
2897                                      </li><li
2898                                        class="menu-drawer__list-item"
2899                                        style="--menu-drawer-animation-index: 7;"
2900                                      >
2901                                        <a
2902                                          id="HeaderDrawer-rules-general-rules-darkness-mechanic"
2903                                          href="/pages/rules-of-the-chaos-hello-darkness"
2904                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2905                                          
2906                                        >
2907                                          
2908                                          <span class="menu-drawer__menu-item-text wrap-text">darkness mechanic</span>
2909                                        </a>
2910                                      </li><li
2911                                        class="menu-drawer__list-item"
2912                                        style="--menu-drawer-animation-index: 8;"
2913                                      >
2914                                        <a
2915                                          id="HeaderDrawer-rules-general-rules-rumour-churning"
2916                                          href="/pages/rules-of-the-chaos-rumour-churnin"
2917                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
2918                                          
2919                                        >
2920                                          
2921                                          <span class="menu-drawer__menu-item-text wrap-text">rumour churning</span>
2922                                        </a>
2923                                      </li></ul></li></ul>
2924                        
2925                      </div>
2926                    </div>
2927                  </details></li>
2928              <li
2929                class="menu-drawer__list-item"
2930                style="--menu-drawer-animation-index: 5;"
2931              ><details
2932                    id="Details-menu-drawer-menu-item-5"
2933                    class="menu-drawer__menu-container"
2934                  >
2935                    <summary
2936                      id="HeaderDrawer-tools"
2937                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2938                      on:click="header-drawer/open/submenu"
2939                    >
2940                      <span class="menu-drawer__menu-item-text wrap-text">TOOLS</span>
2941                      <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">
2942  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2943</svg>
2944</span>
2945                    </summary>
2946                    <div
2947                      id="link-tools"
2948                      class="menu-drawer__submenu has-submenu"
2949                      tabindex="-1"
2950                      style="--menu-drawer-animation-index: 5;"
2951                    >
2952                      <div class="menu-drawer__inner-submenu">
2953                        <div class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title">
2954                          <button
2955                            class="button menu-drawer__back-button focus-inset"
2956                            on:click="header-drawer/back"
2957                            aria-label="Back to main menu"
2958                          >
2959                            <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">
2960  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2961</svg>
2962</span>
2963                          </button>
2964                          <a
2965                            href="/pages/the-chaos-ttrpg-random-roll-tools"
2966                            class="menu-drawer__title focus-inset"
2967                            
2968                          >
2969                            <span class="menu-drawer__menu-item-text wrap-text">TOOLS</span>
2970                          </a>
2971                          <button
2972                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
2973                            type="button"
2974                            aria-label="Close"
2975                            on:click="header-drawer/close"
2976                          >
2977                            <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">
2978  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2979</svg>
2980</span>
2981                          </button>
2982                        </div>
2983                        
2984                        <ul
2985                          class="menu-drawer__menu menu-drawer__menu--childlist"
2986                          role="list"
2987                          tabindex="-1"
2988                        >
2989                          <li
2990                              class="
2991                                menu-drawer__list-item
2992                                
2993                              "
2994                            ><a
2995                                  id="HeaderDrawer-tools-the-chaos-ledger-roll-record-your-session"
2996                                  href="/pages/the-chaos-ledger"
2997                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
2998                                  
2999                                >
3000                                  
3001                                  <span class="menu-drawer__menu-item-text wrap-text">The Chaos Ledger - Roll + Record Your Session</span>
3002                                </a></li><li
3003                              class="
3004                                menu-drawer__list-item
3005                                
3006                              "
3007                            ><a
3008                                  id="HeaderDrawer-tools-the-chaos-oracle-react-to-wins-wounds"
3009                                  href="/pages/the-chaos-oracle-react-to-wins-wounds"
3010                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3011                                  
3012                                >
3013                                  
3014                                  <span class="menu-drawer__menu-item-text wrap-text">The Chaos Oracle - React To Wins + Wounds</span>
3015                                </a></li><li
3016                              class="
3017                                menu-drawer__list-item
3018                                
3019                              "
3020                            ><a
3021                                  id="HeaderDrawer-tools-chaos-rolls-random-generators"
3022                                  href="/pages/the-chaos-ttrpg-random-roll-tools"
3023                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3024                                  
3025                                >
3026                                  
3027                                  <span class="menu-drawer__menu-item-text wrap-text">Chaos Rolls - Random Generators</span>
3028                                </a></li><li
3029                              class="
3030                                menu-drawer__list-item
3031                                
3032                              "
3033                            ><a
3034                                  id="HeaderDrawer-tools-the-chaos-player-board"
3035                                  href="/pages/the-chaos-player-board-roll-record-your-sessions"
3036                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3037                                  
3038                                >
3039                                  
3040                                  <span class="menu-drawer__menu-item-text wrap-text">The Chaos Player Board</span>
3041                                </a></li><li
3042                              class="
3043                                menu-drawer__list-item
3044                                
3045                              "
3046                            ><a
3047                                  id="HeaderDrawer-tools-free-maps"
3048                                  href="/products/the-chaos-ttrpg-free-battlemap-pack"
3049                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3050                                  
3051                                >
3052                                  
3053                                  <span class="menu-drawer__menu-item-text wrap-text">Free Maps</span>
3054                                </a></li><li
3055                              class="
3056                                menu-drawer__list-item
3057                                
3058                              "
3059                            ><a
3060                                  id="HeaderDrawer-tools-safety-tools"
3061                                  href="/pages/rules-of-the-chaos-safety-first"
3062                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3063                                  
3064                                >
3065                                  
3066                                  <span class="menu-drawer__menu-item-text wrap-text">safety tools</span>
3067                                </a></li><li
3068                              class="
3069                                menu-drawer__list-item
3070                                
3071                              "
3072                            ><a
3073                                  id="HeaderDrawer-tools-cheat-sheet"
3074                                  href="/pages/the-chaos-quickstart-cheat-sheet"
3075                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3076                                  
3077                                >
3078                                  
3079                                  <span class="menu-drawer__menu-item-text wrap-text">Cheat Sheet</span>
3080                                </a></li><li
3081                              class="
3082                                menu-drawer__list-item
3083                                
3084                              "
3085                            ><a
3086                                  id="HeaderDrawer-tools-examples-of-play"
3087                                  href="/pages/examples-of-the-chaos"
3088                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3089                                  
3090                                >
3091                                  
3092                                  <span class="menu-drawer__menu-item-text wrap-text">Examples of play</span>
3093                                </a></li></ul>
3094                        
3095                      </div>
3096                    </div>
3097                  </details></li>
3098              <li
3099                class="menu-drawer__list-item"
3100                style="--menu-drawer-animation-index: 6;"
3101              ><a
3102                    id="HeaderDrawer-shoppe"
3103                    href="/collections/shoppe-krenvas-relics-of-the-realm"
3104                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
3105                    
3106                  >
3107                    <span class="menu-drawer__menu-item-text wrap-text">SHOPPE</span>
3108                  </a></li>
3109              <li
3110                class="menu-drawer__list-item"
3111                style="--menu-drawer-animation-index: 7;"
3112              ><details
3113                    id="Details-menu-drawer-menu-item-7"
3114                    class="menu-drawer__menu-container"
3115                  >
3116                    <summary
3117                      id="HeaderDrawer-community"
3118                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
3119                      on:click="header-drawer/open/submenu"
3120                    >
3121                      <span class="menu-drawer__menu-item-text wrap-text">COMMUNITY</span>
3122                      <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">
3123  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3124</svg>
3125</span>
3126                    </summary>
3127                    <div
3128                      id="link-community"
3129                      class="menu-drawer__submenu has-submenu"
3130                      tabindex="-1"
3131                      style="--menu-drawer-animation-index: 7;"
3132                    >
3133                      <div class="menu-drawer__inner-submenu">
3134                        <div class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title">
3135                          <button
3136                            class="button menu-drawer__back-button focus-inset"
3137                            on:click="header-drawer/back"
3138                            aria-label="Back to main menu"
3139                          >
3140                            <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">
3141  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3142</svg>
3143</span>
3144                          </button>
3145                          <a
3146                            href="/pages/bones-of-the-realm-blog"
3147                            class="menu-drawer__title focus-inset"
3148                            
3149                          >
3150                            <span class="menu-drawer__menu-item-text wrap-text">COMMUNITY</span>
3151                          </a>
3152                          <button
3153                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
3154                            type="button"
3155                            aria-label="Close"
3156                            on:click="header-drawer/close"
3157                          >
3158                            <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">
3159  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3160</svg>
3161</span>
3162                          </button>
3163                        </div>
3164                        
3165                        <ul
3166                          class="menu-drawer__menu menu-drawer__menu--childlist"
3167                          role="list"
3168                          tabindex="-1"
3169                        >
3170                          <li
3171                              class="
3172                                menu-drawer__list-item
3173                                menu-drawer__list-item--flat
3174                              "
3175                            >
3176                                
3177<a
3178                                    id="HeaderDrawer-community-newsletter-blog"
3179                                    href="/pages/bones-of-the-realm-blog"
3180                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3181                                    
3182                                  >
3183                                    <span class="menu-drawer__menu-item-text wrap-text">Newsletter / Blog</span>
3184                                  </a>
3185                                  
3186                                  <ul
3187                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3188                                    role="list"
3189                                    tabindex="-1"
3190                                  ><li
3191                                        class="menu-drawer__list-item"
3192                                        style="--menu-drawer-animation-index: 1;"
3193                                      >
3194                                        <a
3195                                          id="HeaderDrawer-community-newsletter-blog-sign-up"
3196                                          href="/pages/bones-of-the-realm-blog"
3197                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
3198                                          
3199                                        >
3200                                          
3201                                          <span class="menu-drawer__menu-item-text wrap-text">Sign Up</span>
3202                                        </a>
3203                                      </li><li
3204                                        class="menu-drawer__list-item"
3205                                        style="--menu-drawer-animation-index: 2;"
3206                                      >
3207                                        <a
3208                                          id="HeaderDrawer-community-newsletter-blog-back-issues-blog"
3209                                          href="/blogs/bones-of-the-realm-back-issues-blog"
3210                                          class="menu-drawer__menu-item menu-drawer__menu-item--child"
3211                                          
3212                                        >
3213                                          
3214                                          <span class="menu-drawer__menu-item-text wrap-text">Back Issues Blog</span>
3215                                        </a>
3216                                      </li></ul></li><li
3217                              class="
3218                                menu-drawer__list-item
3219                                
3220                              "
3221                            ><a
3222                                  id="HeaderDrawer-community-get-in-touch"
3223                                  href="/pages/get-in-touch"
3224                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3225                                  
3226                                >
3227                                  
3228                                  <span class="menu-drawer__menu-item-text wrap-text">Get In Touch</span>
3229                                </a></li><li
3230                              class="
3231                                menu-drawer__list-item
3232                                
3233                              "
3234                            ><a
3235                                  id="HeaderDrawer-community-toss-a-coin"
3236                                  href="/pages/support-the-chaos"
3237                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3238                                  
3239                                >
3240                                  
3241                                  <span class="menu-drawer__menu-item-text wrap-text">Toss a Coin</span>
3242                                </a></li><li
3243                              class="
3244                                menu-drawer__list-item
3245                                
3246                              "
3247                            ><a
3248                                  id="HeaderDrawer-community-help-end-poverty"
3249                                  href="/pages/add-a-tip-to-help-end-poverty"
3250                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3251                                  
3252                                >
3253                                  
3254                                  <span class="menu-drawer__menu-item-text wrap-text">Help End Poverty</span>
3255                                </a></li><li
3256                              class="
3257                                menu-drawer__list-item
3258                                
3259                              "
3260                            ><a
3261                                  id="HeaderDrawer-community-retailers-wholesale"
3262                                  href="/pages/wholesale-stock-the-chaos-ttrpg-in-your-store"
3263                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3264                                  
3265                                >
3266                                  
3267                                  <span class="menu-drawer__menu-item-text wrap-text">Retailers / Wholesale</span>
3268                                </a></li><li
3269                              class="
3270                                menu-drawer__list-item
3271                                
3272                              "
3273                            ><a
3274                                  id="HeaderDrawer-community-discord"
3275                                  href="https://discord.gg/q3sWmtUYbT"
3276                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent"
3277                                  
3278                                >
3279                                  
3280                                  <span class="menu-drawer__menu-item-text wrap-text">DISCORD</span>
3281                                </a></li></ul>
3282                        
3283                      </div>
3284                    </div>
3285                  </details></li>
3286        </ul>
3287      </nav>
3288      <div
3289        class="menu-drawer__utility-links menu-drawer__animated-element"
3290        style="--menu-drawer-animation-index: 7;"
3291      >
3292        
3293        
3294          
3295          
3296            <drawer-localization-component class="menu-drawer__localization">
3297              <details
3298                id="drawer-localization"
3299                class="drawer-localization"
3300                on:toggle="/toggle"
3301              >
3302                <summary
3303                  id="HeaderDrawer-localization"
3304                  class="drawer-localization__button h3 focus-inset"
3305                  aria-expanded="false"
3306                  on:click="header-drawer/open/submenu"
3307                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3308                >
3309                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country"><span class="currency-code">USD</span>
3310                      </div></div>
3311                  <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">
3312  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3313</svg>
3314</span>
3315                </summary>
3316
3317                <div
3318                  class="menu-drawer__submenu has-submenu color-custom-drawer"
3319                >
3320                  <div
3321                    class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title"
3322                    ref="navButtons"
3323                  >
3324                    <button
3325                      class="button menu-drawer__back-button focus-inset"
3326                      on:click="header-drawer/back"
3327                      aria-label="Back to main menu"
3328                    >
3329                      <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">
3330  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3331</svg>
3332</span>
3333                    </button>
3334                    <span class="menu-drawer__title">Region and language</span>
3335                    <button
3336                      class="button close-button menu-drawer__close-button focus-inset"
3337                      type="button"
3338                      aria-label="Close"
3339                      on:click="header-drawer/close"
3340                    >
3341                      <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">
3342  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3343</svg>
3344</span>
3345                    </button>
3346                  </div>
3347
3348                  
3349<localization-form-component
3350  ref="localizationForm"
3351  data-label-results-count="[count] results"
3352  data-show-filter="true"
3353  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3354>
3355  
3356<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" />
3357      
3358        <div class="country-filter">
3359          <div class="field">
3360            <div class="country-filter__search-icon field__button">
3361              <span class="svg-wrapper">
3362                <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>
3363
3364              </span>
3365            </div>
3366            <input
3367              class="country-filter__input"
3368              id="country-filter-input"
3369              type="search"
3370              name="country_filter"
3371              value=""
3372              placeholder="Search"
3373              role="combobox"
3374              aria-owns="country-results"
3375              aria-controls="country-results"
3376              aria-haspopup="listbox"
3377              aria-autocomplete="list"
3378              aria-label="Find country"
3379              autocorrect="off"
3380              autocomplete="off"
3381              autocapitalize="off"
3382              spellcheck="false"
3383              ref="search"
3384              on:keyup="/filterCountries"
3385            >
3386            <label
3387              class="field__label visually-hidden"
3388              for="country-filter-input"
3389            >Search</label>
3390            <button
3391              type="reset"
3392              class="button button-unstyled country-filter__reset-button field__button"
3393              aria-label="Reset"
3394              ref="resetButton"
3395              hidden
3396              on:click="/resetCountriesFilter"
3397            >
3398              <span class="svg-wrapper">
3399                <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>
3400
3401              </span>
3402            </button>
3403          </div>
3404        </div>
3405      
3406      <div class="country-selector-form__wrapper">
3407        <h2
3408          class="visually-hidden"
3409          id="drawer-CountryLabel"
3410        >
3411          Country/Region
3412        </h2>
3413        
3414          <div
3415            id="sr-country-search-results-AQmd6YTVuN1Azem8vV__header-menu-1"
3416            class="visually-hidden"
3417            aria-live="polite"
3418            ref="liveRegion"
3419          ></div>
3420        
3421        <div
3422          class="localization-form__list"
3423          id="drawer-country-results"
3424          ref="countryList"
3425        >
3426          
3427          <ul
3428            role="list"
3429            class="list-unstyled countries"
3430          >
3431            <span
3432              class="localization-form__list-item localization-form__list-item-disabled"
3433              id="no-results-message"
3434              ref="noResultsMessage"
3435              hidden
3436            >No results found</span>
3437              <li
3438                class="localization-form__list-item"
3439                
3440                data-value="AL"
3441                
3442                  data-aliases=""
3443                
3444                id="Albania"
3445                aria-label="Albania"
3446                role="option"
3447                tabindex="-1"
3448                ref="countryListItems[]"
3449                on:click="/selectCountry/AL"
3450              >
3451                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3452<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3453</svg>
3454</span>
3455                <span class="country">Albania</span>
3456                <span
3457                  class="localization-form__currency"
3458                  
3459                >
3460                  ALL
3461                  L</span>
3462              </li>
3463              <li
3464                class="localization-form__list-item"
3465                
3466                data-value="DZ"
3467                
3468                  data-aliases=""
3469                
3470                id="Algeria"
3471                aria-label="Algeria"
3472                role="option"
3473                tabindex="-1"
3474                ref="countryListItems[]"
3475                on:click="/selectCountry/DZ"
3476              >
3477                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3478<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3479</svg>
3480</span>
3481                <span class="country">Algeria</span>
3482                <span
3483                  class="localization-form__currency"
3484                  
3485                >
3486                  DZD
3487                  د.ج</span>
3488              </li>
3489              <li
3490                class="localization-form__list-item"
3491                
3492                data-value="AD"
3493                
3494                  data-aliases=""
3495                
3496                id="Andorra"
3497                aria-label="Andorra"
3498                role="option"
3499                tabindex="-1"
3500                ref="countryListItems[]"
3501                on:click="/selectCountry/AD"
3502              >
3503                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3504<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3505</svg>
3506</span>
3507                <span class="country">Andorra</span>
3508                <span
3509                  class="localization-form__currency"
3510                  
3511                >
3512                  EUR
3513                  €</span>
3514              </li>
3515              <li
3516                class="localization-form__list-item"
3517                
3518                data-value="AO"
3519                
3520                  data-aliases=""
3521                
3522                id="Angola"
3523                aria-label="Angola"
3524                role="option"
3525                tabindex="-1"
3526                ref="countryListItems[]"
3527                on:click="/selectCountry/AO"
3528              >
3529                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3530<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3531</svg>
3532</span>
3533                <span class="country">Angola</span>
3534                <span
3535                  class="localization-form__currency"
3536                  
3537                >
3538                  GBP
3539                  £</span>
3540              </li>
3541              <li
3542                class="localization-form__list-item"
3543                
3544                data-value="AI"
3545                
3546                  data-aliases=""
3547                
3548                id="Anguilla"
3549                aria-label="Anguilla"
3550                role="option"
3551                tabindex="-1"
3552                ref="countryListItems[]"
3553                on:click="/selectCountry/AI"
3554              >
3555                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3556<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3557</svg>
3558</span>
3559                <span class="country">Anguilla</span>
3560                <span
3561                  class="localization-form__currency"
3562                  
3563                >
3564                  XCD
3565                  $</span>
3566              </li>
3567              <li
3568                class="localization-form__list-item"
3569                
3570                data-value="AG"
3571                
3572                  data-aliases=""
3573                
3574                id="Antigua &amp; Barbuda"
3575                aria-label="Antigua &amp; Barbuda"
3576                role="option"
3577                tabindex="-1"
3578                ref="countryListItems[]"
3579                on:click="/selectCountry/AG"
3580              >
3581                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3582<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3583</svg>
3584</span>
3585                <span class="country">Antigua &amp; Barbuda</span>
3586                <span
3587                  class="localization-form__currency"
3588                  
3589                >
3590                  XCD
3591                  $</span>
3592              </li>
3593              <li
3594                class="localization-form__list-item"
3595                
3596                data-value="AR"
3597                
3598                  data-aliases=""
3599                
3600                id="Argentina"
3601                aria-label="Argentina"
3602                role="option"
3603                tabindex="-1"
3604                ref="countryListItems[]"
3605                on:click="/selectCountry/AR"
3606              >
3607                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3608<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3609</svg>
3610</span>
3611                <span class="country">Argentina</span>
3612                <span
3613                  class="localization-form__currency"
3614                  
3615                >
3616                  GBP
3617                  £</span>
3618              </li>
3619              <li
3620                class="localization-form__list-item"
3621                
3622                data-value="AM"
3623                
3624                  data-aliases=""
3625                
3626                id="Armenia"
3627                aria-label="Armenia"
3628                role="option"
3629                tabindex="-1"
3630                ref="countryListItems[]"
3631                on:click="/selectCountry/AM"
3632              >
3633                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3634<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3635</svg>
3636</span>
3637                <span class="country">Armenia</span>
3638                <span
3639                  class="localization-form__currency"
3640                  
3641                >
3642                  AMD
3643                  դր.</span>
3644              </li>
3645              <li
3646                class="localization-form__list-item"
3647                
3648                data-value="AW"
3649                
3650                  data-aliases=""
3651                
3652                id="Aruba"
3653                aria-label="Aruba"
3654                role="option"
3655                tabindex="-1"
3656                ref="countryListItems[]"
3657                on:click="/selectCountry/AW"
3658              >
3659                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3660<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3661</svg>
3662</span>
3663                <span class="country">Aruba</span>
3664                <span
3665                  class="localization-form__currency"
3666                  
3667                >
3668                  AWG
3669                  ƒ</span>
3670              </li>
3671              <li
3672                class="localization-form__list-item"
3673                
3674                data-value="AU"
3675                
3676                  data-aliases=""
3677                
3678                id="Australia"
3679                aria-label="Australia"
3680                role="option"
3681                tabindex="-1"
3682                ref="countryListItems[]"
3683                on:click="/selectCountry/AU"
3684              >
3685                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3686<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3687</svg>
3688</span>
3689                <span class="country">Australia</span>
3690                <span
3691                  class="localization-form__currency"
3692                  
3693                >
3694                  AUD
3695                  $</span>
3696              </li>
3697              <li
3698                class="localization-form__list-item"
3699                
3700                data-value="AT"
3701                
3702                  data-aliases=""
3703                
3704                id="Austria"
3705                aria-label="Austria"
3706                role="option"
3707                tabindex="-1"
3708                ref="countryListItems[]"
3709                on:click="/selectCountry/AT"
3710              >
3711                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3712<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3713</svg>
3714</span>
3715                <span class="country">Austria</span>
3716                <span
3717                  class="localization-form__currency"
3718                  
3719                >
3720                  EUR
3721                  €</span>
3722              </li>
3723              <li
3724                class="localization-form__list-item"
3725                
3726                data-value="AZ"
3727                
3728                  data-aliases=""
3729                
3730                id="Azerbaijan"
3731                aria-label="Azerbaijan"
3732                role="option"
3733                tabindex="-1"
3734                ref="countryListItems[]"
3735                on:click="/selectCountry/AZ"
3736              >
3737                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3738<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3739</svg>
3740</span>
3741                <span class="country">Azerbaijan</span>
3742                <span
3743                  class="localization-form__currency"
3744                  
3745                >
3746                  AZN
3747                  ₼</span>
3748              </li>
3749              <li
3750                class="localization-form__list-item"
3751                
3752                data-value="BS"
3753                
3754                  data-aliases=""
3755                
3756                id="Bahamas"
3757                aria-label="Bahamas"
3758                role="option"
3759                tabindex="-1"
3760                ref="countryListItems[]"
3761                on:click="/selectCountry/BS"
3762              >
3763                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3764<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3765</svg>
3766</span>
3767                <span class="country">Bahamas</span>
3768                <span
3769                  class="localization-form__currency"
3770                  
3771                >
3772                  BSD
3773                  $</span>
3774              </li>
3775              <li
3776                class="localization-form__list-item"
3777                
3778                data-value="BH"
3779                
3780                  data-aliases=""
3781                
3782                id="Bahrain"
3783                aria-label="Bahrain"
3784                role="option"
3785                tabindex="-1"
3786                ref="countryListItems[]"
3787                on:click="/selectCountry/BH"
3788              >
3789                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3790<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3791</svg>
3792</span>
3793                <span class="country">Bahrain</span>
3794                <span
3795                  class="localization-form__currency"
3796                  
3797                >
3798                  GBP
3799                  £</span>
3800              </li>
3801              <li
3802                class="localization-form__list-item"
3803                
3804                data-value="BD"
3805                
3806                  data-aliases=""
3807                
3808                id="Bangladesh"
3809                aria-label="Bangladesh"
3810                role="option"
3811                tabindex="-1"
3812                ref="countryListItems[]"
3813                on:click="/selectCountry/BD"
3814              >
3815                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3816<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3817</svg>
3818</span>
3819                <span class="country">Bangladesh</span>
3820                <span
3821                  class="localization-form__currency"
3822                  
3823                >
3824                  BDT
3825                  à§³</span>
3826              </li>
3827              <li
3828                class="localization-form__list-item"
3829                
3830                data-value="BB"
3831                
3832                  data-aliases=""
3833                
3834                id="Barbados"
3835                aria-label="Barbados"
3836                role="option"
3837                tabindex="-1"
3838                ref="countryListItems[]"
3839                on:click="/selectCountry/BB"
3840              >
3841                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3842<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3843</svg>
3844</span>
3845                <span class="country">Barbados</span>
3846                <span
3847                  class="localization-form__currency"
3848                  
3849                >
3850                  BBD
3851                  $</span>
3852              </li>
3853              <li
3854                class="localization-form__list-item"
3855                
3856                data-value="BE"
3857                
3858                  data-aliases=""
3859                
3860                id="Belgium"
3861                aria-label="Belgium"
3862                role="option"
3863                tabindex="-1"
3864                ref="countryListItems[]"
3865                on:click="/selectCountry/BE"
3866              >
3867                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3868<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3869</svg>
3870</span>
3871                <span class="country">Belgium</span>
3872                <span
3873                  class="localization-form__currency"
3874                  
3875                >
3876                  EUR
3877                  €</span>
3878              </li>
3879              <li
3880                class="localization-form__list-item"
3881                
3882                data-value="BZ"
3883                
3884                  data-aliases=""
3885                
3886                id="Belize"
3887                aria-label="Belize"
3888                role="option"
3889                tabindex="-1"
3890                ref="countryListItems[]"
3891                on:click="/selectCountry/BZ"
3892              >
3893                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3894<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3895</svg>
3896</span>
3897                <span class="country">Belize</span>
3898                <span
3899                  class="localization-form__currency"
3900                  
3901                >
3902                  BZD
3903                  $</span>
3904              </li>
3905              <li
3906                class="localization-form__list-item"
3907                
3908                data-value="BJ"
3909                
3910                  data-aliases=""
3911                
3912                id="Benin"
3913                aria-label="Benin"
3914                role="option"
3915                tabindex="-1"
3916                ref="countryListItems[]"
3917                on:click="/selectCountry/BJ"
3918              >
3919                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3920<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3921</svg>
3922</span>
3923                <span class="country">Benin</span>
3924                <span
3925                  class="localization-form__currency"
3926                  
3927                >
3928                  XOF
3929                  Fr</span>
3930              </li>
3931              <li
3932                class="localization-form__list-item"
3933                
3934                data-value="BM"
3935                
3936                  data-aliases=""
3937                
3938                id="Bermuda"
3939                aria-label="Bermuda"
3940                role="option"
3941                tabindex="-1"
3942                ref="countryListItems[]"
3943                on:click="/selectCountry/BM"
3944              >
3945                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3946<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3947</svg>
3948</span>
3949                <span class="country">Bermuda</span>
3950                <span
3951                  class="localization-form__currency"
3952                  
3953                >
3954                  USD
3955                  $</span>
3956              </li>
3957              <li
3958                class="localization-form__list-item"
3959                
3960                data-value="BO"
3961                
3962                  data-aliases=""
3963                
3964                id="Bolivia"
3965                aria-label="Bolivia"
3966                role="option"
3967                tabindex="-1"
3968                ref="countryListItems[]"
3969                on:click="/selectCountry/BO"
3970              >
3971                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3972<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3973</svg>
3974</span>
3975                <span class="country">Bolivia</span>
3976                <span
3977                  class="localization-form__currency"
3978                  
3979                >
3980                  BOB
3981                  Bs.</span>
3982              </li>
3983              <li
3984                class="localization-form__list-item"
3985                
3986                data-value="BA"
3987                
3988                  data-aliases=""
3989                
3990                id="Bosnia &amp; Herzegovina"
3991                aria-label="Bosnia &amp; Herzegovina"
3992                role="option"
3993                tabindex="-1"
3994                ref="countryListItems[]"
3995                on:click="/selectCountry/BA"
3996              >
3997                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3998<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3999</svg>
4000</span>
4001                <span class="country">Bosnia &amp; Herzegovina</span>
4002                <span
4003                  class="localization-form__currency"
4004                  
4005                >
4006                  BAM
4007                  КМ</span>
4008              </li>
4009              <li
4010                class="localization-form__list-item"
4011                
4012                data-value="BW"
4013                
4014                  data-aliases=""
4015                
4016                id="Botswana"
4017                aria-label="Botswana"
4018                role="option"
4019                tabindex="-1"
4020                ref="countryListItems[]"
4021                on:click="/selectCountry/BW"
4022              >
4023                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4024<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4025</svg>
4026</span>
4027                <span class="country">Botswana</span>
4028                <span
4029                  class="localization-form__currency"
4030                  
4031                >
4032                  BWP
4033                  P</span>
4034              </li>
4035              <li
4036                class="localization-form__list-item"
4037                
4038                data-value="BR"
4039                
4040                  data-aliases=""
4041                
4042                id="Brazil"
4043                aria-label="Brazil"
4044                role="option"
4045                tabindex="-1"
4046                ref="countryListItems[]"
4047                on:click="/selectCountry/BR"
4048              >
4049                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4050<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4051</svg>
4052</span>
4053                <span class="country">Brazil</span>
4054                <span
4055                  class="localization-form__currency"
4056                  
4057                >
4058                  GBP
4059                  £</span>
4060              </li>
4061              <li
4062                class="localization-form__list-item"
4063                
4064                data-value="VG"
4065                
4066                  data-aliases=""
4067                
4068                id="British Virgin Islands"
4069                aria-label="British Virgin Islands"
4070                role="option"
4071                tabindex="-1"
4072                ref="countryListItems[]"
4073                on:click="/selectCountry/VG"
4074              >
4075                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4076<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4077</svg>
4078</span>
4079                <span class="country">British Virgin Islands</span>
4080                <span
4081                  class="localization-form__currency"
4082                  
4083                >
4084                  USD
4085                  $</span>
4086              </li>
4087              <li
4088                class="localization-form__list-item"
4089                
4090                data-value="BN"
4091                
4092                  data-aliases=""
4093                
4094                id="Brunei"
4095                aria-label="Brunei"
4096                role="option"
4097                tabindex="-1"
4098                ref="countryListItems[]"
4099                on:click="/selectCountry/BN"
4100              >
4101                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4102<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4103</svg>
4104</span>
4105                <span class="country">Brunei</span>
4106                <span
4107                  class="localization-form__currency"
4108                  
4109                >
4110                  BND
4111                  $</span>
4112              </li>
4113              <li
4114                class="localization-form__list-item"
4115                
4116                data-value="BG"
4117                
4118                  data-aliases=""
4119                
4120                id="Bulgaria"
4121                aria-label="Bulgaria"
4122                role="option"
4123                tabindex="-1"
4124                ref="countryListItems[]"
4125                on:click="/selectCountry/BG"
4126              >
4127                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4128<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4129</svg>
4130</span>
4131                <span class="country">Bulgaria</span>
4132                <span
4133                  class="localization-form__currency"
4134                  
4135                >
4136                  EUR
4137                  €</span>
4138              </li>
4139              <li
4140                class="localization-form__list-item"
4141                
4142                data-value="BF"
4143                
4144                  data-aliases=""
4145                
4146                id="Burkina Faso"
4147                aria-label="Burkina Faso"
4148                role="option"
4149                tabindex="-1"
4150                ref="countryListItems[]"
4151                on:click="/selectCountry/BF"
4152              >
4153                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4154<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4155</svg>
4156</span>
4157                <span class="country">Burkina Faso</span>
4158                <span
4159                  class="localization-form__currency"
4160                  
4161                >
4162                  XOF
4163                  Fr</span>
4164              </li>
4165              <li
4166                class="localization-form__list-item"
4167                
4168                data-value="BI"
4169                
4170                  data-aliases=""
4171                
4172                id="Burundi"
4173                aria-label="Burundi"
4174                role="option"
4175                tabindex="-1"
4176                ref="countryListItems[]"
4177                on:click="/selectCountry/BI"
4178              >
4179                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4180<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4181</svg>
4182</span>
4183                <span class="country">Burundi</span>
4184                <span
4185                  class="localization-form__currency"
4186                  
4187                >
4188                  BIF
4189                  Fr</span>
4190              </li>
4191              <li
4192                class="localization-form__list-item"
4193                
4194                data-value="KH"
4195                
4196                  data-aliases=""
4197                
4198                id="Cambodia"
4199                aria-label="Cambodia"
4200                role="option"
4201                tabindex="-1"
4202                ref="countryListItems[]"
4203                on:click="/selectCountry/KH"
4204              >
4205                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4206<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4207</svg>
4208</span>
4209                <span class="country">Cambodia</span>
4210                <span
4211                  class="localization-form__currency"
4212                  
4213                >
4214                  KHR
4215                  ៛</span>
4216              </li>
4217              <li
4218                class="localization-form__list-item"
4219                
4220                data-value="CM"
4221                
4222                  data-aliases=""
4223                
4224                id="Cameroon"
4225                aria-label="Cameroon"
4226                role="option"
4227                tabindex="-1"
4228                ref="countryListItems[]"
4229                on:click="/selectCountry/CM"
4230              >
4231                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4232<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4233</svg>
4234</span>
4235                <span class="country">Cameroon</span>
4236                <span
4237                  class="localization-form__currency"
4238                  
4239                >
4240                  XAF
4241                  CFA</span>
4242              </li>
4243              <li
4244                class="localization-form__list-item"
4245                
4246                data-value="CA"
4247                
4248                  data-aliases=""
4249                
4250                id="Canada"
4251                aria-label="Canada"
4252                role="option"
4253                tabindex="-1"
4254                ref="countryListItems[]"
4255                on:click="/selectCountry/CA"
4256              >
4257                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4258<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4259</svg>
4260</span>
4261                <span class="country">Canada</span>
4262                <span
4263                  class="localization-form__currency"
4264                  
4265                >
4266                  CAD
4267                  $</span>
4268              </li>
4269              <li
4270                class="localization-form__list-item"
4271                
4272                data-value="CV"
4273                
4274                  data-aliases=""
4275                
4276                id="Cape Verde"
4277                aria-label="Cape Verde"
4278                role="option"
4279                tabindex="-1"
4280                ref="countryListItems[]"
4281                on:click="/selectCountry/CV"
4282              >
4283                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4284<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4285</svg>
4286</span>
4287                <span class="country">Cape Verde</span>
4288                <span
4289                  class="localization-form__currency"
4290                  
4291                >
4292                  CVE
4293                  $</span>
4294              </li>
4295              <li
4296                class="localization-form__list-item"
4297                
4298                data-value="BQ"
4299                
4300                  data-aliases=""
4301                
4302                id="Caribbean Netherlands"
4303                aria-label="Caribbean Netherlands"
4304                role="option"
4305                tabindex="-1"
4306                ref="countryListItems[]"
4307                on:click="/selectCountry/BQ"
4308              >
4309                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4310<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4311</svg>
4312</span>
4313                <span class="country">Caribbean Netherlands</span>
4314                <span
4315                  class="localization-form__currency"
4316                  
4317                >
4318                  USD
4319                  $</span>
4320              </li>
4321              <li
4322                class="localization-form__list-item"
4323                
4324                data-value="KY"
4325                
4326                  data-aliases=""
4327                
4328                id="Cayman Islands"
4329                aria-label="Cayman Islands"
4330                role="option"
4331                tabindex="-1"
4332                ref="countryListItems[]"
4333                on:click="/selectCountry/KY"
4334              >
4335                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4336<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4337</svg>
4338</span>
4339                <span class="country">Cayman Islands</span>
4340                <span
4341                  class="localization-form__currency"
4342                  
4343                >
4344                  KYD
4345                  $</span>
4346              </li>
4347              <li
4348                class="localization-form__list-item"
4349                
4350                data-value="TD"
4351                
4352                  data-aliases=""
4353                
4354                id="Chad"
4355                aria-label="Chad"
4356                role="option"
4357                tabindex="-1"
4358                ref="countryListItems[]"
4359                on:click="/selectCountry/TD"
4360              >
4361                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4362<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4363</svg>
4364</span>
4365                <span class="country">Chad</span>
4366                <span
4367                  class="localization-form__currency"
4368                  
4369                >
4370                  XAF
4371                  CFA</span>
4372              </li>
4373              <li
4374                class="localization-form__list-item"
4375                
4376                data-value="CL"
4377                
4378                  data-aliases=""
4379                
4380                id="Chile"
4381                aria-label="Chile"
4382                role="option"
4383                tabindex="-1"
4384                ref="countryListItems[]"
4385                on:click="/selectCountry/CL"
4386              >
4387                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4388<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4389</svg>
4390</span>
4391                <span class="country">Chile</span>
4392                <span
4393                  class="localization-form__currency"
4394                  
4395                >
4396                  GBP
4397                  £</span>
4398              </li>
4399              <li
4400                class="localization-form__list-item"
4401                
4402                data-value="CN"
4403                
4404                  data-aliases=""
4405                
4406                id="China"
4407                aria-label="China"
4408                role="option"
4409                tabindex="-1"
4410                ref="countryListItems[]"
4411                on:click="/selectCountry/CN"
4412              >
4413                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4414<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4415</svg>
4416</span>
4417                <span class="country">China</span>
4418                <span
4419                  class="localization-form__currency"
4420                  
4421                >
4422                  CNY
4423                  ¥</span>
4424              </li>
4425              <li
4426                class="localization-form__list-item"
4427                
4428                data-value="CO"
4429                
4430                  data-aliases=""
4431                
4432                id="Colombia"
4433                aria-label="Colombia"
4434                role="option"
4435                tabindex="-1"
4436                ref="countryListItems[]"
4437                on:click="/selectCountry/CO"
4438              >
4439                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4440<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4441</svg>
4442</span>
4443                <span class="country">Colombia</span>
4444                <span
4445                  class="localization-form__currency"
4446                  
4447                >
4448                  GBP
4449                  £</span>
4450              </li>
4451              <li
4452                class="localization-form__list-item"
4453                
4454                data-value="KM"
4455                
4456                  data-aliases=""
4457                
4458                id="Comoros"
4459                aria-label="Comoros"
4460                role="option"
4461                tabindex="-1"
4462                ref="countryListItems[]"
4463                on:click="/selectCountry/KM"
4464              >
4465                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4466<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4467</svg>
4468</span>
4469                <span class="country">Comoros</span>
4470                <span
4471                  class="localization-form__currency"
4472                  
4473                >
4474                  KMF
4475                  Fr</span>
4476              </li>
4477              <li
4478                class="localization-form__list-item"
4479                
4480                data-value="CK"
4481                
4482                  data-aliases=""
4483                
4484                id="Cook Islands"
4485                aria-label="Cook Islands"
4486                role="option"
4487                tabindex="-1"
4488                ref="countryListItems[]"
4489                on:click="/selectCountry/CK"
4490              >
4491                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4492<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4493</svg>
4494</span>
4495                <span class="country">Cook Islands</span>
4496                <span
4497                  class="localization-form__currency"
4498                  
4499                >
4500                  NZD
4501                  $</span>
4502              </li>
4503              <li
4504                class="localization-form__list-item"
4505                
4506                data-value="CR"
4507                
4508                  data-aliases=""
4509                
4510                id="Costa Rica"
4511                aria-label="Costa Rica"
4512                role="option"
4513                tabindex="-1"
4514                ref="countryListItems[]"
4515                on:click="/selectCountry/CR"
4516              >
4517                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4518<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4519</svg>
4520</span>
4521                <span class="country">Costa Rica</span>
4522                <span
4523                  class="localization-form__currency"
4524                  
4525                >
4526                  CRC
4527                  ₡</span>
4528              </li>
4529              <li
4530                class="localization-form__list-item"
4531                
4532                data-value="HR"
4533                
4534                  data-aliases=""
4535                
4536                id="Croatia"
4537                aria-label="Croatia"
4538                role="option"
4539                tabindex="-1"
4540                ref="countryListItems[]"
4541                on:click="/selectCountry/HR"
4542              >
4543                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4544<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4545</svg>
4546</span>
4547                <span class="country">Croatia</span>
4548                <span
4549                  class="localization-form__currency"
4550                  
4551                >
4552                  EUR
4553                  €</span>
4554              </li>
4555              <li
4556                class="localization-form__list-item"
4557                
4558                data-value="CW"
4559                
4560                  data-aliases=""
4561                
4562                id="Curaçao"
4563                aria-label="Curaçao"
4564                role="option"
4565                tabindex="-1"
4566                ref="countryListItems[]"
4567                on:click="/selectCountry/CW"
4568              >
4569                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4570<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4571</svg>
4572</span>
4573                <span class="country">Curaçao</span>
4574                <span
4575                  class="localization-form__currency"
4576                  
4577                >
4578                  ANG
4579                  ƒ</span>
4580              </li>
4581              <li
4582                class="localization-form__list-item"
4583                
4584                data-value="CY"
4585                
4586                  data-aliases=""
4587                
4588                id="Cyprus"
4589                aria-label="Cyprus"
4590                role="option"
4591                tabindex="-1"
4592                ref="countryListItems[]"
4593                on:click="/selectCountry/CY"
4594              >
4595                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4596<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4597</svg>
4598</span>
4599                <span class="country">Cyprus</span>
4600                <span
4601                  class="localization-form__currency"
4602                  
4603                >
4604                  EUR
4605                  €</span>
4606              </li>
4607              <li
4608                class="localization-form__list-item"
4609                
4610                data-value="CZ"
4611                
4612                  data-aliases=""
4613                
4614                id="Czechia"
4615                aria-label="Czechia"
4616                role="option"
4617                tabindex="-1"
4618                ref="countryListItems[]"
4619                on:click="/selectCountry/CZ"
4620              >
4621                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4622<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4623</svg>
4624</span>
4625                <span class="country">Czechia</span>
4626                <span
4627                  class="localization-form__currency"
4628                  
4629                >
4630                  CZK
4631                  Kč</span>
4632              </li>
4633              <li
4634                class="localization-form__list-item"
4635                
4636                data-value="DK"
4637                
4638                  data-aliases=""
4639                
4640                id="Denmark"
4641                aria-label="Denmark"
4642                role="option"
4643                tabindex="-1"
4644                ref="countryListItems[]"
4645                on:click="/selectCountry/DK"
4646              >
4647                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4648<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4649</svg>
4650</span>
4651                <span class="country">Denmark</span>
4652                <span
4653                  class="localization-form__currency"
4654                  
4655                >
4656                  DKK
4657                  kr.</span>
4658              </li>
4659              <li
4660                class="localization-form__list-item"
4661                
4662                data-value="DJ"
4663                
4664                  data-aliases=""
4665                
4666                id="Djibouti"
4667                aria-label="Djibouti"
4668                role="option"
4669                tabindex="-1"
4670                ref="countryListItems[]"
4671                on:click="/selectCountry/DJ"
4672              >
4673                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4674<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4675</svg>
4676</span>
4677                <span class="country">Djibouti</span>
4678                <span
4679                  class="localization-form__currency"
4680                  
4681                >
4682                  DJF
4683                  Fdj</span>
4684              </li>
4685              <li
4686                class="localization-form__list-item"
4687                
4688                data-value="DM"
4689                
4690                  data-aliases=""
4691                
4692                id="Dominica"
4693                aria-label="Dominica"
4694                role="option"
4695                tabindex="-1"
4696                ref="countryListItems[]"
4697                on:click="/selectCountry/DM"
4698              >
4699                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4700<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4701</svg>
4702</span>
4703                <span class="country">Dominica</span>
4704                <span
4705                  class="localization-form__currency"
4706                  
4707                >
4708                  XCD
4709                  $</span>
4710              </li>
4711              <li
4712                class="localization-form__list-item"
4713                
4714                data-value="DO"
4715                
4716                  data-aliases=""
4717                
4718                id="Dominican Republic"
4719                aria-label="Dominican Republic"
4720                role="option"
4721                tabindex="-1"
4722                ref="countryListItems[]"
4723                on:click="/selectCountry/DO"
4724              >
4725                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4726<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4727</svg>
4728</span>
4729                <span class="country">Dominican Republic</span>
4730                <span
4731                  class="localization-form__currency"
4732                  
4733                >
4734                  DOP
4735                  $</span>
4736              </li>
4737              <li
4738                class="localization-form__list-item"
4739                
4740                data-value="EC"
4741                
4742                  data-aliases=""
4743                
4744                id="Ecuador"
4745                aria-label="Ecuador"
4746                role="option"
4747                tabindex="-1"
4748                ref="countryListItems[]"
4749                on:click="/selectCountry/EC"
4750              >
4751                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4752<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4753</svg>
4754</span>
4755                <span class="country">Ecuador</span>
4756                <span
4757                  class="localization-form__currency"
4758                  
4759                >
4760                  USD
4761                  $</span>
4762              </li>
4763              <li
4764                class="localization-form__list-item"
4765                
4766                data-value="EG"
4767                
4768                  data-aliases=""
4769                
4770                id="Egypt"
4771                aria-label="Egypt"
4772                role="option"
4773                tabindex="-1"
4774                ref="countryListItems[]"
4775                on:click="/selectCountry/EG"
4776              >
4777                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4778<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4779</svg>
4780</span>
4781                <span class="country">Egypt</span>
4782                <span
4783                  class="localization-form__currency"
4784                  
4785                >
4786                  EGP
4787                  ج.م</span>
4788              </li>
4789              <li
4790                class="localization-form__list-item"
4791                
4792                data-value="SV"
4793                
4794                  data-aliases=""
4795                
4796                id="El Salvador"
4797                aria-label="El Salvador"
4798                role="option"
4799                tabindex="-1"
4800                ref="countryListItems[]"
4801                on:click="/selectCountry/SV"
4802              >
4803                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4804<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4805</svg>
4806</span>
4807                <span class="country">El Salvador</span>
4808                <span
4809                  class="localization-form__currency"
4810                  
4811                >
4812                  USD
4813                  $</span>
4814              </li>
4815              <li
4816                class="localization-form__list-item"
4817                
4818                data-value="GQ"
4819                
4820                  data-aliases=""
4821                
4822                id="Equatorial Guinea"
4823                aria-label="Equatorial Guinea"
4824                role="option"
4825                tabindex="-1"
4826                ref="countryListItems[]"
4827                on:click="/selectCountry/GQ"
4828              >
4829                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4830<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4831</svg>
4832</span>
4833                <span class="country">Equatorial Guinea</span>
4834                <span
4835                  class="localization-form__currency"
4836                  
4837                >
4838                  XAF
4839                  CFA</span>
4840              </li>
4841              <li
4842                class="localization-form__list-item"
4843                
4844                data-value="EE"
4845                
4846                  data-aliases=""
4847                
4848                id="Estonia"
4849                aria-label="Estonia"
4850                role="option"
4851                tabindex="-1"
4852                ref="countryListItems[]"
4853                on:click="/selectCountry/EE"
4854              >
4855                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4856<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4857</svg>
4858</span>
4859                <span class="country">Estonia</span>
4860                <span
4861                  class="localization-form__currency"
4862                  
4863                >
4864                  EUR
4865                  €</span>
4866              </li>
4867              <li
4868                class="localization-form__list-item"
4869                
4870                data-value="SZ"
4871                
4872                  data-aliases=""
4873                
4874                id="Eswatini"
4875                aria-label="Eswatini"
4876                role="option"
4877                tabindex="-1"
4878                ref="countryListItems[]"
4879                on:click="/selectCountry/SZ"
4880              >
4881                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4882<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4883</svg>
4884</span>
4885                <span class="country">Eswatini</span>
4886                <span
4887                  class="localization-form__currency"
4888                  
4889                >
4890                  GBP
4891                  £</span>
4892              </li>
4893              <li
4894                class="localization-form__list-item"
4895                
4896                data-value="ET"
4897                
4898                  data-aliases=""
4899                
4900                id="Ethiopia"
4901                aria-label="Ethiopia"
4902                role="option"
4903                tabindex="-1"
4904                ref="countryListItems[]"
4905                on:click="/selectCountry/ET"
4906              >
4907                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4908<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4909</svg>
4910</span>
4911                <span class="country">Ethiopia</span>
4912                <span
4913                  class="localization-form__currency"
4914                  
4915                >
4916                  ETB
4917                  Br</span>
4918              </li>
4919              <li
4920                class="localization-form__list-item"
4921                
4922                data-value="FK"
4923                
4924                  data-aliases=""
4925                
4926                id="Falkland Islands"
4927                aria-label="Falkland Islands"
4928                role="option"
4929                tabindex="-1"
4930                ref="countryListItems[]"
4931                on:click="/selectCountry/FK"
4932              >
4933                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4934<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4935</svg>
4936</span>
4937                <span class="country">Falkland Islands</span>
4938                <span
4939                  class="localization-form__currency"
4940                  
4941                >
4942                  FKP
4943                  £</span>
4944              </li>
4945              <li
4946                class="localization-form__list-item"
4947                
4948                data-value="FO"
4949                
4950                  data-aliases=""
4951                
4952                id="Faroe Islands"
4953                aria-label="Faroe Islands"
4954                role="option"
4955                tabindex="-1"
4956                ref="countryListItems[]"
4957                on:click="/selectCountry/FO"
4958              >
4959                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4960<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4961</svg>
4962</span>
4963                <span class="country">Faroe Islands</span>
4964                <span
4965                  class="localization-form__currency"
4966                  
4967                >
4968                  DKK
4969                  kr.</span>
4970              </li>
4971              <li
4972                class="localization-form__list-item"
4973                
4974                data-value="FJ"
4975                
4976                  data-aliases=""
4977                
4978                id="Fiji"
4979                aria-label="Fiji"
4980                role="option"
4981                tabindex="-1"
4982                ref="countryListItems[]"
4983                on:click="/selectCountry/FJ"
4984              >
4985                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4986<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4987</svg>
4988</span>
4989                <span class="country">Fiji</span>
4990                <span
4991                  class="localization-form__currency"
4992                  
4993                >
4994                  FJD
4995                  $</span>
4996              </li>
4997              <li
4998                class="localization-form__list-item"
4999                
5000                data-value="FI"
5001                
5002                  data-aliases=""
5003                
5004                id="Finland"
5005                aria-label="Finland"
5006                role="option"
5007                tabindex="-1"
5008                ref="countryListItems[]"
5009                on:click="/selectCountry/FI"
5010              >
5011                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5012<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5013</svg>
5014</span>
5015                <span class="country">Finland</span>
5016                <span
5017                  class="localization-form__currency"
5018                  
5019                >
5020                  EUR
5021                  €</span>
5022              </li>
5023              <li
5024                class="localization-form__list-item"
5025                
5026                data-value="FR"
5027                
5028                  data-aliases=""
5029                
5030                id="France"
5031                aria-label="France"
5032                role="option"
5033                tabindex="-1"
5034                ref="countryListItems[]"
5035                on:click="/selectCountry/FR"
5036              >
5037                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5038<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5039</svg>
5040</span>
5041                <span class="country">France</span>
5042                <span
5043                  class="localization-form__currency"
5044                  
5045                >
5046                  EUR
5047                  €</span>
5048              </li>
5049              <li
5050                class="localization-form__list-item"
5051                
5052                data-value="GF"
5053                
5054                  data-aliases=""
5055                
5056                id="French Guiana"
5057                aria-label="French Guiana"
5058                role="option"
5059                tabindex="-1"
5060                ref="countryListItems[]"
5061                on:click="/selectCountry/GF"
5062              >
5063                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5064<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5065</svg>
5066</span>
5067                <span class="country">French Guiana</span>
5068                <span
5069                  class="localization-form__currency"
5070                  
5071                >
5072                  EUR
5073                  €</span>
5074              </li>
5075              <li
5076                class="localization-form__list-item"
5077                
5078                data-value="PF"
5079                
5080                  data-aliases=""
5081                
5082                id="French Polynesia"
5083                aria-label="French Polynesia"
5084                role="option"
5085                tabindex="-1"
5086                ref="countryListItems[]"
5087                on:click="/selectCountry/PF"
5088              >
5089                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5090<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5091</svg>
5092</span>
5093                <span class="country">French Polynesia</span>
5094                <span
5095                  class="localization-form__currency"
5096                  
5097                >
5098                  XPF
5099                  Fr</span>
5100              </li>
5101              <li
5102                class="localization-form__list-item"
5103                
5104                data-value="GA"
5105                
5106                  data-aliases=""
5107                
5108                id="Gabon"
5109                aria-label="Gabon"
5110                role="option"
5111                tabindex="-1"
5112                ref="countryListItems[]"
5113                on:click="/selectCountry/GA"
5114              >
5115                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5116<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5117</svg>
5118</span>
5119                <span class="country">Gabon</span>
5120                <span
5121                  class="localization-form__currency"
5122                  
5123                >
5124                  XOF
5125                  Fr</span>
5126              </li>
5127              <li
5128                class="localization-form__list-item"
5129                
5130                data-value="GM"
5131                
5132                  data-aliases=""
5133                
5134                id="Gambia"
5135                aria-label="Gambia"
5136                role="option"
5137                tabindex="-1"
5138                ref="countryListItems[]"
5139                on:click="/selectCountry/GM"
5140              >
5141                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5142<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5143</svg>
5144</span>
5145                <span class="country">Gambia</span>
5146                <span
5147                  class="localization-form__currency"
5148                  
5149                >
5150                  GMD
5151                  D</span>
5152              </li>
5153              <li
5154                class="localization-form__list-item"
5155                
5156                data-value="GE"
5157                
5158                  data-aliases=""
5159                
5160                id="Georgia"
5161                aria-label="Georgia"
5162                role="option"
5163                tabindex="-1"
5164                ref="countryListItems[]"
5165                on:click="/selectCountry/GE"
5166              >
5167                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5168<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5169</svg>
5170</span>
5171                <span class="country">Georgia</span>
5172                <span
5173                  class="localization-form__currency"
5174                  
5175                >
5176                  GBP
5177                  £</span>
5178              </li>
5179              <li
5180                class="localization-form__list-item"
5181                
5182                data-value="DE"
5183                
5184                  data-aliases=""
5185                
5186                id="Germany"
5187                aria-label="Germany"
5188                role="option"
5189                tabindex="-1"
5190                ref="countryListItems[]"
5191                on:click="/selectCountry/DE"
5192              >
5193                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5194<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5195</svg>
5196</span>
5197                <span class="country">Germany</span>
5198                <span
5199                  class="localization-form__currency"
5200                  
5201                >
5202                  EUR
5203                  €</span>
5204              </li>
5205              <li
5206                class="localization-form__list-item"
5207                
5208                data-value="GH"
5209                
5210                  data-aliases=""
5211                
5212                id="Ghana"
5213                aria-label="Ghana"
5214                role="option"
5215                tabindex="-1"
5216                ref="countryListItems[]"
5217                on:click="/selectCountry/GH"
5218              >
5219                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5220<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5221</svg>
5222</span>
5223                <span class="country">Ghana</span>
5224                <span
5225                  class="localization-form__currency"
5226                  
5227                >
5228                  GBP
5229                  £</span>
5230              </li>
5231              <li
5232                class="localization-form__list-item"
5233                
5234                data-value="GI"
5235                
5236                  data-aliases=""
5237                
5238                id="Gibraltar"
5239                aria-label="Gibraltar"
5240                role="option"
5241                tabindex="-1"
5242                ref="countryListItems[]"
5243                on:click="/selectCountry/GI"
5244              >
5245                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5246<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5247</svg>
5248</span>
5249                <span class="country">Gibraltar</span>
5250                <span
5251                  class="localization-form__currency"
5252                  
5253                >
5254                  GBP
5255                  £</span>
5256              </li>
5257              <li
5258                class="localization-form__list-item"
5259                
5260                data-value="GR"
5261                
5262                  data-aliases=""
5263                
5264                id="Greece"
5265                aria-label="Greece"
5266                role="option"
5267                tabindex="-1"
5268                ref="countryListItems[]"
5269                on:click="/selectCountry/GR"
5270              >
5271                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5272<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5273</svg>
5274</span>
5275                <span class="country">Greece</span>
5276                <span
5277                  class="localization-form__currency"
5278                  
5279                >
5280                  EUR
5281                  €</span>
5282              </li>
5283              <li
5284                class="localization-form__list-item"
5285                
5286                data-value="GL"
5287                
5288                  data-aliases=""
5289                
5290                id="Greenland"
5291                aria-label="Greenland"
5292                role="option"
5293                tabindex="-1"
5294                ref="countryListItems[]"
5295                on:click="/selectCountry/GL"
5296              >
5297                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5298<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5299</svg>
5300</span>
5301                <span class="country">Greenland</span>
5302                <span
5303                  class="localization-form__currency"
5304                  
5305                >
5306                  DKK
5307                  kr.</span>
5308              </li>
5309              <li
5310                class="localization-form__list-item"
5311                
5312                data-value="GD"
5313                
5314                  data-aliases=""
5315                
5316                id="Grenada"
5317                aria-label="Grenada"
5318                role="option"
5319                tabindex="-1"
5320                ref="countryListItems[]"
5321                on:click="/selectCountry/GD"
5322              >
5323                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5324<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5325</svg>
5326</span>
5327                <span class="country">Grenada</span>
5328                <span
5329                  class="localization-form__currency"
5330                  
5331                >
5332                  XCD
5333                  $</span>
5334              </li>
5335              <li
5336                class="localization-form__list-item"
5337                
5338                data-value="GP"
5339                
5340                  data-aliases=""
5341                
5342                id="Guadeloupe"
5343                aria-label="Guadeloupe"
5344                role="option"
5345                tabindex="-1"
5346                ref="countryListItems[]"
5347                on:click="/selectCountry/GP"
5348              >
5349                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5350<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5351</svg>
5352</span>
5353                <span class="country">Guadeloupe</span>
5354                <span
5355                  class="localization-form__currency"
5356                  
5357                >
5358                  EUR
5359                  €</span>
5360              </li>
5361              <li
5362                class="localization-form__list-item"
5363                
5364                data-value="GT"
5365                
5366                  data-aliases=""
5367                
5368                id="Guatemala"
5369                aria-label="Guatemala"
5370                role="option"
5371                tabindex="-1"
5372                ref="countryListItems[]"
5373                on:click="/selectCountry/GT"
5374              >
5375                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5376<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5377</svg>
5378</span>
5379                <span class="country">Guatemala</span>
5380                <span
5381                  class="localization-form__currency"
5382                  
5383                >
5384                  GTQ
5385                  Q</span>
5386              </li>
5387              <li
5388                class="localization-form__list-item"
5389                
5390                data-value="GN"
5391                
5392                  data-aliases=""
5393                
5394                id="Guinea"
5395                aria-label="Guinea"
5396                role="option"
5397                tabindex="-1"
5398                ref="countryListItems[]"
5399                on:click="/selectCountry/GN"
5400              >
5401                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5402<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5403</svg>
5404</span>
5405                <span class="country">Guinea</span>
5406                <span
5407                  class="localization-form__currency"
5408                  
5409                >
5410                  GNF
5411                  Fr</span>
5412              </li>
5413              <li
5414                class="localization-form__list-item"
5415                
5416                data-value="GW"
5417                
5418                  data-aliases=""
5419                
5420                id="Guinea-Bissau"
5421                aria-label="Guinea-Bissau"
5422                role="option"
5423                tabindex="-1"
5424                ref="countryListItems[]"
5425                on:click="/selectCountry/GW"
5426              >
5427                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5428<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5429</svg>
5430</span>
5431                <span class="country">
5431Guinea-Bissau</span>
5432                <span
5433                  class="localization-form__currency"
5434                  
5435                >
5436                  XOF
5437                  Fr</span>
5438              </li>
5439              <li
5440                class="localization-form__list-item"
5441                
5442                data-value="GY"
5443                
5444                  data-aliases=""
5445                
5446                id="Guyana"
5447                aria-label="Guyana"
5448                role="option"
5449                tabindex="-1"
5450                ref="countryListItems[]"
5451                on:click="/selectCountry/GY"
5452              >
5453                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5454<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5455</svg>
5456</span>
5457                <span class="country">Guyana</span>
5458                <span
5459                  class="localization-form__currency"
5460                  
5461                >
5462                  GYD
5463                  $</span>
5464              </li>
5465              <li
5466                class="localization-form__list-item"
5467                
5468                data-value="HN"
5469                
5470                  data-aliases=""
5471                
5472                id="Honduras"
5473                aria-label="Honduras"
5474                role="option"
5475                tabindex="-1"
5476                ref="countryListItems[]"
5477                on:click="/selectCountry/HN"
5478              >
5479                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5480<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5481</svg>
5482</span>
5483                <span class="country">Honduras</span>
5484                <span
5485                  class="localization-form__currency"
5486                  
5487                >
5488                  HNL
5489                  L</span>
5490              </li>
5491              <li
5492                class="localization-form__list-item"
5493                
5494                data-value="HK"
5495                
5496                  data-aliases=""
5497                
5498                id="Hong Kong SAR"
5499                aria-label="Hong Kong SAR"
5500                role="option"
5501                tabindex="-1"
5502                ref="countryListItems[]"
5503                on:click="/selectCountry/HK"
5504              >
5505                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5506<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5507</svg>
5508</span>
5509                <span class="country">Hong Kong SAR</span>
5510                <span
5511                  class="localization-form__currency"
5512                  
5513                >
5514                  HKD
5515                  $</span>
5516              </li>
5517              <li
5518                class="localization-form__list-item"
5519                
5520                data-value="HU"
5521                
5522                  data-aliases=""
5523                
5524                id="Hungary"
5525                aria-label="Hungary"
5526                role="option"
5527                tabindex="-1"
5528                ref="countryListItems[]"
5529                on:click="/selectCountry/HU"
5530              >
5531                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5532<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5533</svg>
5534</span>
5535                <span class="country">Hungary</span>
5536                <span
5537                  class="localization-form__currency"
5538                  
5539                >
5540                  HUF
5541                  Ft</span>
5542              </li>
5543              <li
5544                class="localization-form__list-item"
5545                
5546                data-value="IS"
5547                
5548                  data-aliases=""
5549                
5550                id="Iceland"
5551                aria-label="Iceland"
5552                role="option"
5553                tabindex="-1"
5554                ref="countryListItems[]"
5555                on:click="/selectCountry/IS"
5556              >
5557                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5558<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5559</svg>
5560</span>
5561                <span class="country">Iceland</span>
5562                <span
5563                  class="localization-form__currency"
5564                  
5565                >
5566                  ISK
5567                  kr</span>
5568              </li>
5569              <li
5570                class="localization-form__list-item"
5571                
5572                data-value="IN"
5573                
5574                  data-aliases=""
5575                
5576                id="India"
5577                aria-label="India"
5578                role="option"
5579                tabindex="-1"
5580                ref="countryListItems[]"
5581                on:click="/selectCountry/IN"
5582              >
5583                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5584<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5585</svg>
5586</span>
5587                <span class="country">India</span>
5588                <span
5589                  class="localization-form__currency"
5590                  
5591                >
5592                  INR
5593                  ₹</span>
5594              </li>
5595              <li
5596                class="localization-form__list-item"
5597                
5598                data-value="ID"
5599                
5600                  data-aliases=""
5601                
5602                id="Indonesia"
5603                aria-label="Indonesia"
5604                role="option"
5605                tabindex="-1"
5606                ref="countryListItems[]"
5607                on:click="/selectCountry/ID"
5608              >
5609                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5610<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5611</svg>
5612</span>
5613                <span class="country">Indonesia</span>
5614                <span
5615                  class="localization-form__currency"
5616                  
5617                >
5618                  IDR
5619                  Rp</span>
5620              </li>
5621              <li
5622                class="localization-form__list-item"
5623                
5624                data-value="IL"
5625                
5626                  data-aliases=""
5627                
5628                id="Israel"
5629                aria-label="Israel"
5630                role="option"
5631                tabindex="-1"
5632                ref="countryListItems[]"
5633                on:click="/selectCountry/IL"
5634              >
5635                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5636<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5637</svg>
5638</span>
5639                <span class="country">Israel</span>
5640                <span
5641                  class="localization-form__currency"
5642                  
5643                >
5644                  ILS
5645                  ₪</span>
5646              </li>
5647              <li
5648                class="localization-form__list-item"
5649                
5650                data-value="IT"
5651                
5652                  data-aliases=""
5653                
5654                id="Italy"
5655                aria-label="Italy"
5656                role="option"
5657                tabindex="-1"
5658                ref="countryListItems[]"
5659                on:click="/selectCountry/IT"
5660              >
5661                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5662<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5663</svg>
5664</span>
5665                <span class="country">Italy</span>
5666                <span
5667                  class="localization-form__currency"
5668                  
5669                >
5670                  EUR
5671                  €</span>
5672              </li>
5673              <li
5674                class="localization-form__list-item"
5675                
5676                data-value="JM"
5677                
5678                  data-aliases=""
5679                
5680                id="Jamaica"
5681                aria-label="Jamaica"
5682                role="option"
5683                tabindex="-1"
5684                ref="countryListItems[]"
5685                on:click="/selectCountry/JM"
5686              >
5687                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5688<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5689</svg>
5690</span>
5691                <span class="country">Jamaica</span>
5692                <span
5693                  class="localization-form__currency"
5694                  
5695                >
5696                  JMD
5697                  $</span>
5698              </li>
5699              <li
5700                class="localization-form__list-item"
5701                
5702                data-value="JP"
5703                
5704                  data-aliases=""
5705                
5706                id="Japan"
5707                aria-label="Japan"
5708                role="option"
5709                tabindex="-1"
5710                ref="countryListItems[]"
5711                on:click="/selectCountry/JP"
5712              >
5713                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5714<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5715</svg>
5716</span>
5717                <span class="country">Japan</span>
5718                <span
5719                  class="localization-form__currency"
5720                  
5721                >
5722                  JPY
5723                  ¥</span>
5724              </li>
5725              <li
5726                class="localization-form__list-item"
5727                
5728                data-value="JO"
5729                
5730                  data-aliases=""
5731                
5732                id="Jordan"
5733                aria-label="Jordan"
5734                role="option"
5735                tabindex="-1"
5736                ref="countryListItems[]"
5737                on:click="/selectCountry/JO"
5738              >
5739                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5740<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5741</svg>
5742</span>
5743                <span class="country">Jordan</span>
5744                <span
5745                  class="localization-form__currency"
5746                  
5747                >
5748                  GBP
5749                  £</span>
5750              </li>
5751              <li
5752                class="localization-form__list-item"
5753                
5754                data-value="KZ"
5755                
5756                  data-aliases=""
5757                
5758                id="Kazakhstan"
5759                aria-label="Kazakhstan"
5760                role="option"
5761                tabindex="-1"
5762                ref="countryListItems[]"
5763                on:click="/selectCountry/KZ"
5764              >
5765                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5766<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5767</svg>
5768</span>
5769                <span class="country">Kazakhstan</span>
5770                <span
5771                  class="localization-form__currency"
5772                  
5773                >
5774                  KZT
5775                  ₸</span>
5776              </li>
5777              <li
5778                class="localization-form__list-item"
5779                
5780                data-value="KE"
5781                
5782                  data-aliases=""
5783                
5784                id="Kenya"
5785                aria-label="Kenya"
5786                role="option"
5787                tabindex="-1"
5788                ref="countryListItems[]"
5789                on:click="/selectCountry/KE"
5790              >
5791                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5792<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5793</svg>
5794</span>
5795                <span class="country">Kenya</span>
5796                <span
5797                  class="localization-form__currency"
5798                  
5799                >
5800                  KES
5801                  KSh</span>
5802              </li>
5803              <li
5804                class="localization-form__list-item"
5805                
5806                data-value="KI"
5807                
5808                  data-aliases=""
5809                
5810                id="Kiribati"
5811                aria-label="Kiribati"
5812                role="option"
5813                tabindex="-1"
5814                ref="countryListItems[]"
5815                on:click="/selectCountry/KI"
5816              >
5817                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5818<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5819</svg>
5820</span>
5821                <span class="country">Kiribati</span>
5822                <span
5823                  class="localization-form__currency"
5824                  
5825                >
5826                  GBP
5827                  £</span>
5828              </li>
5829              <li
5830                class="localization-form__list-item"
5831                
5832                data-value="KW"
5833                
5834                  data-aliases=""
5835                
5836                id="Kuwait"
5837                aria-label="Kuwait"
5838                role="option"
5839                tabindex="-1"
5840                ref="countryListItems[]"
5841                on:click="/selectCountry/KW"
5842              >
5843                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5844<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5845</svg>
5846</span>
5847                <span class="country">Kuwait</span>
5848                <span
5849                  class="localization-form__currency"
5850                  
5851                >
5852                  GBP
5853                  £</span>
5854              </li>
5855              <li
5856                class="localization-form__list-item"
5857                
5858                data-value="KG"
5859                
5860                  data-aliases=""
5861                
5862                id="Kyrgyzstan"
5863                aria-label="Kyrgyzstan"
5864                role="option"
5865                tabindex="-1"
5866                ref="countryListItems[]"
5867                on:click="/selectCountry/KG"
5868              >
5869                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5870<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5871</svg>
5872</span>
5873                <span class="country">Kyrgyzstan</span>
5874                <span
5875                  class="localization-form__currency"
5876                  
5877                >
5878                  KGS
5879                  som</span>
5880              </li>
5881              <li
5882                class="localization-form__list-item"
5883                
5884                data-value="LA"
5885                
5886                  data-aliases=""
5887                
5888                id="Laos"
5889                aria-label="Laos"
5890                role="option"
5891                tabindex="-1"
5892                ref="countryListItems[]"
5893                on:click="/selectCountry/LA"
5894              >
5895                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5896<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5897</svg>
5898</span>
5899                <span class="country">Laos</span>
5900                <span
5901                  class="localization-form__currency"
5902                  
5903                >
5904                  LAK
5905                  ₭</span>
5906              </li>
5907              <li
5908                class="localization-form__list-item"
5909                
5910                data-value="LV"
5911                
5912                  data-aliases=""
5913                
5914                id="Latvia"
5915                aria-label="Latvia"
5916                role="option"
5917                tabindex="-1"
5918                ref="countryListItems[]"
5919                on:click="/selectCountry/LV"
5920              >
5921                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5922<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5923</svg>
5924</span>
5925                <span class="country">Latvia</span>
5926                <span
5927                  class="localization-form__currency"
5928                  
5929                >
5930                  EUR
5931                  €</span>
5932              </li>
5933              <li
5934                class="localization-form__list-item"
5935                
5936                data-value="LS"
5937                
5938                  data-aliases=""
5939                
5940                id="Lesotho"
5941                aria-label="Lesotho"
5942                role="option"
5943                tabindex="-1"
5944                ref="countryListItems[]"
5945                on:click="/selectCountry/LS"
5946              >
5947                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5948<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5949</svg>
5950</span>
5951                <span class="country">Lesotho</span>
5952                <span
5953                  class="localization-form__currency"
5954                  
5955                >
5956                  GBP
5957                  £</span>
5958              </li>
5959              <li
5960                class="localization-form__list-item"
5961                
5962                data-value="LI"
5963                
5964                  data-aliases=""
5965                
5966                id="Liechtenstein"
5967                aria-label="Liechtenstein"
5968                role="option"
5969                tabindex="-1"
5970                ref="countryListItems[]"
5971                on:click="/selectCountry/LI"
5972              >
5973                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5974<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5975</svg>
5976</span>
5977                <span class="country">Liechtenstein</span>
5978                <span
5979                  class="localization-form__currency"
5980                  
5981                >
5982                  CHF
5983                  CHF</span>
5984              </li>
5985              <li
5986                class="localization-form__list-item"
5987                
5988                data-value="LT"
5989                
5990                  data-aliases=""
5991                
5992                id="Lithuania"
5993                aria-label="Lithuania"
5994                role="option"
5995                tabindex="-1"
5996                ref="countryListItems[]"
5997                on:click="/selectCountry/LT"
5998              >
5999                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6000<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6001</svg>
6002</span>
6003                <span class="country">Lithuania</span>
6004                <span
6005                  class="localization-form__currency"
6006                  
6007                >
6008                  EUR
6009                  €</span>
6010              </li>
6011              <li
6012                class="localization-form__list-item"
6013                
6014                data-value="LU"
6015                
6016                  data-aliases=""
6017                
6018                id="Luxembourg"
6019                aria-label="Luxembourg"
6020                role="option"
6021                tabindex="-1"
6022                ref="countryListItems[]"
6023                on:click="/selectCountry/LU"
6024              >
6025                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6026<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6027</svg>
6028</span>
6029                <span class="country">Luxembourg</span>
6030                <span
6031                  class="localization-form__currency"
6032                  
6033                >
6034                  EUR
6035                  €</span>
6036              </li>
6037              <li
6038                class="localization-form__list-item"
6039                
6040                data-value="MO"
6041                
6042                  data-aliases=""
6043                
6044                id="Macao SAR"
6045                aria-label="Macao SAR"
6046                role="option"
6047                tabindex="-1"
6048                ref="countryListItems[]"
6049                on:click="/selectCountry/MO"
6050              >
6051                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6052<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6053</svg>
6054</span>
6055                <span class="country">Macao SAR</span>
6056                <span
6057                  class="localization-form__currency"
6058                  
6059                >
6060                  MOP
6061                  P</span>
6062              </li>
6063              <li
6064                class="localization-form__list-item"
6065                
6066                data-value="MG"
6067                
6068                  data-aliases=""
6069                
6070                id="Madagascar"
6071                aria-label="Madagascar"
6072                role="option"
6073                tabindex="-1"
6074                ref="countryListItems[]"
6075                on:click="/selectCountry/MG"
6076              >
6077                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6078<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6079</svg>
6080</span>
6081                <span class="country">Madagascar</span>
6082                <span
6083                  class="localization-form__currency"
6084                  
6085                >
6086                  GBP
6087                  £</span>
6088              </li>
6089              <li
6090                class="localization-form__list-item"
6091                
6092                data-value="MW"
6093                
6094                  data-aliases=""
6095                
6096                id="Malawi"
6097                aria-label="Malawi"
6098                role="option"
6099                tabindex="-1"
6100                ref="countryListItems[]"
6101                on:click="/selectCountry/MW"
6102              >
6103                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6104<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6105</svg>
6106</span>
6107                <span class="country">Malawi</span>
6108                <span
6109                  class="localization-form__currency"
6110                  
6111                >
6112                  MWK
6113                  MK</span>
6114              </li>
6115              <li
6116                class="localization-form__list-item"
6117                
6118                data-value="MY"
6119                
6120                  data-aliases=""
6121                
6122                id="Malaysia"
6123                aria-label="Malaysia"
6124                role="option"
6125                tabindex="-1"
6126                ref="countryListItems[]"
6127                on:click="/selectCountry/MY"
6128              >
6129                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6130<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6131</svg>
6132</span>
6133                <span class="country">Malaysia</span>
6134                <span
6135                  class="localization-form__currency"
6136                  
6137                >
6138                  MYR
6139                  RM</span>
6140              </li>
6141              <li
6142                class="localization-form__list-item"
6143                
6144                data-value="MV"
6145                
6146                  data-aliases=""
6147                
6148                id="Maldives"
6149                aria-label="Maldives"
6150                role="option"
6151                tabindex="-1"
6152                ref="countryListItems[]"
6153                on:click="/selectCountry/MV"
6154              >
6155                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6156<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6157</svg>
6158</span>
6159                <span class="country">Maldives</span>
6160                <span
6161                  class="localization-form__currency"
6162                  
6163                >
6164                  MVR
6165                  MVR</span>
6166              </li>
6167              <li
6168                class="localization-form__list-item"
6169                
6170                data-value="MT"
6171                
6172                  data-aliases=""
6173                
6174                id="Malta"
6175                aria-label="Malta"
6176                role="option"
6177                tabindex="-1"
6178                ref="countryListItems[]"
6179                on:click="/selectCountry/MT"
6180              >
6181                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6182<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6183</svg>
6184</span>
6185                <span class="country">Malta</span>
6186                <span
6187                  class="localization-form__currency"
6188                  
6189                >
6190                  EUR
6191                  €</span>
6192              </li>
6193              <li
6194                class="localization-form__list-item"
6195                
6196                data-value="MQ"
6197                
6198                  data-aliases=""
6199                
6200                id="Martinique"
6201                aria-label="Martinique"
6202                role="option"
6203                tabindex="-1"
6204                ref="countryListItems[]"
6205                on:click="/selectCountry/MQ"
6206              >
6207                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6208<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6209</svg>
6210</span>
6211                <span class="country">Martinique</span>
6212                <span
6213                  class="localization-form__currency"
6214                  
6215                >
6216                  EUR
6217                  €</span>
6218              </li>
6219              <li
6220                class="localization-form__list-item"
6221                
6222                data-value="MR"
6223                
6224                  data-aliases=""
6225                
6226                id="Mauritania"
6227                aria-label="Mauritania"
6228                role="option"
6229                tabindex="-1"
6230                ref="countryListItems[]"
6231                on:click="/selectCountry/MR"
6232              >
6233                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6234<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6235</svg>
6236</span>
6237                <span class="country">Mauritania</span>
6238                <span
6239                  class="localization-form__currency"
6240                  
6241                >
6242                  GBP
6243                  £</span>
6244              </li>
6245              <li
6246                class="localization-form__list-item"
6247                
6248                data-value="MU"
6249                
6250                  data-aliases=""
6251                
6252                id="Mauritius"
6253                aria-label="Mauritius"
6254                role="option"
6255                tabindex="-1"
6256                ref="countryListItems[]"
6257                on:click="/selectCountry/MU"
6258              >
6259                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6260<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6261</svg>
6262</span>
6263                <span class="country">Mauritius</span>
6264                <span
6265                  class="localization-form__currency"
6266                  
6267                >
6268                  MUR
6269                  ₨</span>
6270              </li>
6271              <li
6272                class="localization-form__list-item"
6273                
6274                data-value="YT"
6275                
6276                  data-aliases=""
6277                
6278                id="Mayotte"
6279                aria-label="Mayotte"
6280                role="option"
6281                tabindex="-1"
6282                ref="countryListItems[]"
6283                on:click="/selectCountry/YT"
6284              >
6285                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6286<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6287</svg>
6288</span>
6289                <span class="country">Mayotte</span>
6290                <span
6291                  class="localization-form__currency"
6292                  
6293                >
6294                  EUR
6295                  €</span>
6296              </li>
6297              <li
6298                class="localization-form__list-item"
6299                
6300                data-value="MX"
6301                
6302                  data-aliases=""
6303                
6304                id="Mexico"
6305                aria-label="Mexico"
6306                role="option"
6307                tabindex="-1"
6308                ref="countryListItems[]"
6309                on:click="/selectCountry/MX"
6310              >
6311                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6312<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6313</svg>
6314</span>
6315                <span class="country">Mexico</span>
6316                <span
6317                  class="localization-form__currency"
6318                  
6319                >
6320                  GBP
6321                  £</span>
6322              </li>
6323              <li
6324                class="localization-form__list-item"
6325                
6326                data-value="MD"
6327                
6328                  data-aliases=""
6329                
6330                id="Moldova"
6331                aria-label="Moldova"
6332                role="option"
6333                tabindex="-1"
6334                ref="countryListItems[]"
6335                on:click="/selectCountry/MD"
6336              >
6337                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6338<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6339</svg>
6340</span>
6341                <span class="country">Moldova</span>
6342                <span
6343                  class="localization-form__currency"
6344                  
6345                >
6346                  MDL
6347                  L</span>
6348              </li>
6349              <li
6350                class="localization-form__list-item"
6351                
6352                data-value="MC"
6353                
6354                  data-aliases=""
6355                
6356                id="Monaco"
6357                aria-label="Monaco"
6358                role="option"
6359                tabindex="-1"
6360                ref="countryListItems[]"
6361                on:click="/selectCountry/MC"
6362              >
6363                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6364<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6365</svg>
6366</span>
6367                <span class="country">Monaco</span>
6368                <span
6369                  class="localization-form__currency"
6370                  
6371                >
6372                  EUR
6373                  €</span>
6374              </li>
6375              <li
6376                class="localization-form__list-item"
6377                
6378                data-value="MN"
6379                
6380                  data-aliases=""
6381                
6382                id="Mongolia"
6383                aria-label="Mongolia"
6384                role="option"
6385                tabindex="-1"
6386                ref="countryListItems[]"
6387                on:click="/selectCountry/MN"
6388              >
6389                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6390<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6391</svg>
6392</span>
6393                <span class="country">Mongolia</span>
6394                <span
6395                  class="localization-form__currency"
6396                  
6397                >
6398                  MNT
6399                  ₮</span>
6400              </li>
6401              <li
6402                class="localization-form__list-item"
6403                
6404                data-value="ME"
6405                
6406                  data-aliases=""
6407                
6408                id="Montenegro"
6409                aria-label="Montenegro"
6410                role="option"
6411                tabindex="-1"
6412                ref="countryListItems[]"
6413                on:click="/selectCountry/ME"
6414              >
6415                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6416<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6417</svg>
6418</span>
6419                <span class="country">Montenegro</span>
6420                <span
6421                  class="localization-form__currency"
6422                  
6423                >
6424                  EUR
6425                  €</span>
6426              </li>
6427              <li
6428                class="localization-form__list-item"
6429                
6430                data-value="MS"
6431                
6432                  data-aliases=""
6433                
6434                id="Montserrat"
6435                aria-label="Montserrat"
6436                role="option"
6437                tabindex="-1"
6438                ref="countryListItems[]"
6439                on:click="/selectCountry/MS"
6440              >
6441                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6442<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6443</svg>
6444</span>
6445                <span class="country">Montserrat</span>
6446                <span
6447                  class="localization-form__currency"
6448                  
6449                >
6450                  XCD
6451                  $</span>
6452              </li>
6453              <li
6454                class="localization-form__list-item"
6455                
6456                data-value="MA"
6457                
6458                  data-aliases=""
6459                
6460                id="Morocco"
6461                aria-label="Morocco"
6462                role="option"
6463                tabindex="-1"
6464                ref="countryListItems[]"
6465                on:click="/selectCountry/MA"
6466              >
6467                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6468<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6469</svg>
6470</span>
6471                <span class="country">Morocco</span>
6472                <span
6473                  class="localization-form__currency"
6474                  
6475                >
6476                  MAD
6477                  د.م.</span>
6478              </li>
6479              <li
6480                class="localization-form__list-item"
6481                
6482                data-value="MZ"
6483                
6484                  data-aliases=""
6485                
6486                id="Mozambique"
6487                aria-label="Mozambique"
6488                role="option"
6489                tabindex="-1"
6490                ref="countryListItems[]"
6491                on:click="/selectCountry/MZ"
6492              >
6493                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6494<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6495</svg>
6496</span>
6497                <span class="country">Mozambique</span>
6498                <span
6499                  class="localization-form__currency"
6500                  
6501                >
6502                  GBP
6503                  £</span>
6504              </li>
6505              <li
6506                class="localization-form__list-item"
6507                
6508                data-value="NA"
6509                
6510                  data-aliases=""
6511                
6512                id="Namibia"
6513                aria-label="Namibia"
6514                role="option"
6515                tabindex="-1"
6516                ref="countryListItems[]"
6517                on:click="/selectCountry/NA"
6518              >
6519                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6520<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6521</svg>
6522</span>
6523                <span class="country">Namibia</span>
6524                <span
6525                  class="localization-form__currency"
6526                  
6527                >
6528                  GBP
6529                  £</span>
6530              </li>
6531              <li
6532                class="localization-form__list-item"
6533                
6534                data-value="NR"
6535                
6536                  data-aliases=""
6537                
6538                id="Nauru"
6539                aria-label="Nauru"
6540                role="option"
6541                tabindex="-1"
6542                ref="countryListItems[]"
6543                on:click="/selectCountry/NR"
6544              >
6545                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6546<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6547</svg>
6548</span>
6549                <span class="country">Nauru</span>
6550                <span
6551                  class="localization-form__currency"
6552                  
6553                >
6554                  AUD
6555                  $</span>
6556              </li>
6557              <li
6558                class="localization-form__list-item"
6559                
6560                data-value="NP"
6561                
6562                  data-aliases=""
6563                
6564                id="Nepal"
6565                aria-label="Nepal"
6566                role="option"
6567                tabindex="-1"
6568                ref="countryListItems[]"
6569                on:click="/selectCountry/NP"
6570              >
6571                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6572<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6573</svg>
6574</span>
6575                <span class="country">Nepal</span>
6576                <span
6577                  class="localization-form__currency"
6578                  
6579                >
6580                  NPR
6581                  Rs.</span>
6582              </li>
6583              <li
6584                class="localization-form__list-item"
6585                
6586                data-value="NL"
6587                
6588                  data-aliases=""
6589                
6590                id="Netherlands"
6591                aria-label="Netherlands"
6592                role="option"
6593                tabindex="-1"
6594                ref="countryListItems[]"
6595                on:click="/selectCountry/NL"
6596              >
6597                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6598<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6599</svg>
6600</span>
6601                <span class="country">Netherlands</span>
6602                <span
6603                  class="localization-form__currency"
6604                  
6605                >
6606                  EUR
6607                  €</span>
6608              </li>
6609              <li
6610                class="localization-form__list-item"
6611                
6612                data-value="NC"
6613                
6614                  data-aliases=""
6615                
6616                id="New Caledonia"
6617                aria-label="New Caledonia"
6618                role="option"
6619                tabindex="-1"
6620                ref="countryListItems[]"
6621                on:click="/selectCountry/NC"
6622              >
6623                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6624<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6625</svg>
6626</span>
6627                <span class="country">New Caledonia</span>
6628                <span
6629                  class="localization-form__currency"
6630                  
6631                >
6632                  XPF
6633                  Fr</span>
6634              </li>
6635              <li
6636                class="localization-form__list-item"
6637                
6638                data-value="NZ"
6639                
6640                  data-aliases=""
6641                
6642                id="New Zealand"
6643                aria-label="New Zealand"
6644                role="option"
6645                tabindex="-1"
6646                ref="countryListItems[]"
6647                on:click="/selectCountry/NZ"
6648              >
6649                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6650<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6651</svg>
6652</span>
6653                <span class="country">New Zealand</span>
6654                <span
6655                  class="localization-form__currency"
6656                  
6657                >
6658                  NZD
6659                  $</span>
6660              </li>
6661              <li
6662                class="localization-form__list-item"
6663                
6664                data-value="NI"
6665                
6666                  data-aliases=""
6667                
6668                id="Nicaragua"
6669                aria-label="Nicaragua"
6670                role="option"
6671                tabindex="-1"
6672                ref="countryListItems[]"
6673                on:click="/selectCountry/NI"
6674              >
6675                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6676<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6677</svg>
6678</span>
6679                <span class="country">Nicaragua</span>
6680                <span
6681                  class="localization-form__currency"
6682                  
6683                >
6684                  NIO
6685                  C$</span>
6686              </li>
6687              <li
6688                class="localization-form__list-item"
6689                
6690                data-value="NG"
6691                
6692                  data-aliases=""
6693                
6694                id="Nigeria"
6695                aria-label="Nigeria"
6696                role="option"
6697                tabindex="-1"
6698                ref="countryListItems[]"
6699                on:click="/selectCountry/NG"
6700              >
6701                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6702<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6703</svg>
6704</span>
6705                <span class="country">Nigeria</span>
6706                <span
6707                  class="localization-form__currency"
6708                  
6709                >
6710                  NGN
6711                  ₦</span>
6712              </li>
6713              <li
6714                class="localization-form__list-item"
6715                
6716                data-value="NU"
6717                
6718                  data-aliases=""
6719                
6720                id="Niue"
6721                aria-label="Niue"
6722                role="option"
6723                tabindex="-1"
6724                ref="countryListItems[]"
6725                on:click="/selectCountry/NU"
6726              >
6727                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6728<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6729</svg>
6730</span>
6731                <span class="country">Niue</span>
6732                <span
6733                  class="localization-form__currency"
6734                  
6735                >
6736                  NZD
6737                  $</span>
6738              </li>
6739              <li
6740                class="localization-form__list-item"
6741                
6742                data-value="MK"
6743                
6744                  data-aliases=""
6745                
6746                id="North Macedonia"
6747                aria-label="North Macedonia"
6748                role="option"
6749                tabindex="-1"
6750                ref="countryListItems[]"
6751                on:click="/selectCountry/MK"
6752              >
6753                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6754<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6755</svg>
6756</span>
6757                <span class="country">North Macedonia</span>
6758                <span
6759                  class="localization-form__currency"
6760                  
6761                >
6762                  MKD
6763                  ден</span>
6764              </li>
6765              <li
6766                class="localization-form__list-item"
6767                
6768                data-value="NO"
6769                
6770                  data-aliases=""
6771                
6772                id="Norway"
6773                aria-label="Norway"
6774                role="option"
6775                tabindex="-1"
6776                ref="countryListItems[]"
6777                on:click="/selectCountry/NO"
6778              >
6779                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6780<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6781</svg>
6782</span>
6783                <span class="country">Norway</span>
6784                <span
6785                  class="localization-form__currency"
6786                  
6787                >
6788                  GBP
6789                  £</span>
6790              </li>
6791              <li
6792                class="localization-form__list-item"
6793                
6794                data-value="OM"
6795                
6796                  data-aliases=""
6797                
6798                id="Oman"
6799                aria-label="Oman"
6800                role="option"
6801                tabindex="-1"
6802                ref="countryListItems[]"
6803                on:click="/selectCountry/OM"
6804              >
6805                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6806<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6807</svg>
6808</span>
6809                <span class="country">Oman</span>
6810                <span
6811                  class="localization-form__currency"
6812                  
6813                >
6814                  GBP
6815                  £</span>
6816              </li>
6817              <li
6818                class="localization-form__list-item"
6819                
6820                data-value="PK"
6821                
6822                  data-aliases=""
6823                
6824                id="Pakistan"
6825                aria-label="Pakistan"
6826                role="option"
6827                tabindex="-1"
6828                ref="countryListItems[]"
6829                on:click="/selectCountry/PK"
6830              >
6831                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6832<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6833</svg>
6834</span>
6835                <span class="country">Pakistan</span>
6836                <span
6837                  class="localization-form__currency"
6838                  
6839                >
6840                  PKR
6841                  ₨</span>
6842              </li>
6843              <li
6844                class="localization-form__list-item"
6845                
6846                data-value="PA"
6847                
6848                  data-aliases=""
6849                
6850                id="Panama"
6851                aria-label="Panama"
6852                role="option"
6853                tabindex="-1"
6854                ref="countryListItems[]"
6855                on:click="/selectCountry/PA"
6856              >
6857                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6858<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6859</svg>
6860</span>
6861                <span class="country">Panama</span>
6862                <span
6863                  class="localization-form__currency"
6864                  
6865                >
6866                  USD
6867                  $</span>
6868              </li>
6869              <li
6870                class="localization-form__list-item"
6871                
6872                data-value="PG"
6873                
6874                  data-aliases=""
6875                
6876                id="Papua New Guinea"
6877                aria-label="Papua New Guinea"
6878                role="option"
6879                tabindex="-1"
6880                ref="countryListItems[]"
6881                on:click="/selectCountry/PG"
6882              >
6883                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6884<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6885</svg>
6886</span>
6887                <span class="country">Papua New Guinea</span>
6888                <span
6889                  class="localization-form__currency"
6890                  
6891                >
6892                  PGK
6893                  K</span>
6894              </li>
6895              <li
6896                class="localization-form__list-item"
6897                
6898                data-value="PY"
6899                
6900                  data-aliases=""
6901                
6902                id="Paraguay"
6903                aria-label="Paraguay"
6904                role="option"
6905                tabindex="-1"
6906                ref="countryListItems[]"
6907                on:click="/selectCountry/PY"
6908              >
6909                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6910<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6911</svg>
6912</span>
6913                <span class="country">Paraguay</span>
6914                <span
6915                  class="localization-form__currency"
6916                  
6917                >
6918                  PYG
6919                  ₲</span>
6920              </li>
6921              <li
6922                class="localization-form__list-item"
6923                
6924                data-value="PE"
6925                
6926                  data-aliases=""
6927                
6928                id="Peru"
6929                aria-label="Peru"
6930                role="option"
6931                tabindex="-1"
6932                ref="countryListItems[]"
6933                on:click="/selectCountry/PE"
6934              >
6935                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6936<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6937</svg>
6938</span>
6939                <span class="country">Peru</span>
6940                <span
6941                  class="localization-form__currency"
6942                  
6943                >
6944                  PEN
6945                  S/</span>
6946              </li>
6947              <li
6948                class="localization-form__list-item"
6949                
6950                data-value="PH"
6951                
6952                  data-aliases=""
6953                
6954                id="Philippines"
6955                aria-label="Philippines"
6956                role="option"
6957                tabindex="-1"
6958                ref="countryListItems[]"
6959                on:click="/selectCountry/PH"
6960              >
6961                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6962<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6963</svg>
6964</span>
6965                <span class="country">Philippines</span>
6966                <span
6967                  class="localization-form__currency"
6968                  
6969                >
6970                  PHP
6971                  ₱</span>
6972              </li>
6973              <li
6974                class="localization-form__list-item"
6975                
6976                data-value="PL"
6977                
6978                  data-aliases=""
6979                
6980                id="Poland"
6981                aria-label="Poland"
6982                role="option"
6983                tabindex="-1"
6984                ref="countryListItems[]"
6985                on:click="/selectCountry/PL"
6986              >
6987                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6988<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6989</svg>
6990</span>
6991                <span class="country">Poland</span>
6992                <span
6993                  class="localization-form__currency"
6994                  
6995                >
6996                  PLN
6997                  zł</span>
6998              </li>
6999              <li
7000                class="localization-form__list-item"
7001                
7002                data-value="PT"
7003                
7004                  data-aliases=""
7005                
7006                id="Portugal"
7007                aria-label="Portugal"
7008                role="option"
7009                tabindex="-1"
7010                ref="countryListItems[]"
7011                on:click="/selectCountry/PT"
7012              >
7013                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7014<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7015</svg>
7016</span>
7017                <span class="country">Portugal</span>
7018                <span
7019                  class="localization-form__currency"
7020                  
7021                >
7022                  EUR
7023                  €</span>
7024              </li>
7025              <li
7026                class="localization-form__list-item"
7027                
7028                data-value="QA"
7029                
7030                  data-aliases=""
7031                
7032                id="Qatar"
7033                aria-label="Qatar"
7034                role="option"
7035                tabindex="-1"
7036                ref="countryListItems[]"
7037                on:click="/selectCountry/QA"
7038              >
7039                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7040<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7041</svg>
7042</span>
7043                <span class="country">Qatar</span>
7044                <span
7045                  class="localization-form__currency"
7046                  
7047                >
7048                  QAR
7049                  ر.ق</span>
7050              </li>
7051              <li
7052                class="localization-form__list-item"
7053                
7054                data-value="RE"
7055                
7056                  data-aliases=""
7057                
7058                id="Réunion"
7059                aria-label="Réunion"
7060                role="option"
7061                tabindex="-1"
7062                ref="countryListItems[]"
7063                on:click="/selectCountry/RE"
7064              >
7065                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7066<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7067</svg>
7068</span>
7069                <span class="country">Réunion</span>
7070                <span
7071                  class="localization-form__currency"
7072                  
7073                >
7074                  EUR
7075                  €</span>
7076              </li>
7077              <li
7078                class="localization-form__list-item"
7079                
7080                data-value="RO"
7081                
7082                  data-aliases=""
7083                
7084                id="Romania"
7085                aria-label="Romania"
7086                role="option"
7087                tabindex="-1"
7088                ref="countryListItems[]"
7089                on:click="/selectCountry/RO"
7090              >
7091                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7092<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7093</svg>
7094</span>
7095                <span class="country">Romania</span>
7096                <span
7097                  class="localization-form__currency"
7098                  
7099                >
7100                  RON
7101                  Lei</span>
7102              </li>
7103              <li
7104                class="localization-form__list-item"
7105                
7106                data-value="RW"
7107                
7108                  data-aliases=""
7109                
7110                id="Rwanda"
7111                aria-label="Rwanda"
7112                role="option"
7113                tabindex="-1"
7114                ref="countryListItems[]"
7115                on:click="/selectCountry/RW"
7116              >
7117                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7118<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7119</svg>
7120</span>
7121                <span class="country">Rwanda</span>
7122                <span
7123                  class="localization-form__currency"
7124                  
7125                >
7126                  RWF
7127                  FRw</span>
7128              </li>
7129              <li
7130                class="localization-form__list-item"
7131                
7132                data-value="WS"
7133                
7134                  data-aliases=""
7135                
7136                id="Samoa"
7137                aria-label="Samoa"
7138                role="option"
7139                tabindex="-1"
7140                ref="countryListItems[]"
7141                on:click="/selectCountry/WS"
7142              >
7143                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7144<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7145</svg>
7146</span>
7147                <span class="country">Samoa</span>
7148                <span
7149                  class="localization-form__currency"
7150                  
7151                >
7152                  WST
7153                  T</span>
7154              </li>
7155              <li
7156                class="localization-form__list-item"
7157                
7158                data-value="SM"
7159                
7160                  data-aliases=""
7161                
7162                id="San Marino"
7163                aria-label="San Marino"
7164                role="option"
7165                tabindex="-1"
7166                ref="countryListItems[]"
7167                on:click="/selectCountry/SM"
7168              >
7169                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7170<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7171</svg>
7172</span>
7173                <span class="country">San Marino</span>
7174                <span
7175                  class="localization-form__currency"
7176                  
7177                >
7178                  EUR
7179                  €</span>
7180              </li>
7181              <li
7182                class="localization-form__list-item"
7183                
7184                data-value="ST"
7185                
7186                  data-aliases=""
7187                
7188                id="São Tomé &amp; Príncipe"
7189                aria-label="São Tomé &amp; Príncipe"
7190                role="option"
7191                tabindex="-1"
7192                ref="countryListItems[]"
7193                on:click="/selectCountry/ST"
7194              >
7195                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7196<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7197</svg>
7198</span>
7199                <span class="country">São Tomé &amp; Príncipe</span>
7200                <span
7201                  class="localization-form__currency"
7202                  
7203                >
7204                  STD
7205                  Db</span>
7206              </li>
7207              <li
7208                class="localization-form__list-item"
7209                
7210                data-value="SA"
7211                
7212                  data-aliases=""
7213                
7214                id="Saudi Arabia"
7215                aria-label="Saudi Arabia"
7216                role="option"
7217                tabindex="-1"
7218                ref="countryListItems[]"
7219                on:click="/selectCountry/SA"
7220              >
7221                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7222<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7223</svg>
7224</span>
7225                <span class="country">Saudi Arabia</span>
7226                <span
7227                  class="localization-form__currency"
7228                  
7229                >
7230                  SAR
7231                  ر.س</span>
7232              </li>
7233              <li
7234                class="localization-form__list-item"
7235                
7236                data-value="SN"
7237                
7238                  data-aliases=""
7239                
7240                id="Senegal"
7241                aria-label="Senegal"
7242                role="option"
7243                tabindex="-1"
7244                ref="countryListItems[]"
7245                on:click="/selectCountry/SN"
7246              >
7247                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7248<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7249</svg>
7250</span>
7251                <span class="country">Senegal</span>
7252                <span
7253                  class="localization-form__currency"
7254                  
7255                >
7256                  XOF
7257                  Fr</span>
7258              </li>
7259              <li
7260                class="localization-form__list-item"
7261                
7262                data-value="RS"
7263                
7264                  data-aliases=""
7265                
7266                id="Serbia"
7267                aria-label="Serbia"
7268                role="option"
7269                tabindex="-1"
7270                ref="countryListItems[]"
7271                on:click="/selectCountry/RS"
7272              >
7273                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7274<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7275</svg>
7276</span>
7277                <span class="country">Serbia</span>
7278                <span
7279                  class="localization-form__currency"
7280                  
7281                >
7282                  RSD
7283                  РСД</span>
7284              </li>
7285              <li
7286                class="localization-form__list-item"
7287                
7288                data-value="SC"
7289                
7290                  data-aliases=""
7291                
7292                id="Seychelles"
7293                aria-label="Seychelles"
7294                role="option"
7295                tabindex="-1"
7296                ref="countryListItems[]"
7297                on:click="/selectCountry/SC"
7298              >
7299                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7300<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7301</svg>
7302</span>
7303                <span class="country">Seychelles</span>
7304                <span
7305                  class="localization-form__currency"
7306                  
7307                >
7308                  GBP
7309                  £</span>
7310              </li>
7311              <li
7312                class="localization-form__list-item"
7313                
7314                data-value="SL"
7315                
7316                  data-aliases=""
7317                
7318                id="Sierra Leone"
7319                aria-label="Sierra Leone"
7320                role="option"
7321                tabindex="-1"
7322                ref="countryListItems[]"
7323                on:click="/selectCountry/SL"
7324              >
7325                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7326<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7327</svg>
7328</span>
7329                <span class="country">Sierra Leone</span>
7330                <span
7331                  class="localization-form__currency"
7332                  
7333                >
7334                  SLL
7335                  Le</span>
7336              </li>
7337              <li
7338                class="localization-form__list-item"
7339                
7340                data-value="SG"
7341                
7342                  data-aliases=""
7343                
7344                id="Singapore"
7345                aria-label="Singapore"
7346                role="option"
7347                tabindex="-1"
7348                ref="countryListItems[]"
7349                on:click="/selectCountry/SG"
7350              >
7351                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7352<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7353</svg>
7354</span>
7355                <span class="country">Singapore</span>
7356                <span
7357                  class="localization-form__currency"
7358                  
7359                >
7360                  SGD
7361                  $</span>
7362              </li>
7363              <li
7364                class="localization-form__list-item"
7365                
7366                data-value="SK"
7367                
7368                  data-aliases=""
7369                
7370                id="Slovakia"
7371                aria-label="Slovakia"
7372                role="option"
7373                tabindex="-1"
7374                ref="countryListItems[]"
7375                on:click="/selectCountry/SK"
7376              >
7377                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7378<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7379</svg>
7380</span>
7381                <span class="country">Slovakia</span>
7382                <span
7383                  class="localization-form__currency"
7384                  
7385                >
7386                  EUR
7387                  €</span>
7388              </li>
7389              <li
7390                class="localization-form__list-item"
7391                
7392                data-value="SI"
7393                
7394                  data-aliases=""
7395                
7396                id="Slovenia"
7397                aria-label="Slovenia"
7398                role="option"
7399                tabindex="-1"
7400                ref="countryListItems[]"
7401                on:click="/selectCountry/SI"
7402              >
7403                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7404<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7405</svg>
7406</span>
7407                <span class="country">Slovenia</span>
7408                <span
7409                  class="localization-form__currency"
7410                  
7411                >
7412                  EUR
7413                  €</span>
7414              </li>
7415              <li
7416                class="localization-form__list-item"
7417                
7418                data-value="SB"
7419                
7420                  data-aliases=""
7421                
7422                id="Solomon Islands"
7423                aria-label="Solomon Islands"
7424                role="option"
7425                tabindex="-1"
7426                ref="countryListItems[]"
7427                on:click="/selectCountry/SB"
7428              >
7429                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7430<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7431</svg>
7432</span>
7433                <span class="country">Solomon Islands</span>
7434                <span
7435                  class="localization-form__currency"
7436                  
7437                >
7438                  SBD
7439                  $</span>
7440              </li>
7441              <li
7442                class="localization-form__list-item"
7443                
7444                data-value="ZA"
7445                
7446                  data-aliases=""
7447                
7448                id="South Africa"
7449                aria-label="South Africa"
7450                role="option"
7451                tabindex="-1"
7452                ref="countryListItems[]"
7453                on:click="/selectCountry/ZA"
7454              >
7455                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7456<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7457</svg>
7458</span>
7459                <span class="country">South Africa</span>
7460                <span
7461                  class="localization-form__currency"
7462                  
7463                >
7464                  GBP
7465                  £</span>
7466              </li>
7467              <li
7468                class="localization-form__list-item"
7469                
7470                data-value="KR"
7471                
7472                  data-aliases=""
7473                
7474                id="South Korea"
7475                aria-label="South Korea"
7476                role="option"
7477                tabindex="-1"
7478                ref="countryListItems[]"
7479                on:click="/selectCountry/KR"
7480              >
7481                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7482<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7483</svg>
7484</span>
7485                <span class="country">South Korea</span>
7486                <span
7487                  class="localization-form__currency"
7488                  
7489                >
7490                  KRW
7491                  ₩</span>
7492              </li>
7493              <li
7494                class="localization-form__list-item"
7495                
7496                data-value="ES"
7497                
7498                  data-aliases=""
7499                
7500                id="Spain"
7501                aria-label="Spain"
7502                role="option"
7503                tabindex="-1"
7504                ref="countryListItems[]"
7505                on:click="/selectCountry/ES"
7506              >
7507                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7508<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7509</svg>
7510</span>
7511                <span class="country">Spain</span>
7512                <span
7513                  class="localization-form__currency"
7514                  
7515                >
7516                  EUR
7517                  €</span>
7518              </li>
7519              <li
7520                class="localization-form__list-item"
7521                
7522                data-value="LK"
7523                
7524                  data-aliases=""
7525                
7526                id="Sri Lanka"
7527                aria-label="Sri Lanka"
7528                role="option"
7529                tabindex="-1"
7530                ref="countryListItems[]"
7531                on:click="/selectCountry/LK"
7532              >
7533                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7534<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7535</svg>
7536</span>
7537                <span class="country">Sri Lanka</span>
7538                <span
7539                  class="localization-form__currency"
7540                  
7541                >
7542                  LKR
7543                  ₨</span>
7544              </li>
7545              <li
7546                class="localization-form__list-item"
7547                
7548                data-value="BL"
7549                
7550                  data-aliases=""
7551                
7552                id="St. Barthélemy"
7553                aria-label="St. Barthélemy"
7554                role="option"
7555                tabindex="-1"
7556                ref="countryListItems[]"
7557                on:click="/selectCountry/BL"
7558              >
7559                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7560<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7561</svg>
7562</span>
7563                <span class="country">St. Barthélemy</span>
7564                <span
7565                  class="localization-form__currency"
7566                  
7567                >
7568                  EUR
7569                  €</span>
7570              </li>
7571              <li
7572                class="localization-form__list-item"
7573                
7574                data-value="KN"
7575                
7576                  data-aliases=""
7577                
7578                id="St. Kitts &amp; Nevis"
7579                aria-label="St. Kitts &amp; Nevis"
7580                role="option"
7581                tabindex="-1"
7582                ref="countryListItems[]"
7583                on:click="/selectCountry/KN"
7584              >
7585                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7586<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7587</svg>
7588</span>
7589                <span class="country">St. Kitts &amp; Nevis</span>
7590                <span
7591                  class="localization-form__currency"
7592                  
7593                >
7594                  XCD
7595                  $</span>
7596              </li>
7597              <li
7598                class="localization-form__list-item"
7599                
7600                data-value="LC"
7601                
7602                  data-aliases=""
7603                
7604                id="St. Lucia"
7605                aria-label="St. Lucia"
7606                role="option"
7607                tabindex="-1"
7608                ref="countryListItems[]"
7609                on:click="/selectCountry/LC"
7610              >
7611                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7612<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7613</svg>
7614</span>
7615                <span class="country">St. Lucia</span>
7616                <span
7617                  class="localization-form__currency"
7618                  
7619                >
7620                  XCD
7621                  $</span>
7622              </li>
7623              <li
7624                class="localization-form__list-item"
7625                
7626                data-value="MF"
7627                
7628                  data-aliases=""
7629                
7630                id="St. Martin"
7631                aria-label="St. Martin"
7632                role="option"
7633                tabindex="-1"
7634                ref="countryListItems[]"
7635                on:click="/selectCountry/MF"
7636              >
7637                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7638<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7639</svg>
7640</span>
7641                <span class="country">St. Martin</span>
7642                <span
7643                  class="localization-form__currency"
7644                  
7645                >
7646                  EUR
7647                  €</span>
7648              </li>
7649              <li
7650                class="localization-form__list-item"
7651                
7652                data-value="VC"
7653                
7654                  data-aliases=""
7655                
7656                id="St. Vincent &amp; Grenadines"
7657                aria-label="St. Vincent &amp; Grenadines"
7658                role="option"
7659                tabindex="-1"
7660                ref="countryListItems[]"
7661                on:click="/selectCountry/VC"
7662              >
7663                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7664<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7665</svg>
7666</span>
7667                <span class="country">St. Vincent &amp; Grenadines</span>
7668                <span
7669                  class="localization-form__currency"
7670                  
7671                >
7672                  XCD
7673                  $</span>
7674              </li>
7675              <li
7676                class="localization-form__list-item"
7677                
7678                data-value="SR"
7679                
7680                  data-aliases=""
7681                
7682                id="Suriname"
7683                aria-label="Suriname"
7684                role="option"
7685                tabindex="-1"
7686                ref="countryListItems[]"
7687                on:click="/selectCountry/SR"
7688              >
7689                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7690<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7691</svg>
7692</span>
7693                <span class="country">Suriname</span>
7694                <span
7695                  class="localization-form__currency"
7696                  
7697                >
7698                  GBP
7699                  £</span>
7700              </li>
7701              <li
7702                class="localization-form__list-item"
7703                
7704                data-value="SE"
7705                
7706                  data-aliases=""
7707                
7708                id="Sweden"
7709                aria-label="Sweden"
7710                role="option"
7711                tabindex="-1"
7712                ref="countryListItems[]"
7713                on:click="/selectCountry/SE"
7714              >
7715                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7716<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7717</svg>
7718</span>
7719                <span class="country">Sweden</span>
7720                <span
7721                  class="localization-form__currency"
7722                  
7723                >
7724                  SEK
7725                  kr</span>
7726              </li>
7727              <li
7728                class="localization-form__list-item"
7729                
7730                data-value="CH"
7731                
7732                  data-aliases=""
7733                
7734                id="Switzerland"
7735                aria-label="Switzerland"
7736                role="option"
7737                tabindex="-1"
7738                ref="countryListItems[]"
7739                on:click="/selectCountry/CH"
7740              >
7741                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7742<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7743</svg>
7744</span>
7745                <span class="country">Switzerland</span>
7746                <span
7747                  class="localization-form__currency"
7748                  
7749                >
7750                  CHF
7751                  CHF</span>
7752              </li>
7753              <li
7754                class="localization-form__list-item"
7755                
7756                data-value="TW"
7757                
7758                  data-aliases=""
7759                
7760                id="Taiwan"
7761                aria-label="Taiwan"
7762                role="option"
7763                tabindex="-1"
7764                ref="countryListItems[]"
7765                on:click="/selectCountry/TW"
7766              >
7767                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7768<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7769</svg>
7770</span>
7771                <span class="country">Taiwan</span>
7772                <span
7773                  class="localization-form__currency"
7774                  
7775                >
7776                  TWD
7777                  $</span>
7778              </li>
7779              <li
7780                class="localization-form__list-item"
7781                
7782                data-value="TZ"
7783                
7784                  data-aliases=""
7785                
7786                id="Tanzania"
7787                aria-label="Tanzania"
7788                role="option"
7789                tabindex="-1"
7790                ref="countryListItems[]"
7791                on:click="/selectCountry/TZ"
7792              >
7793                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7794<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7795</svg>
7796</span>
7797                <span class="country">Tanzania</span>
7798                <span
7799                  class="localization-form__currency"
7800                  
7801                >
7802                  TZS
7803                  Sh</span>
7804              </li>
7805              <li
7806                class="localization-form__list-item"
7807                
7808                data-value="TH"
7809                
7810                  data-aliases=""
7811                
7812                id="Thailand"
7813                aria-label="Thailand"
7814                role="option"
7815                tabindex="-1"
7816                ref="countryListItems[]"
7817                on:click="/selectCountry/TH"
7818              >
7819                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7820<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7821</svg>
7822</span>
7823                <span class="country">Thailand</span>
7824                <span
7825                  class="localization-form__currency"
7826                  
7827                >
7828                  THB
7829                  ฿</span>
7830              </li>
7831              <li
7832                class="localization-form__list-item"
7833                
7834                data-value="TL"
7835                
7836                  data-aliases=""
7837                
7838                id="Timor-Leste"
7839                aria-label="Timor-Leste"
7840                role="option"
7841                tabindex="-1"
7842                ref="countryListItems[]"
7843                on:click="/selectCountry/TL"
7844              >
7845                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7846<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7847</svg>
7848</span>
7849                <span class="country">Timor-Leste</span>
7850                <span
7851                  class="localization-form__currency"
7852                  
7853                >
7854                  USD
7855                  $</span>
7856              </li>
7857              <li
7858                class="localization-form__list-item"
7859                
7860                data-value="TG"
7861                
7862                  data-aliases=""
7863                
7864                id="Togo"
7865                aria-label="Togo"
7866                role="option"
7867                tabindex="-1"
7868                ref="countryListItems[]"
7869                on:click="/selectCountry/TG"
7870              >
7871                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7872<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7873</svg>
7874</span>
7875                <span class="country">Togo</span>
7876                <span
7877                  class="localization-form__currency"
7878                  
7879                >
7880                  XOF
7881                  Fr</span>
7882              </li>
7883              <li
7884                class="localization-form__list-item"
7885                
7886                data-value="TO"
7887                
7888                  data-aliases=""
7889                
7890                id="Tonga"
7891                aria-label="Tonga"
7892                role="option"
7893                tabindex="-1"
7894                ref="countryListItems[]"
7895                on:click="/selectCountry/TO"
7896              >
7897                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7898<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7899</svg>
7900</span>
7901                <span class="country">Tonga</span>
7902                <span
7903                  class="localization-form__currency"
7904                  
7905                >
7906                  TOP
7907                  T$</span>
7908              </li>
7909              <li
7910                class="localization-form__list-item"
7911                
7912                data-value="TT"
7913                
7914                  data-aliases=""
7915                
7916                id="Trinidad &amp; Tobago"
7917                aria-label="Trinidad &amp; Tobago"
7918                role="option"
7919                tabindex="-1"
7920                ref="countryListItems[]"
7921                on:click="/selectCountry/TT"
7922              >
7923                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7924<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7925</svg>
7926</span>
7927                <span class="country">Trinidad &amp; Tobago</span>
7928                <span
7929                  class="localization-form__currency"
7930                  
7931                >
7932                  TTD
7933                  $</span>
7934              </li>
7935              <li
7936                class="localization-form__list-item"
7937                
7938                data-value="TN"
7939                
7940                  data-aliases=""
7941                
7942                id="Tunisia"
7943                aria-label="Tunisia"
7944                role="option"
7945                tabindex="-1"
7946                ref="countryListItems[]"
7947                on:click="/selectCountry/TN"
7948              >
7949                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7950<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7951</svg>
7952</span>
7953                <span class="country">Tunisia</span>
7954                <span
7955                  class="localization-form__currency"
7956                  
7957                >
7958                  GBP
7959                  £</span>
7960              </li>
7961              <li
7962                class="localization-form__list-item"
7963                
7964                data-value="TC"
7965                
7966                  data-aliases=""
7967                
7968                id="Turks &amp; Caicos Islands"
7969                aria-label="Turks &amp; Caicos Islands"
7970                role="option"
7971                tabindex="-1"
7972                ref="countryListItems[]"
7973                on:click="/selectCountry/TC"
7974              >
7975                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7976<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7977</svg>
7978</span>
7979                <span class="country">Turks &amp; Caicos Islands</span>
7980                <span
7981                  class="localization-form__currency"
7982                  
7983                >
7984                  USD
7985                  $</span>
7986              </li>
7987              <li
7988                class="localization-form__list-item"
7989                
7990                data-value="TV"
7991                
7992                  data-aliases=""
7993                
7994                id="Tuvalu"
7995                aria-label="Tuvalu"
7996                role="option"
7997                tabindex="-1"
7998                ref="countryListItems[]"
7999                on:click="/selectCountry/TV"
8000              >
8001                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8002<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8003</svg>
8004</span>
8005                <span class="country">Tuvalu</span>
8006                <span
8007                  class="localization-form__currency"
8008                  
8009                >
8010                  AUD
8011                  $</span>
8012              </li>
8013              <li
8014                class="localization-form__list-item"
8015                
8016                data-value="UG"
8017                
8018                  data-aliases=""
8019                
8020                id="Uganda"
8021                aria-label="Uganda"
8022                role="option"
8023                tabindex="-1"
8024                ref="countryListItems[]"
8025                on:click="/selectCountry/UG"
8026              >
8027                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8028<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8029</svg>
8030</span>
8031                <span class="country">Uganda</span>
8032                <span
8033                  class="localization-form__currency"
8034                  
8035                >
8036                  UGX
8037                  USh</span>
8038              </li>
8039              <li
8040                class="localization-form__list-item"
8041                
8042                data-value="AE"
8043                
8044                  data-aliases=""
8045                
8046                id="United Arab Emirates"
8047                aria-label="United Arab Emirates"
8048                role="option"
8049                tabindex="-1"
8050                ref="countryListItems[]"
8051                on:click="/selectCountry/AE"
8052              >
8053                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8054<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8055</svg>
8056</span>
8057                <span class="country">United Arab Emirates</span>
8058                <span
8059                  class="localization-form__currency"
8060                  
8061                >
8062                  AED
8063                  د.إ</span>
8064              </li>
8065              <li
8066                class="localization-form__list-item"
8067                
8068                data-value="GB"
8069                
8070                  data-aliases="uk,gb,great britain"
8071                
8072                id="United Kingdom"
8073                aria-label="United Kingdom"
8074                role="option"
8075                tabindex="-1"
8076                ref="countryListItems[]"
8077                on:click="/selectCountry/GB"
8078              >
8079                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8080<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8081</svg>
8082</span>
8083                <span class="country">United Kingdom</span>
8084                <span
8085                  class="localization-form__currency"
8086                  
8087                >
8088                  GBP
8089                  £</span>
8090              </li>
8091              <li
8092                class="localization-form__list-item"
8093                
8094                  aria-current="true"
8095                
8096                data-value="US"
8097                
8098                  data-aliases="us,usa,america,united states of america"
8099                
8100                id="United States"
8101                aria-label="United States"
8102                role="option"
8103                tabindex="-1"
8104                ref="countryListItems[]"
8105                on:click="/selectCountry/US"
8106              >
8107                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8108<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8109</svg>
8110</span>
8111                <span class="country">United States</span>
8112                <span
8113                  class="localization-form__currency"
8114                  
8115                >
8116                  USD
8117                  $</span>
8118              </li>
8119              <li
8120                class="localization-form__list-item"
8121                
8122                data-value="UY"
8123                
8124                  data-aliases=""
8125                
8126                id="Uruguay"
8127                aria-label="Uruguay"
8128                role="option"
8129                tabindex="-1"
8130                ref="countryListItems[]"
8131                on:click="/selectCountry/UY"
8132              >
8133                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8134<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8135</svg>
8136</span>
8137                <span class="country">Uruguay</span>
8138                <span
8139                  class="localization-form__currency"
8140                  
8141                >
8142                  UYU
8143                  $U</span>
8144              </li>
8145              <li
8146                class="localization-form__list-item"
8147                
8148                data-value="UZ"
8149                
8150                  data-aliases=""
8151                
8152                id="Uzbekistan"
8153                aria-label="Uzbekistan"
8154                role="option"
8155                tabindex="-1"
8156                ref="countryListItems[]"
8157                on:click="/selectCountry/UZ"
8158              >
8159                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8160<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8161</svg>
8162</span>
8163                <span class="country">Uzbekistan</span>
8164                <span
8165                  class="localization-form__currency"
8166                  
8167                >
8168                  UZS
8169                  so'm</span>
8170              </li>
8171              <li
8172                class="localization-form__list-item"
8173                
8174                data-value="VU"
8175                
8176                  data-aliases=""
8177                
8178                id="Vanuatu"
8179                aria-label="Vanuatu"
8180                role="option"
8181                tabindex="-1"
8182                ref="countryListItems[]"
8183                on:click="/selectCountry/VU"
8184              >
8185                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8186<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8187</svg>
8188</span>
8189                <span class="country">Vanuatu</span>
8190                <span
8191                  class="localization-form__currency"
8192                  
8193                >
8194                  VUV
8195                  Vt</span>
8196              </li>
8197              <li
8198                class="localization-form__list-item"
8199                
8200                data-value="VN"
8201                
8202                  data-aliases=""
8203                
8204                id="Vietnam"
8205                aria-label="Vietnam"
8206                role="option"
8207                tabindex="-1"
8208                ref="countryListItems[]"
8209                on:click="/selectCountry/VN"
8210              >
8211                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8212<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8213</svg>
8214</span>
8215                <span class="country">Vietnam</span>
8216                <span
8217                  class="localization-form__currency"
8218                  
8219                >
8220                  VND
8221                  ₫</span>
8222              </li>
8223              <li
8224                class="localization-form__list-item"
8225                
8226                data-value="ZM"
8227                
8228                  data-aliases=""
8229                
8230                id="Zambia"
8231                aria-label="Zambia"
8232                role="option"
8233                tabindex="-1"
8234                ref="countryListItems[]"
8235                on:click="/selectCountry/ZM"
8236              >
8237                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8238<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8239</svg>
8240</span>
8241                <span class="country">Zambia</span>
8242                <span
8243                  class="localization-form__currency"
8244                  
8245                >
8246                  GBP
8247                  £</span>
8248              </li></ul>
8249        </div>
8250        <div class="country-selector__overlay"></div>
8251        <input
8252          type="hidden"
8253          name="country_code"
8254          value="US"
8255          ref="countryInput"
8256        >
8257      </div>
8258    
8259
8260    
8261</form></localization-form-component>
8262
8263
8264
8265                </div>
8266              </details>
8267            </drawer-localization-component>
8268          
8269</div>
8270
8271      
8272    </div>
8273    <div
8274      class="menu-drawer__backdrop"
8275      on:click="header-drawer/close"
8276    ></div>
8277  </details>
8278</header-drawer>
8279
8280
8281
8282    </div>
8283
8284  
8285
8286<style data-shopify>
8287  .header__underlay {
8288    --color-submenu: rgb(255 255 255);
8289  }
8290</style>
8291
8292
8293
8294
8295            
8296        
8297      
8298        
8299          
8300              
8301            
8302        
8303      
8304        
8305          
8306              
8307
8308
8309
8310            
8311        
8312      
8313        
8314          
8315              
8316
8317
8318
8319    
8320
8321
8322
8323
8324  <style data-shopify>
8325    .color-custom-AQmd6YTVuN1Azem8vV__header-menu,
8326    .color-custom-AQmd6YTVuN1Azem8vV__header-menu .text-block {
8327      /* Background */
8328      --color-background: #ffffff;
8329      --color-background-rgb: 255 255 255;
8330
8331      /* Opacity values adjusted for background brightness */
8332      
8333--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
83340.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
8335
8336
8337      
8338        /* Foreground / text — explicit or smart-contrasted */
8339        --color: #000000;
8340        --color-rgb: 0 0 0;
8341        --color-foreground: #000000;
8342        --color-foreground-rgb: 0 0 0;
8343        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
8344        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
8345        --color-border: var(--palette-darkest);
8346        --color-border-rgb: var(--palette-darkest-rgb);
8347      
8348    }
8349
8350    
8351      .color-custom-AQmd6YTVuN1Azem8vV__header-menu {
8352        /* Form-related tokens stay on .color-custom only — .text-block is a prose
8353           container (text/announcement/inline-text/blog-post-description/
8354           collection-link/price/sku) and never holds form inputs. */
8355        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
8356        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
8357        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
8358        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
8359      }
8360    
8361
8362    .color-custom-AQmd6YTVuN1Azem8vV__header-menu {
8363      color: var(--color, var(--color-foreground));
8364      background-color: var(--color-background);
8365    }
8366  </style>
8367
8368
8369
8370    
8371
8372    <header-menu
8373      ref="headerMenu"
8374      class="header-menu"
8375      
8376      data-hydration-key="header-menu"
8377    >
8378      <div class="header-menu__inner">
8379        <nav
8380          class="menu-list"
8381          aria-label="Primary"
8382          style="--menu-top-level-font-family: var(--font-accent--family);
8383--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-accent--style); --menu-top-level-font-weight: var(--font-accent--weight); --menu-top-level-font-case:uppercase;
8384
8385  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
8386  var(--menu-font-sm--line-height);
8387
8388--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
8389"
8390        >
8391          
8392          <overflow-list
8393  
8394    ref="overflowMenu"
8395  
8396  
8397    class="overflow-menu background-matches-parent"
8398  
8399  
8400    minimum-items="2"
8401  
8402  
8403    data-testid="header-menu-overflow-list"
8404  
8405  
8406    data-skip-node-update
8407  
8408>
8409  <template shadowrootmode="open">
8410    <link href="//thechaosttrpg.com/cdn/shop/t/8/assets/overflow-list.css?v=16727044177065489451786618388" rel="stylesheet" type="text/css" media="all" />
8411
8412    <ul part="list">
8413      <slot></slot>
8414      <slot
8415        name="more"
8416        part="more"
8417        hidden
8418        
8419      >
8420        <li
8421          part="more"
8422        >
8423          <button
8424            class="button"
8425            type="button"
8426            tabindex="0"
8427            
8428          >
8429            More
8430          </button>
8431        </li>
8432      </slot>
8433      <li
8434        part="placeholder"
8435        hidden
8436      ></li>
8437    </ul>
8438
8439    <div part="overflow">
8440      <ul part="overflow-list">
8441        <slot name="overflow"></slot>
8442      </ul>
8443    </div>
8444  </template>
8445
8446  
8447      
8448        <li
8449          class="menu-list__list-item"
8450          on:blur="/deactivate"
8451          on:pointerenter="/activate"
8452          on:pointerleave="/deactivate"
8453        ><a
8454            href="/"
8455            data-skip-node-update="true"
8456            class="menu-list__link"
8457            
8458            ref="menuitem"
8459          >
8460            <span class="menu-list__link-title">Home</span>
8461          </a></li>
8462      
8463        <li
8464          class="menu-list__list-item"
8465          on:blur="/deactivate"
8466          on:pointerenter="/activate"
8467          on:pointerleave="/deactivate"
8468        ><span class="menu-list__trigger"><a
8469            href="/products/the-chaos-card-deck-tabletop-roleplaying-game"
8470            data-skip-node-update="true"
8471            class="menu-list__link menu-list__link--active"
8472            
8473              aria-current="page"
8474            
8475            ref="menuitem"
8476          >
8477            <span class="menu-list__link-title">PLAY IT</span>
8478          </a><button
8479              type="button"
8480              class="menu-list__disclosure button-unstyled"
8481              aria-controls="submenu-2"
8482              aria-expanded="false"
8483              ref="disclosure[]"
8484              on:click="/toggle"
8485            >
8486              <span class="visually-hidden">Show PLAY IT submenu</span>
8487              <svg
8488                class="menu-list__disclosure-icon"
8489                aria-hidden="true"
8490                focusable="false"
8491                viewBox="0 0 10 6"
8492              >
8493
8494
8495<path
8496      fill-rule="evenodd"
8497      clip-rule="evenodd"
8498      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
8499      fill="currentColor"
8500    ></path></svg>
8501            </button>
8502            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" inert>
8503              <div
8504                id="submenu-2"
8505                class="menu-list__submenu-inner"
8506                style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
8507var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
8508uppercase;
8509
8510    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8511    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8512    --menu-parent-active-font-color: var(--color-foreground);
8513  
8514--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
8515uppercase;
8516
8517    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8518    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8519  
8520"
8521              >
8522                
8523                <div class="mega-menu section section--full-width-margin section--page-width">
8524                  <div
8525                    class="mega-menu__grid"
8526                    data-menu-grid-id="MegaMenuList-2"
8527                  >
8528                    
8529<ul
8530  data-menu-list-id="MegaMenuList-2"
8531  class="mega-menu__list list-unstyled"
8532  style="--menu-image-border-radius: 0px;"
8533>
8534  
8535    <li class="mega-menu__column mega-menu__column--span-1">
8536    <div>
8537      <a
8538        href="/products/the-chaos-card-deck-tabletop-roleplaying-game"
8539        class="mega-menu__link "
8540      >
8541        
8542        <span class="wrap-text">get the game deck</span>
8543      </a>
8544      
8545    </div>
8546
8547    
8548  
8549    
8550    <div>
8551      <a
8552        href="/pages/rules-of-the-chaos-solo-roleplaying-guide"
8553        class="mega-menu__link "
8554      >
8555        
8556        <span class="wrap-text">play it solo</span>
8557      </a>
8558      
8559    </div>
8560
8561    </li>
8562  
8563    <li class="mega-menu__column mega-menu__column--span-2">
8564    <div>
8565      <a
8566        href="/pages/souls-of-the-chaos-introduction"
8567        class="mega-menu__link mega-menu__link--parent"
8568      >
8569        
8570        <span class="wrap-text">roll a character</span>
8571      </a>
8572      
8573        <ul
8574          class="list-unstyled"
8575          
8576            style="column-count: 2;"
8577          
8578        >
8579          
8580            
8581            <li
8582              
8583            >
8584              <a
8585                href="/pages/souls-of-the-chaos-introduction"
8586                class="mega-menu__link"
8587              >
8588                <span class="wrap-text">introduction</span>
8589              </a>
8590            </li>
8591          
8592            
8593            <li
8594              
8595            >
8596              <a
8597                href="/pages/souls-of-the-chaos-arcane-weavin"
8598                class="mega-menu__link"
8599              >
8600                <span class="wrap-text">arcane weavin'</span>
8601              </a>
8602            </li>
8603          
8604            
8605            <li
8606              
8607            >
8608              <a
8609                href="/pages/souls-of-the-chaos-chains"
8610                class="mega-menu__link"
8611              >
8612                <span class="wrap-text">chains</span>
8613              </a>
8614            </li>
8615          
8616            
8617            <li
8618              
8619            >
8620              <a
8621                href="/pages/souls-of-the-chaos-choose-your-thing"
8622                class="mega-menu__link"
8623              >
8624                <span class="wrap-text">choose your thing</span>
8625              </a>
8626            </li>
8627          
8628            
8629            <li
8630              
8631            >
8632              <a
8633                href="/pages/souls-of-the-chaos-discords"
8634                class="mega-menu__link"
8635              >
8636                <span class="wrap-text">discords</span>
8637              </a>
8638            </li>
8639          
8640            
8641            <li
8642              
8643            >
8644              <a
8645                href="/pages/souls-of-the-chaos-gear"
8646                class="mega-menu__link"
8647              >
8648                <span class="wrap-text">gear</span>
8649              </a>
8650            </li>
8651          
8652            
8653            <li
8654              
8655            >
8656              <a
8657                href="/pages/souls-of-the-chaos-health-healin"
8658                class="mega-menu__link"
8659              >
8660                <span class="wrap-text">health & healin'</span>
8661              </a>
8662            </li>
8663          
8664            
8665            <li
8666              
8667            >
8668              <a
8669                href="/pages/souls-of-the-chaos-hirelings"
8670                class="mega-menu__link"
8671              >
8672                <span class="wrap-text">hirelings</span>
8673              </a>
8674            </li>
8675          
8676            
8677            <li
8678              
8679            >
8680              <a
8681                href="/pages/souls-of-the-chaos-hittin-tools"
8682                class="mega-menu__link"
8683              >
8684                <span class="wrap-text">hittin' tools (weapons)</span>
8685              </a>
8686            </li>
8687          
8688            
8689            <li
8690              
8691                style="break-after: column;"
8692              
8693            >
8694              <a
8695                href="/pages/souls-of-the-chaos-roll-your-traits"
8696                class="mega-menu__link"
8697              >
8698                <span class="wrap-text">roll your traits</span>
8699              </a>
8700            </li>
8701          
8702            
8703            <li
8704              
8705            >
8706              <a
8707                href="/pages/souls-of-the-chaos-whack-blunters"
8708                class="mega-menu__link"
8709              >
8710                <span class="wrap-text">whack blunters (armour)</span>
8711              </a>
8712            </li>
8713          
8714            
8715            <li
8716              
8717            >
8718              <a
8719                href="/pages/souls-of-the-chaos-whats-gone-wrong"
8720                class="mega-menu__link"
8721              >
8722                <span class="wrap-text">what's gone wrong</span>
8723              </a>
8724            </li>
8725          
8726            
8727            <li
8728              
8729            >
8730              <a
8731                href="/pages/souls-of-the-chaos-whats-the-point"
8732                class="mega-menu__link"
8733              >
8734                <span class="wrap-text">what's it all about</span>
8735              </a>
8736            </li>
8737          
8738            
8739            <li
8740              
8741            >
8742              <a
8743                href="/pages/souls-of-the-chaos-your-failed-career"
8744                class="mega-menu__link"
8745              >
8746                <span class="wrap-text">your failed career</span>
8747              </a>
8748            </li>
8749          
8750        </ul>
8751      
8752    </div>
8753
8754    </li>
8755  
8756</ul>
8757
8758
8759
8760<style data-shopify>
8761  [data-menu-grid-id="MegaMenuList-2"] {
8762    
8763      --menu-columns-desktop: 6;
8764      --menu-columns-tablet: 4;
8765    
8766  }
8767
8768  [data-menu-list-id="MegaMenuList-2"] {
8769    
8770      --menu-columns-desktop: 6;
8771      --menu-columns-tablet: 4;
8772    
8773  }
8774</style>
8775
8776
8777
8778                  </div>
8779                </div>
8780              </div>
8781            </div></li>
8782      
8783        <li
8784          class="menu-list__list-item"
8785          on:blur="/deactivate"
8786          on:pointerenter="/activate"
8787          on:pointerleave="/deactivate"
8788        ><span class="menu-list__trigger"><a
8789            href="/pages/cook-the-chaos-introduction"
8790            data-skip-node-update="true"
8791            class="menu-list__link"
8792            
8793            ref="menuitem"
8794          >
8795            <span class="menu-list__link-title">RUN IT</span>
8796          </a><button
8797              type="button"
8798              class="menu-list__disclosure button-unstyled"
8799              aria-controls="submenu-3"
8800              aria-expanded="false"
8801              ref="disclosure[]"
8802              on:click="/toggle"
8803            >
8804              <span class="visually-hidden">Show RUN IT submenu</span>
8805              <svg
8806                class="menu-list__disclosure-icon"
8807                aria-hidden="true"
8808                focusable="false"
8809                viewBox="0 0 10 6"
8810              >
8811
8812
8813<path
8814      fill-rule="evenodd"
8815      clip-rule="evenodd"
8816      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
8817      fill="currentColor"
8818    ></path></svg>
8819            </button>
8820            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" inert>
8821              <div
8822                id="submenu-3"
8823                class="menu-list__submenu-inner"
8824                style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
8825var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
8826uppercase;
8827
8828    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8829    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8830    --menu-parent-active-font-color: var(--color-foreground);
8831  
8832--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
8833uppercase;
8834
8835    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8836    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8837  
8838"
8839              >
8840                
8841                <div class="mega-menu section section--full-width-margin section--page-width">
8842                  <div
8843                    class="mega-menu__grid"
8844                    data-menu-grid-id="MegaMenuList-3"
8845                  >
8846                    
8847<ul
8848  data-menu-list-id="MegaMenuList-3"
8849  class="mega-menu__list list-unstyled"
8850  style="--menu-image-border-radius: 0px;"
8851>
8852  
8853    <li class="mega-menu__column mega-menu__column--span-1">
8854    <div>
8855      <a
8856        href="/pages/cook-the-chaos-introduction"
8857        class="mega-menu__link "
8858      >
8859        
8860        <span class="wrap-text">Introduction</span>
8861      </a>
8862      
8863    </div>
8864
8865    
8866  
8867    
8868    <div>
8869      <a
8870        href="/pages/cook-the-chaos-enter-the-realm"
8871        class="mega-menu__link "
8872      >
8873        
8874        <span class="wrap-text">Enter the Realm</span>
8875      </a>
8876      
8877    </div>
8878
8879    </li>
8880  
8881    <li class="mega-menu__column mega-menu__column--span-2">
8882    <div>
8883      <a
8884        href="/pages/cook-the-chaos-running-a-session"
8885        class="mega-menu__link mega-menu__link--parent"
8886      >
8887        
8888        <span class="wrap-text">Running a Session</span>
8889      </a>
8890      
8891        <ul
8892          class="list-unstyled"
8893          
8894            style="column-count: 2;"
8895          
8896        >
8897          
8898            
8899            <li
8900              
8901            >
8902              <a
8903                href="/pages/cook-the-chaos-keeping-track"
8904                class="mega-menu__link"
8905              >
8906                <span class="wrap-text">Keeping Track</span>
8907              </a>
8908            </li>
8909          
8910            
8911            <li
8912              
8913            >
8914              <a
8915                href="/pages/cook-the-chaos-running-a-session"
8916                class="mega-menu__link"
8917              >
8918                <span class="wrap-text">From Start to End</span>
8919              </a>
8920            </li>
8921          
8922            
8923            <li
8924              
8925            >
8926              <a
8927                href="/pages/cook-the-chaos-the-stash"
8928                class="mega-menu__link"
8929              >
8930                <span class="wrap-text">The Stash</span>
8931              </a>
8932            </li>
8933          
8934            
8935            <li
8936              
8937            >
8938              <a
8939                href="/pages/cook-the-chaos-time-for-the-chaos"
8940                class="mega-menu__link"
8941              >
8942                <span class="wrap-text">Time for the Chaos</span>
8943              </a>
8944            </li>
8945          
8946            
8947            <li
8948              
8949            >
8950              <a
8951                href="/pages/cook-the-chaos-rumours-and-jobs"
8952                class="mega-menu__link"
8953              >
8954                <span class="wrap-text">Rumours & Jobs</span>
8955              </a>
8956            </li>
8957          
8958            
8959            <li
8960              
8961            >
8962              <a
8963                href="/pages/cook-the-chaos-terrain-and-weather"
8964                class="mega-menu__link"
8965              >
8966                <span class="wrap-text">Terrain & Weather</span>
8967              </a>
8968            </li>
8969          
8970            
8971            <li
8972              
8973            >
8974              <a
8975                href="/pages/cook-the-chaos-mishaps"
8976                class="mega-menu__link"
8977              >
8978                <span class="wrap-text">Mishaps</span>
8979              </a>
8980            </li>
8981          
8982            
8983            <li
8984              
8985            >
8986              <a
8987                href="/pages/cook-the-chaos-points-of-interest"
8988                class="mega-menu__link"
8989              >
8990                <span class="wrap-text">Points of Interest</span>
8991              </a>
8992            </li>
8993          
8994            
8995            <li
8996              
8997                style="break-after: column;"
8998              
8999            >
9000              <a
9001                href="/pages/cook-the-chaos-random-encounters"
9002                class="mega-menu__link"
9003              >
9004                <span class="wrap-text">Random Encounters</span>
9005              </a>
9006            </li>
9007          
9008            
9009            <li
9010              
9011            >
9012              <a
9013                href="/pages/cook-the-chaos-wild-magicks"
9014                class="mega-menu__link"
9015              >
9016                <span class="wrap-text">Wild Magicks</span>
9017              </a>
9018            </li>
9019          
9020            
9021            <li
9022              
9023            >
9024              <a
9025                href="/pages/cook-the-chaos-the-destination"
9026                class="mega-menu__link"
9027              >
9028                <span class="wrap-text">The Destination</span>
9029              </a>
9030            </li>
9031          
9032        </ul>
9033      
9034    </div>
9035
9036    </li>
9037  
9038    <li class="mega-menu__column mega-menu__column--span-1">
9039    <div>
9040      <a
9041        href="/pages/creatures-of-the-chaos"
9042        class="mega-menu__link "
9043      >
9044        
9045        <span class="wrap-text">Creatures</span>
9046      </a>
9047      
9048    </div>
9049
9050    
9051  
9052    
9053    <div>
9054      <a
9055        href="/pages/curiosities-of-the-chaos"
9056        class="mega-menu__link "
9057      >
9058        
9059        <span class="wrap-text">Curiosities</span>
9060      </a>
9061      
9062    </div>
9063
9064    </li>
9065  
9066</ul>
9067
9068
9069
9070<style data-shopify>
9071  [data-menu-grid-id="MegaMenuList-3"] {
9072    
9073      --menu-columns-desktop: 6;
9074      --menu-columns-tablet: 4;
9075    
9076  }
9077
9078  [data-menu-list-id="MegaMenuList-3"] {
9079    
9080      --menu-columns-desktop: 6;
9081      --menu-columns-tablet: 4;
9082    
9083  }
9084</style>
9085
9086
9087
9088                  </div>
9089                </div>
9090              </div>
9091            </div></li>
9092      
9093        <li
9094          class="menu-list__list-item"
9095          on:blur="/deactivate"
9096          on:pointerenter="/activate"
9097          on:pointerleave="/deactivate"
9098        ><span class="menu-list__trigger"><a
9099            href="/pages/rules-of-the-chaos-introduction"
9100            data-skip-node-update="true"
9101            class="menu-list__link"
9102            
9103            ref="menuitem"
9104          >
9105            <span class="menu-list__link-title">RULES</span>
9106          </a><button
9107              type="button"
9108              class="menu-list__disclosure button-unstyled"
9109              aria-controls="submenu-4"
9110              aria-expanded="false"
9111              ref="disclosure[]"
9112              on:click="/toggle"
9113            >
9114              <span class="visually-hidden">Show RULES submenu</span>
9115              <svg
9116                class="menu-list__disclosure-icon"
9117                aria-hidden="true"
9118                focusable="false"
9119                viewBox="0 0 10 6"
9120              >
9121
9122
9123<path
9124      fill-rule="evenodd"
9125      clip-rule="evenodd"
9126      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
9127      fill="currentColor"
9128    ></path></svg>
9129            </button>
9130            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" inert>
9131              <div
9132                id="submenu-4"
9133                class="menu-list__submenu-inner"
9134                style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
9135var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
9136uppercase;
9137
9138    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
9139    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
9140    --menu-parent-active-font-color: var(--color-foreground);
9141  
9142--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
9143uppercase;
9144
9145    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
9146    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
9147  
9148"
9149              >
9150                
9151                <div class="mega-menu section section--full-width-margin section--page-width">
9152                  <div
9153                    class="mega-menu__grid"
9154                    data-menu-grid-id="MegaMenuList-4"
9155                  >
9156                    
9157<ul
9158  data-menu-list-id="MegaMenuList-4"
9159  class="mega-menu__list list-unstyled"
9160  style="--menu-image-border-radius: 0px;"
9161>
9162  
9163    <li class="mega-menu__column mega-menu__column--span-1">
9164    <div>
9165      <a
9166        href="/pages/rules-of-the-chaos-introduction"
9167        class="mega-menu__link "
9168      >
9169        
9170        <span class="wrap-text">introduction</span>
9171      </a>
9172      
9173    </div>
9174
9175    
9176  
9177    
9178    <div>
9179      <a
9180        href="/pages/osr-conversion"
9181        class="mega-menu__link "
9182      >
9183        
9184        <span class="wrap-text">OSR Conversion</span>
9185      </a>
9186      
9187    </div>
9188
9189    </li>
9190  
9191    <li class="mega-menu__column mega-menu__column--span-1">
9192    <div>
9193      <a
9194        href="/pages/rules-of-the-chaos-before-conflict"
9195        class="mega-menu__link mega-menu__link--parent"
9196      >
9197        
9198        <span class="wrap-text">conflicts</span>
9199      </a>
9200      
9201        <ul
9202          class="list-unstyled"
9203          
9204            style="column-count: 1;"
9205          
9206        >
9207          
9208            
9209            <li
9210              
9211            >
9212              <a
9213                href="/pages/rules-of-the-chaos-before-conflict"
9214                class="mega-menu__link"
9215              >
9216                <span class="wrap-text">before conflict</span>
9217              </a>
9218            </li>
9219          
9220            
9221            <li
9222              
9223            >
9224              <a
9225                href="/pages/rules-of-the-chaos-during-conflict"
9226                class="mega-menu__link"
9227              >
9228                <span class="wrap-text">during conflict</span>
9229              </a>
9230            </li>
9231          
9232            
9233            <li
9234              
9235            >
9236              <a
9237                href="/pages/rules-of-the-chaos-characters-turns"
9238                class="mega-menu__link"
9239              >
9240                <span class="wrap-text">character turns</span>
9241              </a>
9242            </li>
9243          
9244            
9245            <li
9246              
9247            >
9248              <a
9249                href="/pages/rules-of-the-chaos-creatures-turns"
9250                class="mega-menu__link"
9251              >
9252                <span class="wrap-text">creature turns</span>
9253              </a>
9254            </li>
9255          
9256            
9257            <li
9258              
9259            >
9260              <a
9261                href="/pages/rules-of-the-chaos-new-paths"
9262                class="mega-menu__link"
9263              >
9264                <span class="wrap-text">new paths</span>
9265              </a>
9266            </li>
9267          
9268        </ul>
9269      
9270    </div>
9271
9272    </li>
9273  
9274    <li class="mega-menu__column mega-menu__column--span-1">
9275    <div>
9276      <a
9277        href="/pages/rules-of-the-chaos-introduction"
9278        class="mega-menu__link mega-menu__link--parent"
9279      >
9280        
9281        <span class="wrap-text">General Rules</span>
9282      </a>
9283      
9284        <ul
9285          class="list-unstyled"
9286          
9287            style="column-count: 1;"
9288          
9289        >
9290          
9291            
9292            <li
9293              
9294            >
9295              <a
9296                href="/pages/rules-of-the-chaos-rapid-rulin"
9297                class="mega-menu__link"
9298              >
9299                <span class="wrap-text">roll odds or traits</span>
9300              </a>
9301            </li>
9302          
9303            
9304            <li
9305              
9306            >
9307              <a
9308                href="/pages/rules-of-the-chaos-playin-dirty"
9309                class="mega-menu__link"
9310              >
9311                <span class="wrap-text">how to play dirty</span>
9312              </a>
9313            </li>
9314          
9315            
9316            <li
9317              
9318            >
9319              <a
9320                href="/pages/rules-of-the-chaos-grit-tables"
9321                class="mega-menu__link"
9322              >
9323                <span class="wrap-text">grit mechanic</span>
9324              </a>
9325            </li>
9326          
9327            
9328            <li
9329              
9330            >
9331              <a
9332                href="/pages/rules-of-the-chaos-modifiers"
9333                class="mega-menu__link"
9334              >
9335                <span class="wrap-text">roll modifiers</span>
9336              </a>
9337            </li>
9338          
9339            
9340            <li
9341              
9342            >
9343              <a
9344                href="/pages/rules-of-the-chaos-the-exploration-loop"
9345                class="mega-menu__link"
9346              >
9347                <span class="wrap-text">the exploration loop</span>
9348              </a>
9349            </li>
9350          
9351            
9352            <li
9353              
9354            >
9355              <a
9356                href="/pages/rules-of-the-chaos-complications"
9357                class="mega-menu__link"
9358              >
9359                <span class="wrap-text">add complications</span>
9360              </a>
9361            </li>
9362          
9363            
9364            <li
9365              
9366            >
9367              <a
9368                href="/pages/rules-of-the-chaos-hello-darkness"
9369                class="mega-menu__link"
9370              >
9371                <span class="wrap-text">darkness mechanic</span>
9372              </a>
9373            </li>
9374          
9375            
9376            <li
9377              
9378            >
9379              <a
9380                href="/pages/rules-of-the-chaos-rumour-churnin"
9381                class="mega-menu__link"
9382              >
9383                <span class="wrap-text">rumour churning</span>
9384              </a>
9385            </li>
9386          
9387        </ul>
9388      
9389    </div>
9390
9391    </li>
9392  
9393</ul>
9394
9395
9396
9397<style data-shopify>
9398  [data-menu-grid-id="MegaMenuList-4"] {
9399    
9400      --menu-columns-desktop: 6;
9401      --menu-columns-tablet: 4;
9402    
9403  }
9404
9405  [data-menu-list-id="MegaMenuList-4"] {
9406    
9407      --menu-columns-desktop: 6;
9408      --menu-columns-tablet: 4;
9409    
9410  }
9411</style>
9412
9413
9414
9415                  </div>
9416                </div>
9417              </div>
9418            </div></li>
9419      
9420        <li
9421          class="menu-list__list-item"
9422          on:blur="/deactivate"
9423          on:pointerenter="/activate"
9424          on:pointerleave="/deactivate"
9425        ><span class="menu-list__trigger"><a
9426            href="/pages/the-chaos-ttrpg-random-roll-tools"
9427            data-skip-node-update="true"
9428            class="menu-list__link"
9429            
9430            ref="menuitem"
9431          >
9432            <span class="menu-list__link-title">TOOLS</span>
9433          </a><button
9434              type="button"
9435              class="menu-list__disclosure button-unstyled"
9436              aria-controls="submenu-5"
9437              aria-expanded="false"
9438              ref="disclosure[]"
9439              on:click="/toggle"
9440            >
9441              <span class="visually-hidden">Show TOOLS submenu</span>
9442              <svg
9443                class="menu-list__disclosure-icon"
9444                aria-hidden="true"
9445                focusable="false"
9446                viewBox="0 0 10 6"
9447              >
9448
9449
9450<path
9451      fill-rule="evenodd"
9452      clip-rule="evenodd"
9453      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
9454      fill="currentColor"
9455    ></path></svg>
9456            </button>
9457            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" inert>
9458              <div
9459                id="submenu-5"
9460                class="menu-list__submenu-inner"
9461                style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
9462var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
9463uppercase;
9464
9465    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
9466    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
9467    --menu-parent-active-font-color: var(--color-foreground);
9468  
9469--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
9470uppercase;
9471
9472    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
9473    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
9474  
9475"
9476              >
9477                
9478                <div class="mega-menu section section--full-width-margin section--page-width">
9479                  <div
9480                    class="mega-menu__grid"
9481                    data-menu-grid-id="MegaMenuList-5"
9482                  >
9483                    
9484<ul
9485  data-menu-list-id="MegaMenuList-5"
9486  class="mega-menu__list list-unstyled"
9487  style="--menu-image-border-radius: 0px;"
9488>
9489  
9490    <li class="mega-menu__column mega-menu__column--span-1">
9491    <div>
9492      <a
9493        href="/pages/the-chaos-ledger"
9494        class="mega-menu__link "
9495      >
9496        
9497        <span class="wrap-text">The Chaos Ledger - Roll + Record Your Session</span>
9498      </a>
9499      
9500    </div>
9501
9502    
9503  
9504    
9505    <div>
9506      <a
9507        href="/pages/the-chaos-oracle-react-to-wins-wounds"
9508        class="mega-menu__link "
9509      >
9510        
9511        <span class="wrap-text">The Chaos Oracle - React To Wins + Wounds</span>
9512      </a>
9513      
9514    </div>
9515
9516    
9517  
9518    
9519    <div>
9520      <a
9521        href="/pages/the-chaos-ttrpg-random-roll-tools"
9522        class="mega-menu__link "
9523      >
9524        
9525        <span class="wrap-text">Chaos Rolls - Random Generators</span>
9526      </a>
9527      
9528    </div>
9529
9530    
9531  
9532    
9533    <div>
9534      <a
9535        href="/pages/the-chaos-player-board-roll-record-your-sessions"
9536        class="mega-menu__link "
9537      >
9538        
9539        <span class="wrap-text">The Chaos Player Board</span>
9540      </a>
9541      
9542    </div>
9543
9544    
9545  
9546    
9547    <div>
9548      <a
9549        href="/products/the-chaos-ttrpg-free-battlemap-pack"
9550        class="mega-menu__link "
9551      >
9552        
9553        <span class="wrap-text">Free Maps</span>
9554      </a>
9555      
9556    </div>
9557
9558    
9559  
9560    
9561    <div>
9562      <a
9563        href="/pages/rules-of-the-chaos-safety-first"
9564        class="mega-menu__link "
9565      >
9566        
9567        <span class="wrap-text">safety tools</span>
9568      </a>
9569      
9570    </div>
9571
9572    
9573  
9574    
9575    <div>
9576      <a
9577        href="/pages/the-chaos-quickstart-cheat-sheet"
9578        class="mega-menu__link "
9579      >
9580        
9581        <span class="wrap-text">Cheat Sheet</span>
9582      </a>
9583      
9584    </div>
9585
9586    
9587  
9588    
9589    <div>
9590      <a
9591        href="/pages/examples-of-the-chaos"
9592        class="mega-menu__link "
9593      >
9594        
9595        <span class="wrap-text">Examples of play</span>
9596      </a>
9597      
9598    </div>
9599
9600    </li>
9601  
9602</ul>
9603
9604
9605
9606<style data-shopify>
9607  [data-menu-grid-id="MegaMenuList-5"] {
9608    
9609      --menu-columns-desktop: 6;
9610      --menu-columns-tablet: 4;
9611    
9612  }
9613
9614  [data-menu-list-id="MegaMenuList-5"] {
9615    
9616      --menu-columns-desktop: 6;
9617      --menu-columns-tablet: 4;
9618    
9619  }
9620</style>
9621
9622
9623
9624                  </div>
9625                </div>
9626              </div>
9627            </div></li>
9628      
9629        <li
9630          class="menu-list__list-item"
9631          on:blur="/deactivate"
9632          on:pointerenter="/activate"
9633          on:pointerleave="/deactivate"
9634        ><a
9635            href="/collections/shoppe-krenvas-relics-of-the-realm"
9636            data-skip-node-update="true"
9637            class="menu-list__link"
9638            
9639            ref="menuitem"
9640          >
9641            <span class="menu-list__link-title">SHOPPE</span>
9642          </a></li>
9643      
9644        <li
9645          class="menu-list__list-item"
9646          on:blur="/deactivate"
9647          on:pointerenter="/activate"
9648          on:pointerleave="/deactivate"
9649        ><span class="menu-list__trigger"><a
9650            href="/pages/bones-of-the-realm-blog"
9651            data-skip-node-update="true"
9652            class="menu-list__link"
9653            
9654            ref="menuitem"
9655          >
9656            <span class="menu-list__link-title">COMMUNITY</span>
9657          </a><button
9658              type="button"
9659              class="menu-list__disclosure button-unstyled"
9660              aria-controls="submenu-7"
9661              aria-expanded="false"
9662              ref="disclosure[]"
9663              on:click="/toggle"
9664            >
9665              <span class="visually-hidden">Show COMMUNITY submenu</span>
9666              <svg
9667                class="menu-list__disclosure-icon"
9668                aria-hidden="true"
9669                focusable="false"
9670                viewBox="0 0 10 6"
9671              >
9672
9673
9674<path
9675      fill-rule="evenodd"
9676      clip-rule="evenodd"
9677      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
9678      fill="currentColor"
9679    ></path></svg>
9680            </button>
9681            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" inert>
9682              <div
9683                id="submenu-7"
9684                class="menu-list__submenu-inner"
9685                style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
9686var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
9687uppercase;
9688
9689    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
9690    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
9691    --menu-parent-active-font-color: var(--color-foreground);
9692  
9693--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
9694uppercase;
9695
9696    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
9697    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
9698  
9699"
9700              >
9701                
9702                <div class="mega-menu section section--full-width-margin section--page-width">
9703                  <div
9704                    class="mega-menu__grid"
9705                    data-menu-grid-id="MegaMenuList-7"
9706                  >
9707                    
9708<ul
9709  data-menu-list-id="MegaMenuList-7"
9710  class="mega-menu__list list-unstyled"
9711  style="--menu-image-border-radius: 0px;"
9712>
9713  
9714    <li class="mega-menu__column mega-menu__column--span-1">
9715    <div>
9716      <a
9717        href="/pages/bones-of-the-realm-blog"
9718        class="mega-menu__link mega-menu__link--parent"
9719      >
9720        
9721        <span class="wrap-text">Newsletter / Blog</span>
9722      </a>
9723      
9724        <ul
9725          class="list-unstyled"
9726          
9727            style="column-count: 1;"
9728          
9729        >
9730          
9731            
9732            <li
9733              
9734            >
9735              <a
9736                href="/pages/bones-of-the-realm-blog"
9737                class="mega-menu__link"
9738              >
9739                <span class="wrap-text">Sign Up</span>
9740              </a>
9741            </li>
9742          
9743            
9744            <li
9745              
9746            >
9747              <a
9748                href="/blogs/bones-of-the-realm-back-issues-blog"
9749                class="mega-menu__link"
9750              >
9751                <span class="wrap-text">Back Issues Blog</span>
9752              </a>
9753            </li>
9754          
9755        </ul>
9756      
9757    </div>
9758
9759    </li>
9760  
9761    <li class="mega-menu__column mega-menu__column--span-1">
9762    <div>
9763      <a
9764        href="/pages/get-in-touch"
9765        class="mega-menu__link "
9766      >
9767        
9768        <span class="wrap-text">Get In Touch</span>
9769      </a>
9770      
9771    </div>
9772
9773    
9774  
9775    
9776    <div>
9777      <a
9778        href="/pages/support-the-chaos"
9779        class="mega-menu__link "
9780      >
9781        
9782        <span class="wrap-text">Toss a Coin</span>
9783      </a>
9784      
9785    </div>
9786
9787    
9788  
9789    
9790    <div>
9791      <a
9792        href="/pages/add-a-tip-to-help-end-poverty"
9793        class="mega-menu__link "
9794      >
9795        
9796        <span class="wrap-text">Help End Poverty</span>
9797      </a>
9798      
9799    </div>
9800
9801    
9802  
9803    
9804    <div>
9805      <a
9806        href="/pages/wholesale-stock-the-chaos-ttrpg-in-your-store"
9807        class="mega-menu__link "
9808      >
9809        
9810        <span class="wrap-text">Retailers / Wholesale</span>
9811      </a>
9812      
9813    </div>
9814
9815    
9816  
9817    
9818    <div>
9819      <a
9820        href="https://discord.gg/q3sWmtUYbT"
9821        class="mega-menu__link "
9822      >
9823        
9824        <span class="wrap-text">DISCORD</span>
9825      </a>
9826      
9827    </div>
9828
9829    </li>
9830  
9831</ul>
9832
9833
9834
9835<style data-shopify>
9836  [data-menu-grid-id="MegaMenuList-7"] {
9837    
9838      --menu-columns-desktop: 6;
9839      --menu-columns-tablet: 4;
9840    
9841  }
9842
9843  [data-menu-list-id="MegaMenuList-7"] {
9844    
9845      --menu-columns-desktop: 6;
9846      --menu-columns-tablet: 4;
9847    
9848  }
9849</style>
9850
9851
9852
9853                  </div>
9854                </div>
9855              </div>
9856            </div></li>
9857      
9858      <li
9859        class="menu-list__list-item"
9860        slot="more"
9861        on:blur="/deactivate"
9862        on:pointerenter="/activate"
9863        on:pointerleave="/deactivate"
9864      >
9865        <button
9866          class="menu-list__link button-unstyled"
9867          aria-haspopup="true"
9868          aria-expanded="false"
9869          ref="menuitem"
9870          on:click="/toggle"
9871          data-testid="header-menu-more-button"
9872        >
9873          <span class="menu-list__link-title">More</span>
9874        </button>
9875      </li>
9876    
9877</overflow-list>
9878
9879        </nav>
9880      </div>
9881
9882      
9882<script
9883        src="//thechaosttrpg.com/cdn/shop/t/8/assets/header-menu.js?v=1177411761452820701786618357"
9884        type="module"
9885        fetchpriority="low"
9886      ></script>
9886
9887    </header-menu>
9888
9889
9890<style data-shopify>
9891  .header__underlay {
9892    --color-submenu: rgb(255 255 255);
9893  }
9894</style>
9895
9896
9897
9898
9899            
9900        
9901      
9902    </div><div
9903      class="header__column header__column--center"
9904      data-testid="header-top-center"
9905    >
9906      
9907        
9908          
9909              
9910
9911
9912
9913
9914<a
9915  
9916  href="/"
9917  class="size-style spacing-style header-logo"
9918  style="
9919    --size-style-width: ;--size-style-height: ;
9920    --padding-block-start: 0px;--padding-block-end: 0px;
9921    --font-family: var(--font-body--family);
9922    --font-style: var(--font-body--style);
9923    --font-weight: 600;
9924  "
9925  
9926>
9927  
9928
9929  <span
9930    class="header-logo__image-container header-logo__image-container--original"
9931    data-testid="header-logo"
9932  >
9933    
9934  The Chaos TTRPG | Venger&#39;s Decks
9935
9936
9937  </span>
9938
9939  
9940</a>
9941
9942
9943
9944
9945
9946            
9947        
9948      
9949    </div><div
9950      class="header__column header__column--right"
9951      data-testid="header-top-right"
9952    >
9953      
9954        
9955          
9956              
9957  
9958  
9959    <dropdown-localization-component
9960      class="dropdown-localization mobile:hidden"
9961    >
9962      <button
9963        type="button"
9964        class="button dropdown-localization__button localization-selector header-actions__action"
9965        aria-expanded="false"
9966        aria-controls="dropdown-localization-results"
9967        ref="button"
9968        on:click="/toggleSelector"
9969        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 1rem; "
9970      >
9971        
9972          
9973          <span
9974            class="currency-code"
9975            data-testid="localization-currency-code"
9976          >USD</span>
9977        
9978        <span
9979          class="visually-hidden"
9980          data-testid="localization-visually-hidden"
9981        >Region and language selector</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">
9982  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9983</svg>
9984</span>
9985      </button>
9986
9987      <div
9988        class="localization-wrapper right-bound color-custom-popover"
9989        hidden
9990        ref="panel"
9991      >
9992        
9993<localization-form-component
9994  ref="localizationForm"
9995  data-label-results-count="[count] results"
9996  data-show-filter="true"
9997  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
9998>
9999  
10000<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" />
10001      
10002        <div class="country-filter">
10003          <div class="field">
10004            <div class="country-filter__search-icon field__button">
10005              <span class="svg-wrapper">
10006                <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>
10007
10008              </span>
10009            </div>
10010            <input
10011              class="country-filter__input"
10012              id="country-filter-input"
10013              type="search"
10014              name="country_filter"
10015              value=""
10016              placeholder="Search"
10017              role="combobox"
10018              aria-owns="country-results"
10019              aria-controls="country-results"
10020              aria-haspopup="listbox"
10021              aria-autocomplete="list"
10022              aria-label="Find country"
10023              autocorrect="off"
10024              autocomplete="off"
10025              autocapitalize="off"
10026              spellcheck="false"
10027              ref="search"
10028              on:keyup="/filterCountries"
10029            >
10030            <label
10031              class="field__label visually-hidden"
10032              for="country-filter-input"
10033            >Search</label>
10034            <button
10035              type="reset"
10036              class="button button-unstyled country-filter__reset-button field__button"
10037              aria-label="Reset"
10038              ref="resetButton"
10039              hidden
10040              on:click="/resetCountriesFilter"
10041            >
10042              <span class="svg-wrapper">
10043                <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>
10044
10045              </span>
10046            </button>
10047          </div>
10048        </div>
10049      
10050      <div class="country-selector-form__wrapper">
10051        <h2
10052          class="visually-hidden"
10053          id="dropdown-CountryLabel"
10054        >
10055          Country/Region
10056        </h2>
10057        
10058          <div
10059            id="sr-country-search-results-sections--29971686064392__header_section"
10060            class="visually-hidden"
10061            aria-live="polite"
10062            ref="liveRegion"
10063          ></div>
10064        
10065        <div
10066          class="localization-form__list"
10067          id="dropdown-country-results"
10068          ref="countryList"
10069        >
10070          
10071          <ul
10072            role="list"
10073            class="list-unstyled countries"
10074          >
10075            <span
10076              class="localization-form__list-item localization-form__list-item-disabled"
10077              id="no-results-message"
10078              ref="noResultsMessage"
10079              hidden
10080            >No results found</span>
10081              <li
10082                class="localization-form__list-item"
10083                
10084                data-value="AL"
10085                
10086                  data-aliases=""
10087                
10088                id="Albania"
10089                aria-label="Albania"
10090                role="option"
10091                tabindex="-1"
10092                ref="countryListItems[]"
10093                on:click="/selectCountry/AL"
10094              >
10095                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10096<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10097</svg>
10098</span>
10099                <span class="country">Albania</span>
10100                <span
10101                  class="localization-form__currency"
10102                  
10103                >
10104                  ALL
10105                  L</span>
10106              </li>
10107              <li
10108                class="localization-form__list-item"
10109                
10110                data-value="DZ"
10111                
10112                  data-aliases=""
10113                
10114                id="Algeria"
10115                aria-label="Algeria"
10116                role="option"
10117                tabindex="-1"
10118                ref="countryListItems[]"
10119                on:click="/selectCountry/DZ"
10120              >
10121                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10122<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10123</svg>
10124</span>
10125                <span class="country">Algeria</span>
10126                <span
10127                  class="localization-form__currency"
10128                  
10129                >
10130                  DZD
10131                  د.ج</span>
10132              </li>
10133              <li
10134                class="localization-form__list-item"
10135                
10136                data-value="AD"
10137                
10138                  data-aliases=""
10139                
10140                id="Andorra"
10141                aria-label="Andorra"
10142                role="option"
10143                tabindex="-1"
10144                ref="countryListItems[]"
10145                on:click="/selectCountry/AD"
10146              >
10147                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10148<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10149</svg>
10150</span>
10151                <span class="country">Andorra</span>
10152                <span
10153                  class="localization-form__currency"
10154                  
10155                >
10156                  EUR
10157                  €</span>
10158              </li>
10159              <li
10160                class="localization-form__list-item"
10161                
10162                data-value="AO"
10163                
10164                  data-aliases=""
10165                
10166                id="Angola"
10167                aria-label="Angola"
10168                role="option"
10169                tabindex="-1"
10170                ref="countryListItems[]"
10171                on:click="/selectCountry/AO"
10172              >
10173                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10174<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10175</svg>
10176</span>
10177                <span class="country">Angola</span>
10178                <span
10179                  class="localization-form__currency"
10180                  
10181                >
10182                  GBP
10183                  £</span>
10184              </li>
10185              <li
10186                class="localization-form__list-item"
10187                
10188                data-value="AI"
10189                
10190                  data-aliases=""
10191                
10192                id="Anguilla"
10193                aria-label="Anguilla"
10194                role="option"
10195                tabindex="-1"
10196                ref="countryListItems[]"
10197                on:click="/selectCountry/AI"
10198              >
10199                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10200<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10201</svg>
10202</span>
10203                <span class="country">Anguilla</span>
10204                <span
10205                  class="localization-form__currency"
10206                  
10207                >
10208                  XCD
10209                  $</span>
10210              </li>
10211              <li
10212                class="localization-form__list-item"
10213                
10214                data-value="AG"
10215                
10216                  data-aliases=""
10217                
10218                id="Antigua &amp; Barbuda"
10219                aria-label="Antigua &amp; Barbuda"
10220                role="option"
10221                tabindex="-1"
10222                ref="countryListItems[]"
10223                on:click="/selectCountry/AG"
10224              >
10225                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10226<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10227</svg>
10228</span>
10229                <span class="country">Antigua &amp; Barbuda</span>
10230                <span
10231                  class="localization-form__currency"
10232                  
10233                >
10234                  XCD
10235                  $</span>
10236              </li>
10237              <li
10238                class="localization-form__list-item"
10239                
10240                data-value="AR"
10241                
10242                  data-aliases=""
10243                
10244                id="Argentina"
10245                aria-label="Argentina"
10246                role="option"
10247                tabindex="-1"
10248                ref="countryListItems[]"
10249                on:click="/selectCountry/AR"
10250              >
10251                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10252<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10253</svg>
10254</span>
10255                <span class="country">Argentina</span>
10256                <span
10257                  class="localization-form__currency"
10258                  
10259                >
10260                  GBP
10261                  £</span>
10262              </li>
10263              <li
10264                class="localization-form__list-item"
10265                
10266                data-value="AM"
10267                
10268                  data-aliases=""
10269                
10270                id="Armenia"
10271                aria-label="Armenia"
10272                role="option"
10273                tabindex="-1"
10274                ref="countryListItems[]"
10275                on:click="/selectCountry/AM"
10276              >
10277                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10278<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10279</svg>
10280</span>
10281                <span class="country">Armenia</span>
10282                <span
10283                  class="localization-form__currency"
10284                  
10285                >
10286                  AMD
10287                  դր.</span>
10288              </li>
10289              <li
10290                class="localization-form__list-item"
10291                
10292                data-value="AW"
10293                
10294                  data-aliases=""
10295                
10296                id="Aruba"
10297                aria-label="Aruba"
10298                role="option"
10299                tabindex="-1"
10300                ref="countryListItems[]"
10301                on:click="/selectCountry/AW"
10302              >
10303                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10304<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10305</svg>
10306</span>
10307                <span class="country">Aruba</span>
10308                <span
10309                  class="localization-form__currency"
10310                  
10311                >
10312                  AWG
10313                  ƒ</span>
10314              </li>
10315              <li
10316                class="localization-form__list-item"
10317                
10318                data-value="AU"
10319                
10320                  data-aliases=""
10321                
10322                id="Australia"
10323                aria-label="Australia"
10324                role="option"
10325                tabindex="-1"
10326                ref="countryListItems[]"
10327                on:click="/selectCountry/AU"
10328              >
10329                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10330<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10331</svg>
10332</span>
10333                <span class="country">Australia</span>
10334                <span
10335                  class="localization-form__currency"
10336                  
10337                >
10338                  AUD
10339                  $</span>
10340              </li>
10341              <li
10342                class="localization-form__list-item"
10343                
10344                data-value="AT"
10345                
10346                  data-aliases=""
10347                
10348                id="Austria"
10349                aria-label="Austria"
10350                role="option"
10351                tabindex="-1"
10352                ref="countryListItems[]"
10353                on:click="/selectCountry/AT"
10354              >
10355                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10356<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10357</svg>
10358</span>
10359                <span class="country">Austria</span>
10360                <span
10361                  class="localization-form__currency"
10362                  
10363                >
10364                  EUR
10365                  €</span>
10366              </li>
10367              <li
10368                class="localization-form__list-item"
10369                
10370                data-value="AZ"
10371                
10372                  data-aliases=""
10373                
10374                id="Azerbaijan"
10375                aria-label="Azerbaijan"
10376                role="option"
10377                tabindex="-1"
10378                ref="countryListItems[]"
10379                on:click="/selectCountry/AZ"
10380              >
10381                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10382<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10383</svg>
10384</span>
10385                <span class="country">Azerbaijan</span>
10386                <span
10387                  class="localization-form__currency"
10388                  
10389                >
10390                  AZN
10391                  ₼</span>
10392              </li>
10393              <li
10394                class="localization-form__list-item"
10395                
10396                data-value="BS"
10397                
10398                  data-aliases=""
10399                
10400                id="Bahamas"
10401                aria-label="Bahamas"
10402                role="option"
10403                tabindex="-1"
10404                ref="countryListItems[]"
10405                on:click="/selectCountry/BS"
10406              >
10407                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10408<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10409</svg>
10410</span>
10411                <span class="country">Bahamas</span>
10412                <span
10413                  class="localization-form__currency"
10414                  
10415                >
10416                  BSD
10417                  $</span>
10418              </li>
10419              <li
10420                class="localization-form__list-item"
10421                
10422                data-value="BH"
10423                
10424                  data-aliases=""
10425                
10426                id="Bahrain"
10427                aria-label="Bahrain"
10428                role="option"
10429                tabindex="-1"
10430                ref="countryListItems[]"
10431                on:click="/selectCountry/BH"
10432              >
10433                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10434<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10435</svg>
10436</span>
10437                <span class="country">Bahrain</span>
10438                <span
10439                  class="localization-form__currency"
10440                  
10441                >
10442                  GBP
10443                  £</span>
10444              </li>
10445              <li
10446                class="localization-form__list-item"
10447                
10448                data-value="BD"
10449                
10450                  data-aliases=""
10451                
10452                id="Bangladesh"
10453                aria-label="Bangladesh"
10454                role="option"
10455                tabindex="-1"
10456                ref="countryListItems[]"
10457                on:click="/selectCountry/BD"
10458              >
10459                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10460<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10461</svg>
10462</span>
10463                <span class="country">Bangladesh</span>
10464                <span
10465                  class="localization-form__currency"
10466                  
10467                >
10468                  BDT
10469                  à§³</span>
10470              </li>
10471              <li
10472                class="localization-form__list-item"
10473                
10474                data-value="BB"
10475                
10476                  data-aliases=""
10477                
10478                id="Barbados"
10479                aria-label="Barbados"
10480                role="option"
10481                tabindex="-1"
10482                ref="countryListItems[]"
10483                on:click="/selectCountry/BB"
10484              >
10485                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10486<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10487</svg>
10488</span>
10489                <span class="country">Barbados</span>
10490                <span
10491                  class="localization-form__currency"
10492                  
10493                >
10494                  BBD
10495                  $</span>
10496              </li>
10497              <li
10498                class="localization-form__list-item"
10499                
10500                data-value="BE"
10501                
10502                  data-aliases=""
10503                
10504                id="Belgium"
10505                aria-label="Belgium"
10506                role="option"
10507                tabindex="-1"
10508                ref="countryListItems[]"
10509                on:click="/selectCountry/BE"
10510              >
10511                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10512<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10513</svg>
10514</span>
10515                <span class="country">Belgium</span>
10516                <span
10517                  class="localization-form__currency"
10518                  
10519                >
10520                  EUR
10521                  €</span>
10522              </li>
10523              <li
10524                class="localization-form__list-item"
10525                
10526                data-value="BZ"
10527                
10528                  data-aliases=""
10529                
10530                id="Belize"
10531                aria-label="Belize"
10532                role="option"
10533                tabindex="-1"
10534                ref="countryListItems[]"
10535                on:click="/selectCountry/BZ"
10536              >
10537                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10538<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10539</svg>
10540</span>
10541                <span class="country">Belize</span>
10542                <span
10543                  class="localization-form__currency"
10544                  
10545                >
10546                  BZD
10547                  $</span>
10548              </li>
10549              <li
10550                class="localization-form__list-item"
10551                
10552                data-value="BJ"
10553                
10554                  data-aliases=""
10555                
10556                id="Benin"
10557                aria-label="Benin"
10558                role="option"
10559                tabindex="-1"
10560                ref="countryListItems[]"
10561                on:click="/selectCountry/BJ"
10562              >
10563                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10564<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10565</svg>
10566</span>
10567                <span class="country">Benin</span>
10568                <span
10569                  class="localization-form__currency"
10570                  
10571                >
10572                  XOF
10573                  Fr</span>
10574              </li>
10575              <li
10576                class="localization-form__list-item"
10577                
10578                data-value="BM"
10579                
10580                  data-aliases=""
10581                
10582                id="Bermuda"
10583                aria-label="Bermuda"
10584                role="option"
10585                tabindex="-1"
10586                ref="countryListItems[]"
10587                on:click="/selectCountry/BM"
10588              >
10589                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10590<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10591</svg>
10592</span>
10593                <span class="country">Bermuda</span>
10594                <span
10595                  class="localization-form__currency"
10596                  
10597                >
10598                  USD
10599                  $</span>
10600              </li>
10601              <li
10602                class="localization-form__list-item"
10603                
10604                data-value="BO"
10605                
10606                  data-aliases=""
10607                
10608                id="Bolivia"
10609                aria-label="Bolivia"
10610                role="option"
10611                tabindex="-1"
10612                ref="countryListItems[]"
10613                on:click="/selectCountry/BO"
10614              >
10615                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10616<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10617</svg>
10618</span>
10619                <span class="country">Bolivia</span>
10620                <span
10621                  class="localization-form__currency"
10622                  
10623                >
10624                  BOB
10625                  Bs.</span>
10626              </li>
10627              <li
10628                class="localization-form__list-item"
10629                
10630                data-value="BA"
10631                
10632                  data-aliases=""
10633                
10634                id="Bosnia &amp; Herzegovina"
10635                aria-label="Bosnia &amp; Herzegovina"
10636                role="option"
10637                tabindex="-1"
10638                ref="countryListItems[]"
10639                on:click="/selectCountry/BA"
10640              >
10641                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10642<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10643</svg>
10644</span>
10645                <span class="country">Bosnia &amp; Herzegovina</span>
10646                <span
10647                  class="localization-form__currency"
10648                  
10649                >
10650                  BAM
10651                  КМ</span>
10652              </li>
10653              <li
10654                class="localization-form__list-item"
10655                
10656                data-value="BW"
10657                
10658                  data-aliases=""
10659                
10660                id="Botswana"
10661                aria-label="Botswana"
10662                role="option"
10663                tabindex="-1"
10664                ref="countryListItems[]"
10665                on:click="/selectCountry/BW"
10666              >
10667                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10668<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10669</svg>
10670</span>
10671                <span class="country">Botswana</span>
10672                <span
10673                  class="localization-form__currency"
10674                  
10675                >
10676                  BWP
10677                  P</span>
10678              </li>
10679              <li
10680                class="localization-form__list-item"
10681                
10682                data-value="BR"
10683                
10684                  data-aliases=""
10685                
10686                id="Brazil"
10687                aria-label="Brazil"
10688                role="option"
10689                tabindex="-1"
10690                ref="countryListItems[]"
10691                on:click="/selectCountry/BR"
10692              >
10693                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10694<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10695</svg>
10696</span>
10697                <span class="country">Brazil</span>
10698                <span
10699                  class="localization-form__currency"
10700                  
10701                >
10702                  GBP
10703                  £</span>
10704              </li>
10705              <li
10706                class="localization-form__list-item"
10707                
10708                data-value="VG"
10709                
10710                  data-aliases=""
10711                
10712                id="British Virgin Islands"
10713                aria-label="British Virgin Islands"
10714                role="option"
10715                tabindex="-1"
10716                ref="countryListItems[]"
10717                on:click="/selectCountry/VG"
10718              >
10719                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10720<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10721</svg>
10722</span>
10723                <span class="country">British Virgin Islands</span>
10724                <span
10725                  class="localization-form__currency"
10726                  
10727                >
10728                  USD
10729                  $</span>
10730              </li>
10731              <li
10732                class="localization-form__list-item"
10733                
10734                data-value="BN"
10735                
10736                  data-aliases=""
10737                
10738                id="Brunei"
10739                aria-label="Brunei"
10740                role="option"
10741                tabindex="-1"
10742                ref="countryListItems[]"
10743                on:click="/selectCountry/BN"
10744              >
10745                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10746<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10747</svg>
10748</span>
10749                <span class="country">Brunei</span>
10750                <span
10751                  class="localization-form__currency"
10752                  
10753                >
10754                  BND
10755                  $</span>
10756              </li>
10757              <li
10758                class="localization-form__list-item"
10759                
10760                data-value="BG"
10761                
10762                  data-aliases=""
10763                
10764                id="Bulgaria"
10765                aria-label="Bulgaria"
10766                role="option"
10767                tabindex="-1"
10768                ref="countryListItems[]"
10769                on:click="/selectCountry/BG"
10770              >
10771                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10772<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10773</svg>
10774</span>
10775                <span class="country">Bulgaria</span>
10776                <span
10777                  class="localization-form__currency"
10778                  
10779                >
10780                  EUR
10781                  €</span>
10782              </li>
10783              <li
10784                class="localization-form__list-item"
10785                
10786                data-value="BF"
10787                
10788                  data-aliases=""
10789                
10790                id="Burkina Faso"
10791                aria-label="Burkina Faso"
10792                role="option"
10793                tabindex="-1"
10794                ref="countryListItems[]"
10795                on:click="/selectCountry/BF"
10796              >
10797                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10798<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10799</svg>
10800</span>
10801                <span class="country">Burkina Faso</span>
10802                <span
10803                  class="localization-form__currency"
10804                  
10805                >
10806                  XOF
10807                  Fr</span>
10808              </li>
10809              <li
10810                class="localization-form__list-item"
10811                
10812                data-value="BI"
10813                
10814                  data-aliases=""
10815                
10816                id="Burundi"
10817                aria-label="Burundi"
10818                role="option"
10819                tabindex="-1"
10820                ref="countryListItems[]"
10821                on:click="/selectCountry/BI"
10822              >
10823                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10824<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10825</svg>
10826</span>
10827                <span class="country">Burundi</span>
10828                <span
10829                  class="localization-form__currency"
10830                  
10831                >
10832                  BIF
10833                  Fr</span>
10834              </li>
10835              <li
10836                class="localization-form__list-item"
10837                
10838                data-value="KH"
10839                
10840                  data-aliases=""
10841                
10842                id="Cambodia"
10843                aria-label="Cambodia"
10844                role="option"
10845                tabindex="-1"
10846                ref="countryListItems[]"
10847                on:click="/selectCountry/KH"
10848              >
10849                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10850<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10851</svg>
10852</span>
10853                <span class="country">Cambodia</span>
10854                <span
10855                  class="localization-form__currency"
10856                  
10857                >
10858                  KHR
10859                  ៛</span>
10860              </li>
10861              <li
10862                class="localization-form__list-item"
10863                
10864                data-value="CM"
10865                
10866                  data-aliases=""
10867                
10868                id="Cameroon"
10869                aria-label="Cameroon"
10870                role="option"
10871                tabindex="-1"
10872                ref="countryListItems[]"
10873                on:click="/selectCountry/CM"
10874              >
10875                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10876<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10877</svg>
10878</span>
10879                <span class="country">Cameroon</span>
10880                <span
10881                  class="localization-form__currency"
10882                  
10883                >
10884                  XAF
10885                  CFA</span>
10886              </li>
10887              <li
10888                class="localization-form__list-item"
10889                
10890                data-value="CA"
10891                
10892                  data-aliases=""
10893                
10894                id="Canada"
10895                aria-label="Canada"
10896                role="option"
10897                tabindex="-1"
10898                ref="countryListItems[]"
10899                on:click="/selectCountry/CA"
10900              >
10901                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10902<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10903</svg>
10904</span>
10905                <span class="country">Canada</span>
10906                <span
10907                  class="localization-form__currency"
10908                  
10909                >
10910                  CAD
10911                  $</span>
10912              </li>
10913              <li
10914                class="localization-form__list-item"
10915                
10916                data-value="CV"
10917                
10918                  data-aliases=""
10919                
10920                id="Cape Verde"
10921                aria-label="Cape Verde"
10922                role="option"
10923                tabindex="-1"
10924                ref="countryListItems[]"
10925                on:click="/selectCountry/CV"
10926              >
10927                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10928<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10929</svg>
10930</span>
10931                <span class="country">Cape Verde</span>
10932                <span
10933                  class="localization-form__currency"
10934                  
10935                >
10936                  CVE
10937                  $</span>
10938              </li>
10939              <li
10940                class="localization-form__list-item"
10941                
10942                data-value="BQ"
10943                
10944                  data-aliases=""
10945                
10946                id="Caribbean Netherlands"
10947                aria-label="Caribbean Netherlands"
10948                role="option"
10949                tabindex="-1"
10950                ref="countryListItems[]"
10951                on:click="/selectCountry/BQ"
10952              >
10953                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10954<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10955</svg>
10956</span>
10957                <span class="country">Caribbean Netherlands</span>
10958                <span
10959                  class="localization-form__currency"
10960                  
10961                >
10962                  USD
10963                  $</span>
10964              </li>
10965              <li
10966                class="localization-form__list-item"
10967                
10968                data-value="KY"
10969                
10970                  data-aliases=""
10971                
10972                id="Cayman Islands"
10973                aria-label="Cayman Islands"
10974                role="option"
10975                tabindex="-1"
10976                ref="countryListItems[]"
10977                on:click="/selectCountry/KY"
10978              >
10979                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10980<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10981</svg>
10982</span>
10983                <span class="country">Cayman Islands</span>
10984                <span
10985                  class="localization-form__currency"
10986                  
10987                >
10988                  KYD
10989                  $</span>
10990              </li>
10991              <li
10992                class="localization-form__list-item"
10993                
10994                data-value="TD"
10995                
10996                  data-aliases=""
10997                
10998                id="Chad"
10999                aria-label="Chad"
11000                role="option"
11001                tabindex="-1"
11002                ref="countryListItems[]"
11003                on:click="/selectCountry/TD"
11004              >
11005                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11006<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11007</svg>
11008</span>
11009                <span class="country">Chad</span>
11010                <span
11011                  class="localization-form__currency"
11012                  
11013                >
11014                  XAF
11015                  CFA</span>
11016              </li>
11017              <li
11018                class="localization-form__list-item"
11019                
11020                data-value="CL"
11021                
11022                  data-aliases=""
11023                
11024                id="Chile"
11025                aria-label="Chile"
11026                role="option"
11027                tabindex="-1"
11028                ref="countryListItems[]"
11029                on:click="/selectCountry/CL"
11030              >
11031                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11032<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11033</svg>
11034</span>
11035                <span class="country">Chile</span>
11036                <span
11037                  class="localization-form__currency"
11038                  
11039                >
11040                  GBP
11041                  £</span>
11042              </li>
11043              <li
11044                class="localization-form__list-item"
11045                
11046                data-value="CN"
11047                
11048                  data-aliases=""
11049                
11050                id="China"
11051                aria-label="China"
11052                role="option"
11053                tabindex="-1"
11054                ref="countryListItems[]"
11055                on:click="/selectCountry/CN"
11056              >
11057                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11058<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11059</svg>
11060</span>
11061                <span class="country">China</span>
11062                <span
11063                  class="localization-form__currency"
11064                  
11065                >
11066                  CNY
11067                  ¥</span>
11068              </li>
11069              <li
11070                class="localization-form__list-item"
11071                
11072                data-value="CO"
11073                
11074                  data-aliases=""
11075                
11076                id="Colombia"
11077                aria-label="Colombia"
11078                role="option"
11079                tabindex="-1"
11080                ref="countryListItems[]"
11081                on:click="/selectCountry/CO"
11082              >
11083                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11084<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11085</svg>
11086</span>
11087                <span class="country">Colombia</span>
11088                <span
11089                  class="localization-form__currency"
11090                  
11091                >
11092                  GBP
11093                  £</span>
11094              </li>
11095              <li
11096                class="localization-form__list-item"
11097                
11098                data-value="KM"
11099                
11100                  data-aliases=""
11101                
11102                id="Comoros"
11103                aria-label="Comoros"
11104                role="option"
11105                tabindex="-1"
11106                ref="countryListItems[]"
11107                on:click="/selectCountry/KM"
11108              >
11109                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11110<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11111</svg>
11112</span>
11113                <span class="country">Comoros</span>
11114                <span
11115                  class="localization-form__currency"
11116                  
11117                >
11118                  KMF
11119                  Fr</span>
11120              </li>
11121              <li
11122                class="localization-form__list-item"
11123                
11124                data-value="CK"
11125                
11126                  data-aliases=""
11127                
11128                id="Cook Islands"
11129                aria-label="Cook Islands"
11130                role="option"
11131                tabindex="-1"
11132                ref="countryListItems[]"
11133                on:click="/selectCountry/CK"
11134              >
11135                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11136<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11137</svg>
11138</span>
11139                <span class="country">Cook Islands</span>
11140                <span
11141                  class="localization-form__currency"
11142                  
11143                >
11144                  NZD
11145                  $</span>
11146              </li>
11147              <li
11148                class="localization-form__list-item"
11149                
11150                data-value="CR"
11151                
11152                  data-aliases=""
11153                
11154                id="Costa Rica"
11155                aria-label="Costa Rica"
11156                role="option"
11157                tabindex="-1"
11158                ref="countryListItems[]"
11159                on:click="/selectCountry/CR"
11160              >
11161                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11162<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11163</svg>
11164</span>
11165                <span class="country">Costa Rica</span>
11166                <span
11167                  class="localization-form__currency"
11168                  
11169                >
11170                  CRC
11171                  ₡</span>
11172              </li>
11173              <li
11174                class="localization-form__list-item"
11175                
11176                data-value="HR"
11177                
11178                  data-aliases=""
11179                
11180                id="Croatia"
11181                aria-label="Croatia"
11182                role="option"
11183                tabindex="-1"
11184                ref="countryListItems[]"
11185                on:click="/selectCountry/HR"
11186              >
11187                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11188<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11189</svg>
11190</span>
11191                <span class="country">Croatia</span>
11192                <span
11193                  class="localization-form__currency"
11194                  
11195                >
11196                  EUR
11197                  €</span>
11198              </li>
11199              <li
11200                class="localization-form__list-item"
11201                
11202                data-value="CW"
11203                
11204                  data-aliases=""
11205                
11206                id="Curaçao"
11207                aria-label="Curaçao"
11208                role="option"
11209                tabindex="-1"
11210                ref="countryListItems[]"
11211                on:click="/selectCountry/CW"
11212              >
11213                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11214<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11215</svg>
11216</span>
11217                <span class="country">Curaçao</span>
11218                <span
11219                  class="localization-form__currency"
11220                  
11221                >
11222                  ANG
11223                  ƒ</span>
11224              </li>
11225              <li
11226                class="localization-form__list-item"
11227                
11228                data-value="CY"
11229                
11230                  data-aliases=""
11231                
11232                id="Cyprus"
11233                aria-label="Cyprus"
11234                role="option"
11235                tabindex="-1"
11236                ref="countryListItems[]"
11237                on:click="/selectCountry/CY"
11238              >
11239                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11240<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11241</svg>
11242</span>
11243                <span class="country">Cyprus</span>
11244                <span
11245                  class="localization-form__currency"
11246                  
11247                >
11248                  EUR
11249                  €</span>
11250              </li>
11251              <li
11252                class="localization-form__list-item"
11253                
11254                data-value="CZ"
11255                
11256                  data-aliases=""
11257                
11258                id="Czechia"
11259                aria-label="Czechia"
11260                role="option"
11261                tabindex="-1"
11262                ref="countryListItems[]"
11263                on:click="/selectCountry/CZ"
11264              >
11265                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11266<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11267</svg>
11268</span>
11269                <span class="country">Czechia</span>
11270                <span
11271                  class="localization-form__currency"
11272                  
11273                >
11274                  CZK
11275                  Kč</span>
11276              </li>
11277              <li
11278                class="localization-form__list-item"
11279                
11280                data-value="DK"
11281                
11282                  data-aliases=""
11283                
11284                id="Denmark"
11285                aria-label="Denmark"
11286                role="option"
11287                tabindex="-1"
11288                ref="countryListItems[]"
11289                on:click="/selectCountry/DK"
11290              >
11291                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11292<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11293</svg>
11294</span>
11295                <span class="country">Denmark</span>
11296                <span
11297                  class="localization-form__currency"
11298                  
11299                >
11300                  DKK
11301                  kr.</span>
11302              </li>
11303              <li
11304                class="localization-form__list-item"
11305                
11306                data-value="DJ"
11307                
11308                  data-aliases=""
11309                
11310                id="Djibouti"
11311                aria-label="Djibouti"
11312                role="option"
11313                tabindex="-1"
11314                ref="countryListItems[]"
11315                on:click="/selectCountry/DJ"
11316              >
11317                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11318<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11319</svg>
11320</span>
11321                <span class="country">Djibouti</span>
11322                <span
11323                  class="localization-form__currency"
11324                  
11325                >
11326                  DJF
11327                  Fdj</span>
11328              </li>
11329              <li
11330                class="localization-form__list-item"
11331                
11332                data-value="DM"
11333                
11334                  data-aliases=""
11335                
11336                id="Dominica"
11337                aria-label="Dominica"
11338                role="option"
11339                tabindex="-1"
11340                ref="countryListItems[]"
11341                on:click="/selectCountry/DM"
11342              >
11343                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11344<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11345</svg>
11346</span>
11347                <span class="country">Dominica</span>
11348                <span
11349                  class="localization-form__currency"
11350                  
11351                >
11352                  XCD
11353                  $</span>
11354              </li>
11355              <li
11356                class="localization-form__list-item"
11357                
11358                data-value="DO"
11359                
11360                  data-aliases=""
11361                
11362                id="Dominican Republic"
11363                aria-label="Dominican Republic"
11364                role="option"
11365                tabindex="-1"
11366                ref="countryListItems[]"
11367                on:click="/selectCountry/DO"
11368              >
11369                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11370<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11371</svg>
11372</span>
11373                <span class="country">Dominican Republic</span>
11374                <span
11375                  class="localization-form__currency"
11376                  
11377                >
11378                  DOP
11379                  $</span>
11380              </li>
11381              <li
11382                class="localization-form__list-item"
11383                
11384                data-value="EC"
11385                
11386                  data-aliases=""
11387                
11388                id="Ecuador"
11389                aria-label="Ecuador"
11390                role="option"
11391                tabindex="-1"
11392                ref="countryListItems[]"
11393                on:click="/selectCountry/EC"
11394              >
11395                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11396<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11397</svg>
11398</span>
11399                <span class="country">Ecuador</span>
11400                <span
11401                  class="localization-form__currency"
11402                  
11403                >
11404                  USD
11405                  $</span>
11406              </li>
11407              <li
11408                class="localization-form__list-item"
11409                
11410                data-value="EG"
11411                
11412                  data-aliases=""
11413                
11414                id="Egypt"
11415                aria-label="Egypt"
11416                role="option"
11417                tabindex="-1"
11418                ref="countryListItems[]"
11419                on:click="/selectCountry/EG"
11420              >
11421                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11422<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11423</svg>
11424</span>
11425                <span class="country">Egypt</span>
11426                <span
11427                  class="localization-form__currency"
11428                  
11429                >
11430                  EGP
11431                  ج.م</span>
11432              </li>
11433              <li
11434                class="localization-form__list-item"
11435                
11436                data-value="SV"
11437                
11438                  data-aliases=""
11439                
11440                id="El Salvador"
11441                aria-label="El Salvador"
11442                role="option"
11443                tabindex="-1"
11444                ref="countryListItems[]"
11445                on:click="/selectCountry/SV"
11446              >
11447                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11448<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11449</svg>
11450</span>
11451                <span class="country">El Salvador</span>
11452                <span
11453                  class="localization-form__currency"
11454                  
11455                >
11456                  USD
11457                  $</span>
11458              </li>
11459              <li
11460                class="localization-form__list-item"
11461                
11462                data-value="GQ"
11463                
11464                  data-aliases=""
11465                
11466                id="Equatorial Guinea"
11467                aria-label="Equatorial Guinea"
11468                role="option"
11469                tabindex="-1"
11470                ref="countryListItems[]"
11471                on:click="/selectCountry/GQ"
11472              >
11473                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11474<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11475</svg>
11476</span>
11477                <span class="country">Equatorial Guinea</span>
11478                <span
11479                  class="localization-form__currency"
11480                  
11481                >
11482                  XAF
11483                  CFA</span>
11484              </li>
11485              <li
11486                class="localization-form__list-item"
11487                
11488                data-value="EE"
11489                
11490                  data-aliases=""
11491                
11492                id="Estonia"
11493                aria-label="Estonia"
11494                role="option"
11495                tabindex="-1"
11496                ref="countryListItems[]"
11497                on:click="/selectCountry/EE"
11498              >
11499                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11500<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11501</svg>
11502</span>
11503                <span class="country">Estonia</span>
11504                <span
11505                  class="localization-form__currency"
11506                  
11507                >
11508                  EUR
11509                  €</span>
11510              </li>
11511              <li
11512                class="localization-form__list-item"
11513                
11514                data-value="SZ"
11515                
11516                  data-aliases=""
11517                
11518                id="Eswatini"
11519                aria-label="Eswatini"
11520                role="option"
11521                tabindex="-1"
11522                ref="countryListItems[]"
11523                on:click="/selectCountry/SZ"
11524              >
11525                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11526<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11527</svg>
11528</span>
11529                <span class="country">Eswatini</span>
11530                <span
11531                  class="localization-form__currency"
11532                  
11533                >
11534                  GBP
11535                  £</span>
11536              </li>
11537              <li
11538                class="localization-form__list-item"
11539                
11540                data-value="ET"
11541                
11542                  data-aliases=""
11543                
11544                id="Ethiopia"
11545                aria-label="Ethiopia"
11546                role="option"
11547                tabindex="-1"
11548                ref="countryListItems[]"
11549                on:click="/selectCountry/ET"
11550              >
11551                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11552<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11553</svg>
11554</span>
11555                <span class="country">Ethiopia</span>
11556                <span
11557                  class="localization-form__currency"
11558                  
11559                >
11560                  ETB
11561                  Br</span>
11562              </li>
11563              <li
11564                class="localization-form__list-item"
11565                
11566                data-value="FK"
11567                
11568                  data-aliases=""
11569                
11570                id="Falkland Islands"
11571                aria-label="Falkland Islands"
11572                role="option"
11573                tabindex="-1"
11574                ref="countryListItems[]"
11575                on:click="/selectCountry/FK"
11576              >
11577                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11578<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11579</svg>
11580</span>
11581                <span class="country">Falkland Islands</span>
11582                <span
11583                  class="localization-form__currency"
11584                  
11585                >
11586                  FKP
11587                  £</span>
11588              </li>
11589              <li
11590                class="localization-form__list-item"
11591                
11592                data-value="FO"
11593                
11594                  data-aliases=""
11595                
11596                id="Faroe Islands"
11597                aria-label="Faroe Islands"
11598                role="option"
11599                tabindex="-1"
11600                ref="countryListItems[]"
11601                on:click="/selectCountry/FO"
11602              >
11603                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11604<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11605</svg>
11606</span>
11607                <span class="country">Faroe Islands</span>
11608                <span
11609                  class="localization-form__currency"
11610                  
11611                >
11612                  DKK
11613                  kr.</span>
11614              </li>
11615              <li
11616                class="localization-form__list-item"
11617                
11618                data-value="FJ"
11619                
11620                  data-aliases=""
11621                
11622                id="Fiji"
11623                aria-label="Fiji"
11624                role="option"
11625                tabindex="-1"
11626                ref="countryListItems[]"
11627                on:click="/selectCountry/FJ"
11628              >
11629                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11630<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11631</svg>
11632</span>
11633                <span class="country">Fiji</span>
11634                <span
11635                  class="localization-form__currency"
11636                  
11637                >
11638                  FJD
11639                  $</span>
11640              </li>
11641              <li
11642                class="localization-form__list-item"
11643                
11644                data-value="FI"
11645                
11646                  data-aliases=""
11647                
11648                id="Finland"
11649                aria-label="Finland"
11650                role="option"
11651                tabindex="-1"
11652                ref="countryListItems[]"
11653                on:click="/selectCountry/FI"
11654              >
11655                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11656<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11657</svg>
11658</span>
11659                <span class="country">Finland</span>
11660                <span
11661                  class="localization-form__currency"
11662                  
11663                >
11664                  EUR
11665                  €</span>
11666              </li>
11667              <li
11668                class="localization-form__list-item"
11669                
11670                data-value="FR"
11671                
11672                  data-aliases=""
11673                
11674                id="France"
11675                aria-label="France"
11676                role="option"
11677                tabindex="-1"
11678                ref="countryListItems[]"
11679                on:click="/selectCountry/FR"
11680              >
11681                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11682<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11683</svg>
11684</span>
11685                <span class="country">France</span>
11686                <span
11687                  class="localization-form__currency"
11688                  
11689                >
11690                  EUR
11691                  €</span>
11692              </li>
11693              <li
11694                class="localization-form__list-item"
11695                
11696                data-value="GF"
11697                
11698                  data-aliases=""
11699                
11700                id="French Guiana"
11701                aria-label="French Guiana"
11702                role="option"
11703                tabindex="-1"
11704                ref="countryListItems[]"
11705                on:click="/selectCountry/GF"
11706              >
11707                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11708<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11709</svg>
11710</span>
11711                <span class="country">French Guiana</span>
11712                <span
11713                  class="localization-form__currency"
11714                  
11715                >
11716                  EUR
11717                  €</span>
11718              </li>
11719              <li
11720                class="localization-form__list-item"
11721                
11722                data-value="PF"
11723                
11724                  data-aliases=""
11725                
11726                id="French Polynesia"
11727                aria-label="French Polynesia"
11728                role="option"
11729                tabindex="-1"
11730                ref="countryListItems[]"
11731                on:click="/selectCountry/PF"
11732              >
11733                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11734<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11735</svg>
11736</span>
11737                <span class="country">French Polynesia</span>
11738                <span
11739                  class="localization-form__currency"
11740                  
11741                >
11742                  XPF
11743                  Fr</span>
11744              </li>
11745              <li
11746                class="localization-form__list-item"
11747                
11748                data-value="GA"
11749                
11750                  data-aliases=""
11751                
11752                id="Gabon"
11753                aria-label="Gabon"
11754                role="option"
11755                tabindex="-1"
11756                ref="countryListItems[]"
11757                on:click="/selectCountry/GA"
11758              >
11759                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11760<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11761</svg>
11762</span>
11763                <span class="country">Gabon</span>
11764                <span
11765                  class="localization-form__currency"
11766                  
11767                >
11768                  XOF
11769                  Fr</span>
11770              </li>
11771              <li
11772                class="localization-form__list-item"
11773                
11774                data-value="GM"
11775                
11776                  data-aliases=""
11777                
11778                id="Gambia"
11779                aria-label="Gambia"
11780                role="option"
11781                tabindex="-1"
11782                ref="countryListItems[]"
11783                on:click="/selectCountry/GM"
11784              >
11785                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11786<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11787</svg>
11788</span>
11789                <span class="country">Gambia</span>
11790                <span
11791                  class="localization-form__currency"
11792                  
11793                >
11794                  GMD
11795                  D</span>
11796              </li>
11797              <li
11798                class="localization-form__list-item"
11799                
11800                data-value="GE"
11801                
11802                  data-aliases=""
11803                
11804                id="Georgia"
11805                aria-label="Georgia"
11806                role="option"
11807                tabindex="-1"
11808                ref="countryListItems[]"
11809                on:click="/selectCountry/GE"
11810              >
11811                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11812<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11813</svg>
11814</span>
11815                <span class="country">Georgia</span>
11816                <span
11817                  class="localization-form__currency"
11818                  
11819                >
11820                  GBP
11821                  £</span>
11822              </li>
11823              <li
11824                class="localization-form__list-item"
11825                
11826                data-value="DE"
11827                
11828                  data-aliases=""
11829                
11830                id="Germany"
11831                aria-label="Germany"
11832                role="option"
11833                tabindex="-1"
11834                ref="countryListItems[]"
11835                on:click="/selectCountry/DE"
11836              >
11837                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11838<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11839</svg>
11840</span>
11841                <span class="country">Germany</span>
11842                <span
11843                  class="localization-form__currency"
11844                  
11845                >
11846                  EUR
11847                  €</span>
11848              </li>
11849              <li
11850                class="localization-form__list-item"
11851                
11852                data-value="GH"
11853                
11854                  data-aliases=""
11855                
11856                id="Ghana"
11857                aria-label="Ghana"
11858                role="option"
11859                tabindex="-1"
11860                ref="countryListItems[]"
11861                on:click="/selectCountry/GH"
11862              >
11863                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11864<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11865</svg>
11866</span>
11867                <span class="country">Ghana</span>
11868                <span
11869                  class="localization-form__currency"
11870                  
11871                >
11872                  GBP
11873                  £</span>
11874              </li>
11875              <li
11876                class="localization-form__list-item"
11877                
11878                data-value="GI"
11879                
11880                  data-aliases=""
11881                
11882                id="Gibraltar"
11883                aria-label="Gibraltar"
11884                role="option"
11885                tabindex="-1"
11886                ref="countryListItems[]"
11887                on:click="/selectCountry/GI"
11888              >
11889                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11890<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11891</svg>
11892</span>
11893                <span class="country">Gibraltar</span>
11894                <span
11895                  class="localization-form__currency"
11896                  
11897                >
11898                  GBP
11899                  £</span>
11900              </li>
11901              <li
11902                class="localization-form__list-item"
11903                
11904                data-value="GR"
11905                
11906                  data-aliases=""
11907                
11908                id="Greece"
11909                aria-label="Greece"
11910                role="option"
11911                tabindex="-1"
11912                ref="countryListItems[]"
11913                on:click="/selectCountry/GR"
11914              >
11915                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11916<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11917</svg>
11918</span>
11919                <span class="country">Greece</span>
11920                <span
11921                  class="localization-form__currency"
11922                  
11923                >
11924                  EUR
11925                  €</span>
11926              </li>
11927              <li
11928                class="localization-form__list-item"
11929                
11930                data-value="GL"
11931                
11932                  data-aliases=""
11933                
11934                id="Greenland"
11935                aria-label="Greenland"
11936                role="option"
11937                tabindex="-1"
11938                ref="countryListItems[]"
11939                on:click="/selectCountry/GL"
11940              >
11941                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11942<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11943</svg>
11944</span>
11945                <span class="country">Greenland</span>
11946                <span
11947                  class="localization-form__currency"
11948                  
11949                >
11950                  DKK
11951                  kr.</span>
11952              </li>
11953              <li
11954                class="localization-form__list-item"
11955                
11956                data-value="GD"
11957                
11958                  data-aliases=""
11959                
11960                id="Grenada"
11961                aria-label="Grenada"
11962                role="option"
11963                tabindex="-1"
11964                ref="countryListItems[]"
11965                on:click="/selectCountry/GD"
11966              >
11967                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11968<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11969</svg>
11970</span>
11971                <span class="country">Grenada</span>
11972                <span
11973                  class="localization-form__currency"
11974                  
11975                >
11976                  XCD
11977                  $</span>
11978              </li>
11979              <li
11980                class="localization-form__list-item"
11981                
11982                data-value="GP"
11983                
11984                  data-aliases=""
11985                
11986                id="Guadeloupe"
11987                aria-label="Guadeloupe"
11988                role="option"
11989                tabindex="-1"
11990                ref="countryListItems[]"
11991                on:click="/selectCountry/GP"
11992              >
11993                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11994<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11995</svg>
11996</span>
11997                <span class="country">Guadeloupe</span>
11998                <span
11999                  class="localization-form__currency"
12000                  
12001                >
12002                  EUR
12003                  €</span>
12004              </li>
12005              <li
12006                class="localization-form__list-item"
12007                
12008                data-value="GT"
12009                
12010                  data-aliases=""
12011                
12012                id="Guatemala"
12013                aria-label="Guatemala"
12014                role="option"
12015                tabindex="-1"
12016                ref="countryListItems[]"
12017                on:click="/selectCountry/GT"
12018              >
12019                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12020<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12021</svg>
12022</span>
12023                <span class="country">Guatemala</span>
12024                <span
12025                  class="localization-form__currency"
12026                  
12027                >
12028                  GTQ
12029                  Q</span>
12030              </li>
12031              <li
12032                class="localization-form__list-item"
12033                
12034                data-value="GN"
12035                
12036                  data-aliases=""
12037                
12038                id="Guinea"
12039                aria-label="Guinea"
12040                role="option"
12041                tabindex="-1"
12042                ref="countryListItems[]"
12043                on:click="/selectCountry/GN"
12044              >
12045                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12046<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12047</svg>
12048</span>
12049                <span class="country">Guinea</span>
12050                <span
12051                  class="localization-form__currency"
12052                  
12053                >
12054                  GNF
12055                  Fr</span>
12056              </li>
12057              <li
12058                class="localization-form__list-item"
12059                
12060                data-value="GW"
12061                
12062                  data-aliases=""
12063                
12064                id="Guinea-Bissau"
12065                aria-label="Guinea-Bissau"
12066                role="option"
12067                tabindex="-1"
12068                ref="countryListItems[]"
12069                on:click="/selectCountry/GW"
12070              >
12071                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12072<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12073</svg>
12074</span>
12075                <span class="country">Guinea-Bissau</span>
12076                <span
12077                  class="localization-form__currency"
12078                  
12079                >
12080                  XOF
12081                  Fr</span>
12082              </li>
12083              <li
12084                class="localization-form__list-item"
12085                
12086                data-value="GY"
12087                
12088                  data-aliases=""
12089                
12090                id="Guyana"
12091                aria-label="Guyana"
12092                role="option"
12093                tabindex="-1"
12094                ref="countryListItems[]"
12095                on:click="/selectCountry/GY"
12096              >
12097                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12098<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12099</svg>
12100</span>
12101                <span class="country">Guyana</span>
12102                <span
12103                  class="localization-form__currency"
12104                  
12105                >
12106                  GYD
12107                  $</span>
12108              </li>
12109              <li
12110                class="localization-form__list-item"
12111                
12112                data-value="HN"
12113                
12114                  data-aliases=""
12115                
12116                id="Honduras"
12117                aria-label="Honduras"
12118                role="option"
12119                tabindex="-1"
12120                ref="countryListItems[]"
12121                on:click="/selectCountry/HN"
12122              >
12123                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12124<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12125</svg>
12126</span>
12127                <span class="country">Honduras</span>
12128                <span
12129                  class="localization-form__currency"
12130                  
12131                >
12132                  HNL
12133                  L</span>
12134              </li>
12135              <li
12136                class="localization-form__list-item"
12137                
12138                data-value="HK"
12139                
12140                  data-aliases=""
12141                
12142                id="Hong Kong SAR"
12143                aria-label="Hong Kong SAR"
12144                role="option"
12145                tabindex="-1"
12146                ref="countryListItems[]"
12147                on:click="/selectCountry/HK"
12148              >
12149                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12150<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12151</svg>
12152</span>
12153                <span class="country">Hong Kong SAR</span>
12154                <span
12155                  class="localization-form__currency"
12156                  
12157                >
12158                  HKD
12159                  $</span>
12160              </li>
12161              <li
12162                class="localization-form__list-item"
12163                
12164                data-value="HU"
12165                
12166                  data-aliases=""
12167                
12168                id="Hungary"
12169                aria-label="Hungary"
12170                role="option"
12171                tabindex="-1"
12172                ref="countryListItems[]"
12173                on:click="/selectCountry/HU"
12174              >
12175                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12176<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12177</svg>
12178</span>
12179                <span class="country">Hungary</span>
12180                <span
12181                  class="localization-form__currency"
12182                  
12183                >
12184                  HUF
12185                  Ft</span>
12186              </li>
12187              <li
12188                class="localization-form__list-item"
12189                
12190                data-value="IS"
12191                
12192                  data-aliases=""
12193                
12194                id="Iceland"
12195                aria-label="Iceland"
12196                role="option"
12197                tabindex="-1"
12198                ref="countryListItems[]"
12199                on:click="/selectCountry/IS"
12200              >
12201                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12202<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12203</svg>
12204</span>
12205                <span class="country">Iceland</span>
12206                <span
12207                  class="localization-form__currency"
12208                  
12209                >
12210                  ISK
12211                  kr</span>
12212              </li>
12213              <li
12214                class="localization-form__list-item"
12215                
12216                data-value="IN"
12217                
12218                  data-aliases=""
12219                
12220                id="India"
12221                aria-label="India"
12222                role="option"
12223                tabindex="-1"
12224                ref="countryListItems[]"
12225                on:click="/selectCountry/IN"
12226              >
12227                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12228<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12229</svg>
12230</span>
12231                <span class="country">India</span>
12232                <span
12233                  class="localization-form__currency"
12234                  
12235                >
12236                  INR
12237                  ₹</span>
12238              </li>
12239              <li
12240                class="localization-form__list-item"
12241                
12242                data-value="ID"
12243                
12244                  data-aliases=""
12245                
12246                id="Indonesia"
12247                aria-label="Indonesia"
12248                role="option"
12249                tabindex="-1"
12250                ref="countryListItems[]"
12251                on:click="/selectCountry/ID"
12252              >
12253                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12254<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12255</svg>
12256</span>
12257                <span class="country">Indonesia</span>
12258                <span
12259                  class="localization-form__currency"
12260                  
12261                >
12262                  IDR
12263                  Rp</span>
12264              </li>
12265              <li
12266                class="localization-form__list-item"
12267                
12268                data-value="IL"
12269                
12270                  data-aliases=""
12271                
12272                id="Israel"
12273                aria-label="Israel"
12274                role="option"
12275                tabindex="-1"
12276                ref="countryListItems[]"
12277                on:click="/selectCountry/IL"
12278              >
12279                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12280<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12281</svg>
12282</span>
12283                <span class="country">Israel</span>
12284                <span
12285                  class="localization-form__currency"
12286                  
12287                >
12288                  ILS
12289                  ₪</span>
12290              </li>
12291              <li
12292                class="localization-form__list-item"
12293                
12294                data-value="IT"
12295                
12296                  data-aliases=""
12297                
12298                id="Italy"
12299                aria-label="Italy"
12300                role="option"
12301                tabindex="-1"
12302                ref="countryListItems[]"
12303                on:click="/selectCountry/IT"
12304              >
12305                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12306<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12307</svg>
12308</span>
12309                <span class="country">Italy</span>
12310                <span
12311                  class="localization-form__currency"
12312                  
12313                >
12314                  EUR
12315                  €</span>
12316              </li>
12317              <li
12318                class="localization-form__list-item"
12319                
12320                data-value="JM"
12321                
12322                  data-aliases=""
12323                
12324                id="Jamaica"
12325                aria-label="Jamaica"
12326                role="option"
12327                tabindex="-1"
12328                ref="countryListItems[]"
12329                on:click="/selectCountry/JM"
12330              >
12331                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12332<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12333</svg>
12334</span>
12335                <span class="country">Jamaica</span>
12336                <span
12337                  class="localization-form__currency"
12338                  
12339                >
12340                  JMD
12341                  $</span>
12342              </li>
12343              <li
12344                class="localization-form__list-item"
12345                
12346                data-value="JP"
12347                
12348                  data-aliases=""
12349                
12350                id="Japan"
12351                aria-label="Japan"
12352                role="option"
12353                tabindex="-1"
12354                ref="countryListItems[]"
12355                on:click="/selectCountry/JP"
12356              >
12357                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12358<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12359</svg>
12360</span>
12361                <span class="country">Japan</span>
12362                <span
12363                  class="localization-form__currency"
12364                  
12365                >
12366                  JPY
12367                  ¥</span>
12368              </li>
12369              <li
12370                class="localization-form__list-item"
12371                
12372                data-value="JO"
12373                
12374                  data-aliases=""
12375                
12376                id="Jordan"
12377                aria-label="Jordan"
12378                role="option"
12379                tabindex="-1"
12380                ref="countryListItems[]"
12381                on:click="/selectCountry/JO"
12382              >
12383                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12384<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12385</svg>
12386</span>
12387                <span class="country">Jordan</span>
12388                <span
12389                  class="localization-form__currency"
12390                  
12391                >
12392                  GBP
12393                  £</span>
12394              </li>
12395              <li
12396                class="localization-form__list-item"
12397                
12398                data-value="KZ"
12399                
12400                  data-aliases=""
12401                
12402                id="Kazakhstan"
12403                aria-label="Kazakhstan"
12404                role="option"
12405                tabindex="-1"
12406                ref="countryListItems[]"
12407                on:click="/selectCountry/KZ"
12408              >
12409                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12410<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12411</svg>
12412</span>
12413                <span class="country">Kazakhstan</span>
12414                <span
12415                  class="localization-form__currency"
12416                  
12417                >
12418                  KZT
12419                  ₸</span>
12420              </li>
12421              <li
12422                class="localization-form__list-item"
12423                
12424                data-value="KE"
12425                
12426                  data-aliases=""
12427                
12428                id="Kenya"
12429                aria-label="Kenya"
12430                role="option"
12431                tabindex="-1"
12432                ref="countryListItems[]"
12433                on:click="/selectCountry/KE"
12434              >
12435                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12436<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12437</svg>
12438</span>
12439                <span class="country">Kenya</span>
12440                <span
12441                  class="localization-form__currency"
12442                  
12443                >
12444                  KES
12445                  KSh</span>
12446              </li>
12447              <li
12448                class="localization-form__list-item"
12449                
12450                data-value="KI"
12451                
12452                  data-aliases=""
12453                
12454                id="Kiribati"
12455                aria-label="Kiribati"
12456                role="option"
12457                tabindex="-1"
12458                ref="countryListItems[]"
12459                on:click="/selectCountry/KI"
12460              >
12461                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12462<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12463</svg>
12464</span>
12465                <span class="country">Kiribati</span>
12466                <span
12467                  class="localization-form__currency"
12468                  
12469                >
12470                  GBP
12471                  £</span>
12472              </li>
12473              <li
12474                class="localization-form__list-item"
12475                
12476                data-value="KW"
12477                
12478                  data-aliases=""
12479                
12480                id="Kuwait"
12481                aria-label="Kuwait"
12482                role="option"
12483                tabindex="-1"
12484                ref="countryListItems[]"
12485                on:click="/selectCountry/KW"
12486              >
12487                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12488<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12489</svg>
12490</span>
12491                <span class="country">Kuwait</span>
12492                <span
12493                  class="localization-form__currency"
12494                  
12495                >
12496                  GBP
12497                  £</span>
12498              </li>
12499              <li
12500                class="localization-form__list-item"
12501                
12502                data-value="KG"
12503                
12504                  data-aliases=""
12505                
12506                id="Kyrgyzstan"
12507                aria-label="Kyrgyzstan"
12508                role="option"
12509                tabindex="-1"
12510                ref="countryListItems[]"
12511                on:click="/selectCountry/KG"
12512              >
12513                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12514<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12515</svg>
12516</span>
12517                <span class="country">Kyrgyzstan</span>
12518                <span
12519                  class="localization-form__currency"
12520                  
12521                >
12522                  KGS
12523                  som</span>
12524              </li>
12525              <li
12526                class="localization-form__list-item"
12527                
12528                data-value="LA"
12529                
12530                  data-aliases=""
12531                
12532                id="Laos"
12533                aria-label="Laos"
12534                role="option"
12535                tabindex="-1"
12536                ref="countryListItems[]"
12537                on:click="/selectCountry/LA"
12538              >
12539                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12540<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12541</svg>
12542</span>
12543                <span class="country">Laos</span>
12544                <span
12545                  class="localization-form__currency"
12546                  
12547                >
12548                  LAK
12549                  ₭</span>
12550              </li>
12551              <li
12552                class="localization-form__list-item"
12553                
12554                data-value="LV"
12555                
12556                  data-aliases=""
12557                
12558                id="Latvia"
12559                aria-label="Latvia"
12560                role="option"
12561                tabindex="-1"
12562                ref="countryListItems[]"
12563                on:click="/selectCountry/LV"
12564              >
12565                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12566<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12567</svg>
12568</span>
12569                <span class="country">Latvia</span>
12570                <span
12571                  class="localization-form__currency"
12572                  
12573                >
12574                  EUR
12575                  €</span>
12576              </li>
12577              <li
12578                class="localization-form__list-item"
12579                
12580                data-value="LS"
12581                
12582                  data-aliases=""
12583                
12584                id="Lesotho"
12585                aria-label="Lesotho"
12586                role="option"
12587                tabindex="-1"
12588                ref="countryListItems[]"
12589                on:click="/selectCountry/LS"
12590              >
12591                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12592<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12593</svg>
12594</span>
12595                <span class="country">Lesotho</span>
12596                <span
12597                  class="localization-form__currency"
12598                  
12599                >
12600                  GBP
12601                  £</span>
12602              </li>
12603              <li
12604                class="localization-form__list-item"
12605                
12606                data-value="LI"
12607                
12608                  data-aliases=""
12609                
12610                id="Liechtenstein"
12611                aria-label="Liechtenstein"
12612                role="option"
12613                tabindex="-1"
12614                ref="countryListItems[]"
12615                on:click="/selectCountry/LI"
12616              >
12617                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12618<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12619</svg>
12620</span>
12621                <span class="country">Liechtenstein</span>
12622                <span
12623                  class="localization-form__currency"
12624                  
12625                >
12626                  CHF
12627                  CHF</span>
12628              </li>
12629              <li
12630                class="localization-form__list-item"
12631                
12632                data-value="LT"
12633                
12634                  data-aliases=""
12635                
12636                id="Lithuania"
12637                aria-label="Lithuania"
12638                role="option"
12639                tabindex="-1"
12640                ref="countryListItems[]"
12641                on:click="/selectCountry/LT"
12642              >
12643                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12644<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12645</svg>
12646</span>
12647                <span class="country">Lithuania</span>
12648                <span
12649                  class="localization-form__currency"
12650                  
12651                >
12652                  EUR
12653                  €</span>
12654              </li>
12655              <li
12656                class="localization-form__list-item"
12657                
12658                data-value="LU"
12659                
12660                  data-aliases=""
12661                
12662                id="Luxembourg"
12663                aria-label="Luxembourg"
12664                role="option"
12665                tabindex="-1"
12666                ref="countryListItems[]"
12667                on:click="/selectCountry/LU"
12668              >
12669                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12670<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12671</svg>
12672</span>
12673                <span class="country">Luxembourg</span>
12674                <span
12675                  class="localization-form__currency"
12676                  
12677                >
12678                  EUR
12679                  €</span>
12680              </li>
12681              <li
12682                class="localization-form__list-item"
12683                
12684                data-value="MO"
12685                
12686                  data-aliases=""
12687                
12688                id="Macao SAR"
12689                aria-label="Macao SAR"
12690                role="option"
12691                tabindex="-1"
12692                ref="countryListItems[]"
12693                on:click="/selectCountry/MO"
12694              >
12695                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12696<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12697</svg>
12698</span>
12699                <span class="country">Macao SAR</span>
12700                <span
12701                  class="localization-form__currency"
12702                  
12703                >
12704                  MOP
12705                  P</span>
12706              </li>
12707              <li
12708                class="localization-form__list-item"
12709                
12710                data-value="MG"
12711                
12712                  data-aliases=""
12713                
12714                id="Madagascar"
12715                aria-label="Madagascar"
12716                role="option"
12717                tabindex="-1"
12718                ref="countryListItems[]"
12719                on:click="/selectCountry/MG"
12720              >
12721                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12722<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12723</svg>
12724</span>
12725                <span class="country">Madagascar</span>
12726                <span
12727                  class="localization-form__currency"
12728                  
12729                >
12730                  GBP
12731                  £</span>
12732              </li>
12733              <li
12734                class="localization-form__list-item"
12735                
12736                data-value="MW"
12737                
12738                  data-aliases=""
12739                
12740                id="Malawi"
12741                aria-label="Malawi"
12742                role="option"
12743                tabindex="-1"
12744                ref="countryListItems[]"
12745                on:click="/selectCountry/MW"
12746              >
12747                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12748<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12749</svg>
12750</span>
12751                <span class="country">Malawi</span>
12752                <span
12753                  class="localization-form__currency"
12754                  
12755                >
12756                  MWK
12757                  MK</span>
12758              </li>
12759              <li
12760                class="localization-form__list-item"
12761                
12762                data-value="MY"
12763                
12764                  data-aliases=""
12765                
12766                id="Malaysia"
12767                aria-label="Malaysia"
12768                role="option"
12769                tabindex="-1"
12770                ref="countryListItems[]"
12771                on:click="/selectCountry/MY"
12772              >
12773                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12774<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12775</svg>
12776</span>
12777                <span class="country">Malaysia</span>
12778                <span
12779                  class="localization-form__currency"
12780                  
12781                >
12782                  MYR
12783                  RM</span>
12784              </li>
12785              <li
12786                class="localization-form__list-item"
12787                
12788                data-value="MV"
12789                
12790                  data-aliases=""
12791                
12792                id="Maldives"
12793                aria-label="Maldives"
12794                role="option"
12795                tabindex="-1"
12796                ref="countryListItems[]"
12797                on:click="/selectCountry/MV"
12798              >
12799                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12800<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12801</svg>
12802</span>
12803                <span class="country">Maldives</span>
12804                <span
12805                  class="localization-form__currency"
12806                  
12807                >
12808                  MVR
12809                  MVR</span>
12810              </li>
12811              <li
12812                class="localization-form__list-item"
12813                
12814                data-value="MT"
12815                
12816                  data-aliases=""
12817                
12818                id="Malta"
12819                aria-label="Malta"
12820                role="option"
12821                tabindex="-1"
12822                ref="countryListItems[]"
12823                on:click="/selectCountry/MT"
12824              >
12825                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12826<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12827</svg>
12828</span>
12829                <span class="country">Malta</span>
12830                <span
12831                  class="localization-form__currency"
12832                  
12833                >
12834                  EUR
12835                  €</span>
12836              </li>
12837              <li
12838                class="localization-form__list-item"
12839                
12840                data-value="MQ"
12841                
12842                  data-aliases=""
12843                
12844                id="Martinique"
12845                aria-label="Martinique"
12846                role="option"
12847                tabindex="-1"
12848                ref="countryListItems[]"
12849                on:click="/selectCountry/MQ"
12850              >
12851                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12852<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12853</svg>
12854</span>
12855                <span class="country">Martinique</span>
12856                <span
12857                  class="localization-form__currency"
12858                  
12859                >
12860                  EUR
12861                  €</span>
12862              </li>
12863              <li
12864                class="localization-form__list-item"
12865                
12866                data-value="MR"
12867                
12868                  data-aliases=""
12869                
12870                id="Mauritania"
12871                aria-label="Mauritania"
12872                role="option"
12873                tabindex="-1"
12874                ref="countryListItems[]"
12875                on:click="/selectCountry/MR"
12876              >
12877                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12878<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12879</svg>
12880</span>
12881                <span class="country">Mauritania</span>
12882                <span
12883                  class="localization-form__currency"
12884                  
12885                >
12886                  GBP
12887                  £</span>
12888              </li>
12889              <li
12890                class="localization-form__list-item"
12891                
12892                data-value="MU"
12893                
12894                  data-aliases=""
12895                
12896                id="Mauritius"
12897                aria-label="Mauritius"
12898                role="option"
12899                tabindex="-1"
12900                ref="countryListItems[]"
12901                on:click="/selectCountry/MU"
12902              >
12903                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12904<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12905</svg>
12906</span>
12907                <span class="country">Mauritius</span>
12908                <span
12909                  class="localization-form__currency"
12910                  
12911                >
12912                  MUR
12913                  ₨</span>
12914              </li>
12915              <li
12916                class="localization-form__list-item"
12917                
12918                data-value="YT"
12919                
12920                  data-aliases=""
12921                
12922                id="Mayotte"
12923                aria-label="Mayotte"
12924                role="option"
12925                tabindex="-1"
12926                ref="countryListItems[]"
12927                on:click="/selectCountry/YT"
12928              >
12929                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12930<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12931</svg>
12932</span>
12933                <span class="country">Mayotte</span>
12934                <span
12935                  class="localization-form__currency"
12936                  
12937                >
12938                  EUR
12939                  €</span>
12940              </li>
12941              <li
12942                class="localization-form__list-item"
12943                
12944                data-value="MX"
12945                
12946                  data-aliases=""
12947                
12948                id="Mexico"
12949                aria-label="Mexico"
12950                role="option"
12951                tabindex="-1"
12952                ref="countryListItems[]"
12953                on:click="/selectCountry/MX"
12954              >
12955                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12956<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12957</svg>
12958</span>
12959                <span class="country">Mexico</span>
12960                <span
12961                  class="localization-form__currency"
12962                  
12963                >
12964                  GBP
12965                  £</span>
12966              </li>
12967              <li
12968                class="localization-form__list-item"
12969                
12970                data-value="MD"
12971                
12972                  data-aliases=""
12973                
12974                id="Moldova"
12975                aria-label="Moldova"
12976                role="option"
12977                tabindex="-1"
12978                ref="countryListItems[]"
12979                on:click="/selectCountry/MD"
12980              >
12981                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12982<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12983</svg>
12984</span>
12985                <span class="country">Moldova</span>
12986                <span
12987                  class="localization-form__currency"
12988                  
12989                >
12990                  MDL
12991                  L</span>
12992              </li>
12993              <li
12994                class="localization-form__list-item"
12995                
12996                data-value="MC"
12997                
12998                  data-aliases=""
12999                
13000                id="Monaco"
13001                aria-label="Monaco"
13002                role="option"
13003                tabindex="-1"
13004                ref="countryListItems[]"
13005                on:click="/selectCountry/MC"
13006              >
13007                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13008<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13009</svg>
13010</span>
13011                <span class="country">Monaco</span>
13012                <span
13013                  class="localization-form__currency"
13014                  
13015                >
13016                  EUR
13017                  €</span>
13018              </li>
13019              <li
13020                class="localization-form__list-item"
13021                
13022                data-value="MN"
13023                
13024                  data-aliases=""
13025                
13026                id="Mongolia"
13027                aria-label="Mongolia"
13028                role="option"
13029                tabindex="-1"
13030                ref="countryListItems[]"
13031                on:click="/selectCountry/MN"
13032              >
13033                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13034<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13035</svg>
13036</span>
13037                <span class="country">Mongolia</span>
13038                <span
13039                  class="localization-form__currency"
13040                  
13041                >
13042                  MNT
13043                  ₮</span>
13044              </li>
13045              <li
13046                class="localization-form__list-item"
13047                
13048                data-value="ME"
13049                
13050                  data-aliases=""
13051                
13052                id="Montenegro"
13053                aria-label="Montenegro"
13054                role="option"
13055                tabindex="-1"
13056                ref="countryListItems[]"
13057                on:click="/selectCountry/ME"
13058              >
13059                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13060<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13061</svg>
13062</span>
13063                <span class="country">Montenegro</span>
13064                <span
13065                  class="localization-form__currency"
13066                  
13067                >
13068                  EUR
13069                  €</span>
13070              </li>
13071              <li
13072                class="localization-form__list-item"
13073                
13074                data-value="MS"
13075                
13076                  data-aliases=""
13077                
13078                id="Montserrat"
13079                aria-label="Montserrat"
13080                role="option"
13081                tabindex="-1"
13082                ref="countryListItems[]"
13083                on:click="/selectCountry/MS"
13084              >
13085                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13086<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13087</svg>
13088</span>
13089                <span class="country">Montserrat</span>
13090                <span
13091                  class="localization-form__currency"
13092                  
13093                >
13094                  XCD
13095                  $</span>
13096              </li>
13097              <li
13098                class="localization-form__list-item"
13099                
13100                data-value="MA"
13101                
13102                  data-aliases=""
13103                
13104                id="Morocco"
13105                aria-label="Morocco"
13106                role="option"
13107                tabindex="-1"
13108                ref="countryListItems[]"
13109                on:click="/selectCountry/MA"
13110              >
13111                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13112<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13113</svg>
13114</span>
13115                <span class="country">Morocco</span>
13116                <span
13117                  class="localization-form__currency"
13118                  
13119                >
13120                  MAD
13121                  د.م.</span>
13122              </li>
13123              <li
13124                class="localization-form__list-item"
13125                
13126                data-value="MZ"
13127                
13128                  data-aliases=""
13129                
13130                id="Mozambique"
13131                aria-label="Mozambique"
13132                role="option"
13133                tabindex="-1"
13134                ref="countryListItems[]"
13135                on:click="/selectCountry/MZ"
13136              >
13137                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13138<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13139</svg>
13140</span>
13141                <span class="country">Mozambique</span>
13142                <span
13143                  class="localization-form__currency"
13144                  
13145                >
13146                  GBP
13147                  £</span>
13148              </li>
13149              <li
13150                class="localization-form__list-item"
13151                
13152                data-value="NA"
13153                
13154                  data-aliases=""
13155                
13156                id="Namibia"
13157                aria-label="Namibia"
13158                role="option"
13159                tabindex="-1"
13160                ref="countryListItems[]"
13161                on:click="/selectCountry/NA"
13162              >
13163                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13164<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13165</svg>
13166</span>
13167                <span class="country">Namibia</span>
13168                <span
13169                  class="localization-form__currency"
13170                  
13171                >
13172                  GBP
13173                  £</span>
13174              </li>
13175              <li
13176                class="localization-form__list-item"
13177                
13178                data-value="NR"
13179                
13180                  data-aliases=""
13181                
13182                id="Nauru"
13183                aria-label="Nauru"
13184                role="option"
13185                tabindex="-1"
13186                ref="countryListItems[]"
13187                on:click="/selectCountry/NR"
13188              >
13189                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13190<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13191</svg>
13192</span>
13193                <span class="country">Nauru</span>
13194                <span
13195                  class="localization-form__currency"
13196                  
13197                >
13198                  AUD
13199                  $</span>
13200              </li>
13201              <li
13202                class="localization-form__list-item"
13203                
13204                data-value="NP"
13205                
13206                  data-aliases=""
13207                
13208                id="Nepal"
13209                aria-label="Nepal"
13210                role="option"
13211                tabindex="-1"
13212                ref="countryListItems[]"
13213                on:click="/selectCountry/NP"
13214              >
13215                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13216<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13217</svg>
13218</span>
13219                <span class="country">Nepal</span>
13220                <span
13221                  class="localization-form__currency"
13222                  
13223                >
13224                  NPR
13225                  Rs.</span>
13226              </li>
13227              <li
13228                class="localization-form__list-item"
13229                
13230                data-value="NL"
13231                
13232                  data-aliases=""
13233                
13234                id="Netherlands"
13235                aria-label="Netherlands"
13236                role="option"
13237                tabindex="-1"
13238                ref="countryListItems[]"
13239                on:click="/selectCountry/NL"
13240              >
13241                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13242<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13243</svg>
13244</span>
13245                <span class="country">Netherlands</span>
13246                <span
13247                  class="localization-form__currency"
13248                  
13249                >
13250                  EUR
13251                  €</span>
13252              </li>
13253              <li
13254                class="localization-form__list-item"
13255                
13256                data-value="NC"
13257                
13258                  data-aliases=""
13259                
13260                id="New Caledonia"
13261                aria-label="New Caledonia"
13262                role="option"
13263                tabindex="-1"
13264                ref="countryListItems[]"
13265                on:click="/selectCountry/NC"
13266              >
13267                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13268<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13269</svg>
13270</span>
13271                <span class="country">New Caledonia</span>
13272                <span
13273                  class="localization-form__currency"
13274                  
13275                >
13276                  XPF
13277                  Fr</span>
13278              </li>
13279              <li
13280                class="localization-form__list-item"
13281                
13282                data-value="NZ"
13283                
13284                  data-aliases=""
13285                
13286                id="New Zealand"
13287                aria-label="New Zealand"
13288                role="option"
13289                tabindex="-1"
13290                ref="countryListItems[]"
13291                on:click="/selectCountry/NZ"
13292              >
13293                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13294<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13295</svg>
13296</span>
13297                <span class="country">New Zealand</span>
13298                <span
13299                  class="localization-form__currency"
13300                  
13301                >
13302                  NZD
13303                  $</span>
13304              </li>
13305              <li
13306                class="localization-form__list-item"
13307                
13308                data-value="NI"
13309                
13310                  data-aliases=""
13311                
13312                id="Nicaragua"
13313                aria-label="Nicaragua"
13314                role="option"
13315                tabindex="-1"
13316                ref="countryListItems[]"
13317                on:click="/selectCountry/NI"
13318              >
13319                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13320<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13321</svg>
13322</span>
13323                <span class="country">Nicaragua</span>
13324                <span
13325                  class="localization-form__currency"
13326                  
13327                >
13328                  NIO
13329                  C$</span>
13330              </li>
13331              <li
13332                class="localization-form__list-item"
13333                
13334                data-value="NG"
13335                
13336                  data-aliases=""
13337                
13338                id="Nigeria"
13339                aria-label="Nigeria"
13340                role="option"
13341                tabindex="-1"
13342                ref="countryListItems[]"
13343                on:click="/selectCountry/NG"
13344              >
13345                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13346<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13347</svg>
13348</span>
13349                <span class="country">Nigeria</span>
13350                <span
13351                  class="localization-form__currency"
13352                  
13353                >
13354                  NGN
13355                  ₦</span>
13356              </li>
13357              <li
13358                class="localization-form__list-item"
13359                
13360                data-value="NU"
13361                
13362                  data-aliases=""
13363                
13364                id="Niue"
13365                aria-label="Niue"
13366                role="option"
13367                tabindex="-1"
13368                ref="countryListItems[]"
13369                on:click="/selectCountry/NU"
13370              >
13371                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13372<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13373</svg>
13374</span>
13375                <span class="country">Niue</span>
13376                <span
13377                  class="localization-form__currency"
13378                  
13379                >
13380                  NZD
13381                  $</span>
13382              </li>
13383              <li
13384                class="localization-form__list-item"
13385                
13386                data-value="MK"
13387                
13388                  data-aliases=""
13389                
13390                id="North Macedonia"
13391                aria-label="North Macedonia"
13392                role="option"
13393                tabindex="-1"
13394                ref="countryListItems[]"
13395                on:click="/selectCountry/MK"
13396              >
13397                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13398<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13399</svg>
13400</span>
13401                <span class="country">North Macedonia</span>
13402                <span
13403                  class="localization-form__currency"
13404                  
13405                >
13406                  MKD
13407                  ден</span>
13408              </li>
13409              <li
13410                class="localization-form__list-item"
13411                
13412                data-value="NO"
13413                
13414                  data-aliases=""
13415                
13416                id="Norway"
13417                aria-label="Norway"
13418                role="option"
13419                tabindex="-1"
13420                ref="countryListItems[]"
13421                on:click="/selectCountry/NO"
13422              >
13423                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13424<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13425</svg>
13426</span>
13427                <span class="country">Norway</span>
13428                <span
13429                  class="localization-form__currency"
13430                  
13431                >
13432                  GBP
13433                  £</span>
13434              </li>
13435              <li
13436                class="localization-form__list-item"
13437                
13438                data-value="OM"
13439                
13440                  data-aliases=""
13441                
13442                id="Oman"
13443                aria-label="Oman"
13444                role="option"
13445                tabindex="-1"
13446                ref="countryListItems[]"
13447                on:click="/selectCountry/OM"
13448              >
13449                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13450<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13451</svg>
13452</span>
13453                <span class="country">Oman</span>
13454                <span
13455                  class="localization-form__currency"
13456                  
13457                >
13458                  GBP
13459                  £</span>
13460              </li>
13461              <li
13462                class="localization-form__list-item"
13463                
13464                data-value="PK"
13465                
13466                  data-aliases=""
13467                
13468                id="Pakistan"
13469                aria-label="Pakistan"
13470                role="option"
13471                tabindex="-1"
13472                ref="countryListItems[]"
13473                on:click="/selectCountry/PK"
13474              >
13475                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13476<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13477</svg>
13478</span>
13479                <span class="country">Pakistan</span>
13480                <span
13481                  class="localization-form__currency"
13482                  
13483                >
13484                  PKR
13485                  ₨</span>
13486              </li>
13487              <li
13488                class="localization-form__list-item"
13489                
13490                data-value="PA"
13491                
13492                  data-aliases=""
13493                
13494                id="Panama"
13495                aria-label="Panama"
13496                role="option"
13497                tabindex="-1"
13498                ref="countryListItems[]"
13499                on:click="/selectCountry/PA"
13500              >
13501                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13502<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13503</svg>
13504</span>
13505                <span class="country">Panama</span>
13506                <span
13507                  class="localization-form__currency"
13508                  
13509                >
13510                  USD
13511                  $</span>
13512              </li>
13513              <li
13514                class="localization-form__list-item"
13515                
13516                data-value="PG"
13517                
13518                  data-aliases=""
13519                
13520                id="Papua New Guinea"
13521                aria-label="Papua New Guinea"
13522                role="option"
13523                tabindex="-1"
13524                ref="countryListItems[]"
13525                on:click="/selectCountry/PG"
13526              >
13527                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13528<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13529</svg>
13530</span>
13531                <span class="country">Papua New Guinea</span>
13532                <span
13533                  class="localization-form__currency"
13534                  
13535                >
13536                  PGK
13537                  K</span>
13538              </li>
13539              <li
13540                class="localization-form__list-item"
13541                
13542                data-value="PY"
13543                
13544                  data-aliases=""
13545                
13546                id="Paraguay"
13547                aria-label="Paraguay"
13548                role="option"
13549                tabindex="-1"
13550                ref="countryListItems[]"
13551                on:click="/selectCountry/PY"
13552              >
13553                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13554<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13555</svg>
13556</span>
13557                <span class="country">Paraguay</span>
13558                <span
13559                  class="localization-form__currency"
13560                  
13561                >
13562                  PYG
13563                  ₲</span>
13564              </li>
13565              <li
13566                class="localization-form__list-item"
13567                
13568                data-value="PE"
13569                
13570                  data-aliases=""
13571                
13572                id="Peru"
13573                aria-label="Peru"
13574                role="option"
13575                tabindex="-1"
13576                ref="countryListItems[]"
13577                on:click="/selectCountry/PE"
13578              >
13579                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13580<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13581</svg>
13582</span>
13583                <span class="country">Peru</span>
13584                <span
13585                  class="localization-form__currency"
13586                  
13587                >
13588                  PEN
13589                  S/</span>
13590              </li>
13591              <li
13592                class="localization-form__list-item"
13593                
13594                data-value="PH"
13595                
13596                  data-aliases=""
13597                
13598                id="Philippines"
13599                aria-label="Philippines"
13600                role="option"
13601                tabindex="-1"
13602                ref="countryListItems[]"
13603                on:click="/selectCountry/PH"
13604              >
13605                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13606<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13607</svg>
13608</span>
13609                <span class="country">Philippines</span>
13610                <span
13611                  class="localization-form__currency"
13612                  
13613                >
13614                  PHP
13615                  ₱</span>
13616              </li>
13617              <li
13618                class="localization-form__list-item"
13619                
13620                data-value="PL"
13621                
13622                  data-aliases=""
13623                
13624                id="Poland"
13625                aria-label="Poland"
13626                role="option"
13627                tabindex="-1"
13628                ref="countryListItems[]"
13629                on:click="/selectCountry/PL"
13630              >
13631                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13632<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13633</svg>
13634</span>
13635                <span class="country">Poland</span>
13636                <span
13637                  class="localization-form__currency"
13638                  
13639                >
13640                  PLN
13641                  zł</span>
13642              </li>
13643              <li
13644                class="localization-form__list-item"
13645                
13646                data-value="PT"
13647                
13648                  data-aliases=""
13649                
13650                id="Portugal"
13651                aria-label="Portugal"
13652                role="option"
13653                tabindex="-1"
13654                ref="countryListItems[]"
13655                on:click="/selectCountry/PT"
13656              >
13657                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13658<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13659</svg>
13660</span>
13661                <span class="country">Portugal</span>
13662                <span
13663                  class="localization-form__currency"
13664                  
13665                >
13666                  EUR
13667                  €</span>
13668              </li>
13669              <li
13670                class="localization-form__list-item"
13671                
13672                data-value="QA"
13673                
13674                  data-aliases=""
13675                
13676                id="Qatar"
13677                aria-label="Qatar"
13678                role="option"
13679                tabindex="-1"
13680                ref="countryListItems[]"
13681                on:click="/selectCountry/QA"
13682              >
13683                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13684<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13685</svg>
13686</span>
13687                <span class="country">Qatar</span>
13688                <span
13689                  class="localization-form__currency"
13690                  
13691                >
13692                  QAR
13693                  ر.ق</span>
13694              </li>
13695              <li
13696                class="localization-form__list-item"
13697                
13698                data-value="RE"
13699                
13700                  data-aliases=""
13701                
13702                id="Réunion"
13703                aria-label="Réunion"
13704                role="option"
13705                tabindex="-1"
13706                ref="countryListItems[]"
13707                on:click="/selectCountry/RE"
13708              >
13709                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13710<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13711</svg>
13712</span>
13713                <span class="country">Réunion</span>
13714                <span
13715                  class="localization-form__currency"
13716                  
13717                >
13718                  EUR
13719                  €</span>
13720              </li>
13721              <li
13722                class="localization-form__list-item"
13723                
13724                data-value="RO"
13725                
13726                  data-aliases=""
13727                
13728                id="Romania"
13729                aria-label="Romania"
13730                role="option"
13731                tabindex="-1"
13732                ref="countryListItems[]"
13733                on:click="/selectCountry/RO"
13734              >
13735                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13736<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13737</svg>
13738</span>
13739                <span class="country">Romania</span>
13740                <span
13741                  class="localization-form__currency"
13742                  
13743                >
13744                  RON
13745                  Lei</span>
13746              </li>
13747              <li
13748                class="localization-form__list-item"
13749                
13750                data-value="RW"
13751                
13752                  data-aliases=""
13753                
13754                id="Rwanda"
13755                aria-label="Rwanda"
13756                role="option"
13757                tabindex="-1"
13758                ref="countryListItems[]"
13759                on:click="/selectCountry/RW"
13760              >
13761                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13762<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13763</svg>
13764</span>
13765                <span class="country">Rwanda</span>
13766                <span
13767                  class="localization-form__currency"
13768                  
13769                >
13770                  RWF
13771                  FRw</span>
13772              </li>
13773              <li
13774                class="localization-form__list-item"
13775                
13776                data-value="WS"
13777                
13778                  data-aliases=""
13779                
13780                id="Samoa"
13781                aria-label="Samoa"
13782                role="option"
13783                tabindex="-1"
13784                ref="countryListItems[]"
13785                on:click="/selectCountry/WS"
13786              >
13787                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13788<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13789</svg>
13790</span>
13791                <span class="country">Samoa</span>
13792                <span
13793                  class="localization-form__currency"
13794                  
13795                >
13796                  WST
13797                  T</span>
13798              </li>
13799              <li
13800                class="localization-form__list-item"
13801                
13802                data-value="SM"
13803                
13804                  data-aliases=""
13805                
13806                id="San Marino"
13807                aria-label="San Marino"
13808                role="option"
13809                tabindex="-1"
13810                ref="countryListItems[]"
13811                on:click="/selectCountry/SM"
13812              >
13813                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13814<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13815</svg>
13816</span>
13817                <span class="country">San Marino</span>
13818                <span
13819                  class="localization-form__currency"
13820                  
13821                >
13822                  EUR
13823                  €</span>
13824              </li>
13825              <li
13826                class="localization-form__list-item"
13827                
13828                data-value="ST"
13829                
13830                  data-aliases=""
13831                
13832                id="São Tomé &amp; Príncipe"
13833                aria-label="São Tomé &amp; Príncipe"
13834                role="option"
13835                tabindex="-1"
13836                ref="countryListItems[]"
13837                on:click="/selectCountry/ST"
13838              >
13839                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13840<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13841</svg>
13842</span>
13843                <span class="country">São Tomé &amp; Príncipe</span>
13844                <span
13845                  class="localization-form__currency"
13846                  
13847                >
13848                  STD
13849                  Db</span>
13850              </li>
13851              <li
13852                class="localization-form__list-item"
13853                
13854                data-value="SA"
13855                
13856                  data-aliases=""
13857                
13858                id="Saudi Arabia"
13859                aria-label="Saudi Arabia"
13860                role="option"
13861                tabindex="-1"
13862                ref="countryListItems[]"
13863                on:click="/selectCountry/SA"
13864              >
13865                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13866<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13867</svg>
13868</span>
13869                <span class="country">Saudi Arabia</span>
13870                <span
13871                  class="localization-form__currency"
13872                  
13873                >
13874                  SAR
13875                  ر.س</span>
13876              </li>
13877              <li
13878                class="localization-form__list-item"
13879                
13880                data-value="SN"
13881                
13882                  data-aliases=""
13883                
13884                id="Senegal"
13885                aria-label="Senegal"
13886                role="option"
13887                tabindex="-1"
13888                ref="countryListItems[]"
13889                on:click="/selectCountry/SN"
13890              >
13891                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13892<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13893</svg>
13894</span>
13895                <span class="country">Senegal</span>
13896                <span
13897                  class="localization-form__currency"
13898                  
13899                >
13900                  XOF
13901                  Fr</span>
13902              </li>
13903              <li
13904                class="localization-form__list-item"
13905                
13906                data-value="RS"
13907                
13908                  data-aliases=""
13909                
13910                id="Serbia"
13911                aria-label="Serbia"
13912                role="option"
13913                tabindex="-1"
13914                ref="countryListItems[]"
13915                on:click="/selectCountry/RS"
13916              >
13917                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13918<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13919</svg>
13920</span>
13921                <span class="country">Serbia</span>
13922                <span
13923                  class="localization-form__currency"
13924                  
13925                >
13926                  RSD
13927                  РСД</span>
13928              </li>
13929              <li
13930                class="localization-form__list-item"
13931                
13932                data-value="SC"
13933                
13934                  data-aliases=""
13935                
13936                id="Seychelles"
13937                aria-label="Seychelles"
13938                role="option"
13939                tabindex="-1"
13940                ref="countryListItems[]"
13941                on:click="/selectCountry/SC"
13942              >
13943                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13944<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13945</svg>
13946</span>
13947                <span class="country">Seychelles</span>
13948                <span
13949                  class="localization-form__currency"
13950                  
13951                >
13952                  GBP
13953                  £</span>
13954              </li>
13955              <li
13956                class="localization-form__list-item"
13957                
13958                data-value="SL"
13959                
13960                  data-aliases=""
13961                
13962                id="Sierra Leone"
13963                aria-label="Sierra Leone"
13964                role="option"
13965                tabindex="-1"
13966                ref="countryListItems[]"
13967                on:click="/selectCountry/SL"
13968              >
13969                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13970<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13971</svg>
13972</span>
13973                <span class="country">Sierra Leone</span>
13974                <span
13975                  class="localization-form__currency"
13976                  
13977                >
13978                  SLL
13979                  Le</span>
13980              </li>
13981              <li
13982                class="localization-form__list-item"
13983                
13984                data-value="SG"
13985                
13986                  data-aliases=""
13987                
13988                id="Singapore"
13989                aria-label="Singapore"
13990                role="option"
13991                tabindex="-1"
13992                ref="countryListItems[]"
13993                on:click="/selectCountry/SG"
13994              >
13995                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13996<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13997</svg>
13998</span>
13999                <span class="country">Singapore</span>
14000                <span
14001                  class="localization-form__currency"
14002                  
14003                >
14004                  SGD
14005                  $</span>
14006              </li>
14007              <li
14008                class="localization-form__list-item"
14009                
14010                data-value="SK"
14011                
14012                  data-aliases=""
14013                
14014                id="Slovakia"
14015                aria-label="Slovakia"
14016                role="option"
14017                tabindex="-1"
14018                ref="countryListItems[]"
14019                on:click="/selectCountry/SK"
14020              >
14021                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14022<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14023</svg>
14024</span>
14025                <span class="country">Slovakia</span>
14026                <span
14027                  class="localization-form__currency"
14028                  
14029                >
14030                  EUR
14031                  €</span>
14032              </li>
14033              <li
14034                class="localization-form__list-item"
14035                
14036                data-value="SI"
14037                
14038                  data-aliases=""
14039                
14040                id="Slovenia"
14041                aria-label="Slovenia"
14042                role="option"
14043                tabindex="-1"
14044                ref="countryListItems[]"
14045                on:click="/selectCountry/SI"
14046              >
14047                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14048<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14049</svg>
14050</span>
14051                <span class="country">Slovenia</span>
14052                <span
14053                  class="localization-form__currency"
14054                  
14055                >
14056                  EUR
14057                  €</span>
14058              </li>
14059              <li
14060                class="localization-form__list-item"
14061                
14062                data-value="SB"
14063                
14064                  data-aliases=""
14065                
14066                id="Solomon Islands"
14067                aria-label="Solomon Islands"
14068                role="option"
14069                tabindex="-1"
14070                ref="countryListItems[]"
14071                on:click="/selectCountry/SB"
14072              >
14073                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14074<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14075</svg>
14076</span>
14077                <span class="country">Solomon Islands</span>
14078                <span
14079                  class="localization-form__currency"
14080                  
14081                >
14082                  SBD
14083                  $</span>
14084              </li>
14085              <li
14086                class="localization-form__list-item"
14087                
14088                data-value="ZA"
14089                
14090                  data-aliases=""
14091                
14092                id="South Africa"
14093                aria-label="South Africa"
14094                role="option"
14095                tabindex="-1"
14096                ref="countryListItems[]"
14097                on:click="/selectCountry/ZA"
14098              >
14099                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14100<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14101</svg>
14102</span>
14103                <span class="country">South Africa</span>
14104                <span
14105                  class="localization-form__currency"
14106                  
14107                >
14108                  GBP
14109                  £</span>
14110              </li>
14111              <li
14112                class="localization-form__list-item"
14113                
14114                data-value="KR"
14115                
14116                  data-aliases=""
14117                
14118                id="South Korea"
14119                aria-label="South Korea"
14120                role="option"
14121                tabindex="-1"
14122                ref="countryListItems[]"
14123                on:click="/selectCountry/KR"
14124              >
14125                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14126<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14127</svg>
14128</span>
14129                <span class="country">South Korea</span>
14130                <span
14131                  class="localization-form__currency"
14132                  
14133                >
14134                  KRW
14135                  ₩</span>
14136              </li>
14137              <li
14138                class="localization-form__list-item"
14139                
14140                data-value="ES"
14141                
14142                  data-aliases=""
14143                
14144                id="Spain"
14145                aria-label="Spain"
14146                role="option"
14147                tabindex="-1"
14148                ref="countryListItems[]"
14149                on:click="/selectCountry/ES"
14150              >
14151                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14152<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14153</svg>
14154</span>
14155                <span class="country">Spain</span>
14156                <span
14157                  class="localization-form__currency"
14158                  
14159                >
14160                  EUR
14161                  €</span>
14162              </li>
14163              <li
14164                class="localization-form__list-item"
14165                
14166                data-value="LK"
14167                
14168                  data-aliases=""
14169                
14170                id="Sri Lanka"
14171                aria-label="Sri Lanka"
14172                role="option"
14173                tabindex="-1"
14174                ref="countryListItems[]"
14175                on:click="/selectCountry/LK"
14176              >
14177                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14178<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14179</svg>
14180</span>
14181                <span class="country">Sri Lanka</span>
14182                <span
14183                  class="localization-form__currency"
14184                  
14185                >
14186                  LKR
14187                  ₨</span>
14188              </li>
14189              <li
14190                class="localization-form__list-item"
14191                
14192                data-value="BL"
14193                
14194                  data-aliases=""
14195                
14196                id="St. Barthélemy"
14197                aria-label="St. Barthélemy"
14198                role="option"
14199                tabindex="-1"
14200                ref="countryListItems[]"
14201                on:click="/selectCountry/BL"
14202              >
14203                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14204<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14205</svg>
14206</span>
14207                <span class="country">St. Barthélemy</span>
14208                <span
14209                  class="localization-form__currency"
14210                  
14211                >
14212                  EUR
14213                  €</span>
14214              </li>
14215              <li
14216                class="localization-form__list-item"
14217                
14218                data-value="KN"
14219                
14220                  data-aliases=""
14221                
14222                id="St. Kitts &amp; Nevis"
14223                aria-label="St. Kitts &amp; Nevis"
14224                role="option"
14225                tabindex="-1"
14226                ref="countryListItems[]"
14227                on:click="/selectCountry/KN"
14228              >
14229                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14230<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14231</svg>
14232</span>
14233                <span class="country">St. Kitts &amp; Nevis</span>
14234                <span
14235                  class="localization-form__currency"
14236                  
14237                >
14238                  XCD
14239                  $</span>
14240              </li>
14241              <li
14242                class="localization-form__list-item"
14243                
14244                data-value="LC"
14245                
14246                  data-aliases=""
14247                
14248                id="St. Lucia"
14249                aria-label="St. Lucia"
14250                role="option"
14251                tabindex="-1"
14252                ref="countryListItems[]"
14253                on:click="/selectCountry/LC"
14254              >
14255                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14256<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14257</svg>
14258</span>
14259                <span class="country">St. Lucia</span>
14260                <span
14261                  class="localization-form__currency"
14262                  
14263                >
14264                  XCD
14265                  $</span>
14266              </li>
14267              <li
14268                class="localization-form__list-item"
14269                
14270                data-value="MF"
14271                
14272                  data-aliases=""
14273                
14274                id="St. Martin"
14275                aria-label="St. Martin"
14276                role="option"
14277                tabindex="-1"
14278                ref="countryListItems[]"
14279                on:click="/selectCountry/MF"
14280              >
14281                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14282<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14283</svg>
14284</span>
14285                <span class="country">St. Martin</span>
14286                <span
14287                  class="localization-form__currency"
14288                  
14289                >
14290                  EUR
14291                  €</span>
14292              </li>
14293              <li
14294                class="localization-form__list-item"
14295                
14296                data-value="VC"
14297                
14298                  data-aliases=""
14299                
14300                id="St. Vincent &amp; Grenadines"
14301                aria-label="St. Vincent &amp; Grenadines"
14302                role="option"
14303                tabindex="-1"
14304                ref="countryListItems[]"
14305                on:click="/selectCountry/VC"
14306              >
14307                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14308<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14309</svg>
14310</span>
14311                <span class="country">St. Vincent &amp; Grenadines</span>
14312                <span
14313                  class="localization-form__currency"
14314                  
14315                >
14316                  XCD
14317                  $</span>
14318              </li>
14319              <li
14320                class="localization-form__list-item"
14321                
14322                data-value="SR"
14323                
14324                  data-aliases=""
14325                
14326                id="Suriname"
14327                aria-label="Suriname"
14328                role="option"
14329                tabindex="-1"
14330                ref="countryListItems[]"
14331                on:click="/selectCountry/SR"
14332              >
14333                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14334<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14335</svg>
14336</span>
14337                <span class="country">Suriname</span>
14338                <span
14339                  class="localization-form__currency"
14340                  
14341                >
14342                  GBP
14343                  £</span>
14344              </li>
14345              <li
14346                class="localization-form__list-item"
14347                
14348                data-value="SE"
14349                
14350                  data-aliases=""
14351                
14352                id="Sweden"
14353                aria-label="Sweden"
14354                role="option"
14355                tabindex="-1"
14356                ref="countryListItems[]"
14357                on:click="/selectCountry/SE"
14358              >
14359                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14360<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14361</svg>
14362</span>
14363                <span class="country">Sweden</span>
14364                <span
14365                  class="localization-form__currency"
14366                  
14367                >
14368                  SEK
14369                  kr</span>
14370              </li>
14371              <li
14372                class="localization-form__list-item"
14373                
14374                data-value="CH"
14375                
14376                  data-aliases=""
14377                
14378                id="Switzerland"
14379                aria-label="Switzerland"
14380                role="option"
14381                tabindex="-1"
14382                ref="countryListItems[]"
14383                on:click="/selectCountry/CH"
14384              >
14385                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14386<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14387</svg>
14388</span>
14389                <span class="country">Switzerland</span>
14390                <span
14391                  class="localization-form__currency"
14392                  
14393                >
14394                  CHF
14395                  CHF</span>
14396              </li>
14397              <li
14398                class="localization-form__list-item"
14399                
14400                data-value="TW"
14401                
14402                  data-aliases=""
14403                
14404                id="Taiwan"
14405                aria-label="Taiwan"
14406                role="option"
14407                tabindex="-1"
14408                ref="countryListItems[]"
14409                on:click="/selectCountry/TW"
14410              >
14411                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14412<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14413</svg>
14414</span>
14415                <span class="country">Taiwan</span>
14416                <span
14417                  class="localization-form__currency"
14418                  
14419                >
14420                  TWD
14421                  $</span>
14422              </li>
14423              <li
14424                class="localization-form__list-item"
14425                
14426                data-value="TZ"
14427                
14428                  data-aliases=""
14429                
14430                id="Tanzania"
14431                aria-label="Tanzania"
14432                role="option"
14433                tabindex="-1"
14434                ref="countryListItems[]"
14435                on:click="/selectCountry/TZ"
14436              >
14437                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14438<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14439</svg>
14440</span>
14441                <span class="country">Tanzania</span>
14442                <span
14443                  class="localization-form__currency"
14444                  
14445                >
14446                  TZS
14447                  Sh</span>
14448              </li>
14449              <li
14450                class="localization-form__list-item"
14451                
14452                data-value="TH"
14453                
14454                  data-aliases=""
14455                
14456                id="Thailand"
14457                aria-label="Thailand"
14458                role="option"
14459                tabindex="-1"
14460                ref="countryListItems[]"
14461                on:click="/selectCountry/TH"
14462              >
14463                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14464<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14465</svg>
14466</span>
14467                <span class="country">Thailand</span>
14468                <span
14469                  class="localization-form__currency"
14470                  
14471                >
14472                  THB
14473                  ฿</span>
14474              </li>
14475              <li
14476                class="localization-form__list-item"
14477                
14478                data-value="TL"
14479                
14480                  data-aliases=""
14481                
14482                id="Timor-Leste"
14483                aria-label="Timor-Leste"
14484                role="option"
14485                tabindex="-1"
14486                ref="countryListItems[]"
14487                on:click="/selectCountry/TL"
14488              >
14489                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14490<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14491</svg>
14492</span>
14493                <span class="country">Timor-Leste</span>
14494                <span
14495                  class="localization-form__currency"
14496                  
14497                >
14498                  USD
14499                  $</span>
14500              </li>
14501              <li
14502                class="localization-form__list-item"
14503                
14504                data-value="TG"
14505                
14506                  data-aliases=""
14507                
14508                id="Togo"
14509                aria-label="Togo"
14510                role="option"
14511                tabindex="-1"
14512                ref="countryListItems[]"
14513                on:click="/selectCountry/TG"
14514              >
14515                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14516<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14517</svg>
14518</span>
14519                <span class="country">Togo</span>
14520                <span
14521                  class="localization-form__currency"
14522                  
14523                >
14524                  XOF
14525                  Fr</span>
14526              </li>
14527              <li
14528                class="localization-form__list-item"
14529                
14530                data-value="TO"
14531                
14532                  data-aliases=""
14533                
14534                id="Tonga"
14535                aria-label="Tonga"
14536                role="option"
14537                tabindex="-1"
14538                ref="countryListItems[]"
14539                on:click="/selectCountry/TO"
14540              >
14541                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14542<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14543</svg>
14544</span>
14545                <span class="country">Tonga</span>
14546                <span
14547                  class="localization-form__currency"
14548                  
14549                >
14550                  TOP
14551                  T$</span>
14552              </li>
14553              <li
14554                class="localization-form__list-item"
14555                
14556                data-value="TT"
14557                
14558                  data-aliases=""
14559                
14560                id="Trinidad &amp; Tobago"
14561                aria-label="Trinidad &amp; Tobago"
14562                role="option"
14563                tabindex="-1"
14564                ref="countryListItems[]"
14565                on:click="/selectCountry/TT"
14566              >
14567                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14568<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14569</svg>
14570</span>
14571                <span class="country">Trinidad &amp; Tobago</span>
14572                <span
14573                  class="localization-form__currency"
14574                  
14575                >
14576                  TTD
14577                  $</span>
14578              </li>
14579              <li
14580                class="localization-form__list-item"
14581                
14582                data-value="TN"
14583                
14584                  data-aliases=""
14585                
14586                id="Tunisia"
14587                aria-label="Tunisia"
14588                role="option"
14589                tabindex="-1"
14590                ref="countryListItems[]"
14591                on:click="/selectCountry/TN"
14592              >
14593                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14594<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14595</svg>
14596</span>
14597                <span class="country">Tunisia</span>
14598                <span
14599                  class="localization-form__currency"
14600                  
14601                >
14602                  GBP
14603                  £</span>
14604              </li>
14605              <li
14606                class="localization-form__list-item"
14607                
14608                data-value="TC"
14609                
14610                  data-aliases=""
14611                
14612                id="Turks &amp; Caicos Islands"
14613                aria-label="Turks &amp; Caicos Islands"
14614                role="option"
14615                tabindex="-1"
14616                ref="countryListItems[]"
14617                on:click="/selectCountry/TC"
14618              >
14619                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14620<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14621</svg>
14622</span>
14623                <span class="country">Turks &amp; Caicos Islands</span>
14624                <span
14625                  class="localization-form__currency"
14626                  
14627                >
14628                  USD
14629                  $</span>
14630              </li>
14631              <li
14632                class="localization-form__list-item"
14633                
14634                data-value="TV"
14635                
14636                  data-aliases=""
14637                
14638                id="Tuvalu"
14639                aria-label="Tuvalu"
14640                role="option"
14641                tabindex="-1"
14642                ref="countryListItems[]"
14643                on:click="/selectCountry/TV"
14644              >
14645                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14646<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14647</svg>
14648</span>
14649                <span class="country">Tuvalu</span>
14650                <span
14651                  class="localization-form__currency"
14652                  
14653                >
14654                  AUD
14655                  $</span>
14656              </li>
14657              <li
14658                class="localization-form__list-item"
14659                
14660                data-value="UG"
14661                
14662                  data-aliases=""
14663                
14664                id="Uganda"
14665                aria-label="Uganda"
14666                role="option"
14667                tabindex="-1"
14668                ref="countryListItems[]"
14669                on:click="/selectCountry/UG"
14670              >
14671                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14672<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14673</svg>
14674</span>
14675                <span class="country">Uganda</span>
14676                <span
14677                  class="localization-form__currency"
14678                  
14679                >
14680                  UGX
14681                  USh</span>
14682              </li>
14683              <li
14684                class="localization-form__list-item"
14685                
14686                data-value="AE"
14687                
14688                  data-aliases=""
14689                
14690                id="United Arab Emirates"
14691                aria-label="United Arab Emirates"
14692                role="option"
14693                tabindex="-1"
14694                ref="countryListItems[]"
14695                on:click="/selectCountry/AE"
14696              >
14697                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14698<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14699</svg>
14700</span>
14701                <span class="country">United Arab Emirates</span>
14702                <span
14703                  class="localization-form__currency"
14704                  
14705                >
14706                  AED
14707                  د.إ</span>
14708              </li>
14709              <li
14710                class="localization-form__list-item"
14711                
14712                data-value="GB"
14713                
14714                  data-aliases="uk,gb,great britain"
14715                
14716                id="United Kingdom"
14717                aria-label="United Kingdom"
14718                role="option"
14719                tabindex="-1"
14720                ref="countryListItems[]"
14721                on:click="/selectCountry/GB"
14722              >
14723                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14724<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14725</svg>
14726</span>
14727                <span class="country">United Kingdom</span>
14728                <span
14729                  class="localization-form__currency"
14730                  
14731                >
14732                  GBP
14733                  £</span>
14734              </li>
14735              <li
14736                class="localization-form__list-item"
14737                
14738                  aria-current="true"
14739                
14740                data-value="US"
14741                
14742                  data-aliases="us,usa,america,united states of america"
14743                
14744                id="United States"
14745                aria-label="United States"
14746                role="option"
14747                tabindex="-1"
14748                ref="countryListItems[]"
14749                on:click="/selectCountry/US"
14750              >
14751                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14752<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14753</svg>
14754</span>
14755                <span class="country">United States</span>
14756                <span
14757                  class="localization-form__currency"
14758                  
14759                >
14760                  USD
14761                  $</span>
14762              </li>
14763              <li
14764                class="localization-form__list-item"
14765                
14766                data-value="UY"
14767                
14768                  data-aliases=""
14769                
14770                id="Uruguay"
14771                aria-label="Uruguay"
14772                role="option"
14773                tabindex="-1"
14774                ref="countryListItems[]"
14775                on:click="/selectCountry/UY"
14776              >
14777                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14778<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14779</svg>
14780</span>
14781                <span class="country">Uruguay</span>
14782                <span
14783                  class="localization-form__currency"
14784                  
14785                >
14786                  UYU
14787                  $U</span>
14788              </li>
14789              <li
14790                class="localization-form__list-item"
14791                
14792                data-value="UZ"
14793                
14794                  data-aliases=""
14795                
14796                id="Uzbekistan"
14797                aria-label="Uzbekistan"
14798                role="option"
14799                tabindex="-1"
14800                ref="countryListItems[]"
14801                on:click="/selectCountry/UZ"
14802              >
14803                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14804<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14805</svg>
14806</span>
14807                <span class="country">Uzbekistan</span>
14808                <span
14809                  class="localization-form__currency"
14810                  
14811                >
14812                  UZS
14813                  so'm</span>
14814              </li>
14815              <li
14816                class="localization-form__list-item"
14817                
14818                data-value="VU"
14819                
14820                  data-aliases=""
14821                
14822                id="Vanuatu"
14823                aria-label="Vanuatu"
14824                role="option"
14825                tabindex="-1"
14826                ref="countryListItems[]"
14827                on:click="/selectCountry/VU"
14828              >
14829                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14830<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14831</svg>
14832</span>
14833                <span class="country">Vanuatu</span>
14834                <span
14835                  class="localization-form__currency"
14836                  
14837                >
14838                  VUV
14839                  Vt</span>
14840              </li>
14841              <li
14842                class="localization-form__list-item"
14843                
14844                data-value="VN"
14845                
14846                  data-aliases=""
14847                
14848                id="Vietnam"
14849                aria-label="Vietnam"
14850                role="option"
14851                tabindex="-1"
14852                ref="countryListItems[]"
14853                on:click="/selectCountry/VN"
14854              >
14855                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14856<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14857</svg>
14858</span>
14859                <span class="country">Vietnam</span>
14860                <span
14861                  class="localization-form__currency"
14862                  
14863                >
14864                  VND
14865                  ₫</span>
14866              </li>
14867              <li
14868                class="localization-form__list-item"
14869                
14870                data-value="ZM"
14871                
14872                  data-aliases=""
14873                
14874                id="Zambia"
14875                aria-label="Zambia"
14876                role="option"
14877                tabindex="-1"
14878                ref="countryListItems[]"
14879                on:click="/selectCountry/ZM"
14880              >
14881                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14882<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14883</svg>
14884</span>
14885                <span class="country">Zambia</span>
14886                <span
14887                  class="localization-form__currency"
14888                  
14889                >
14890                  GBP
14891                  £</span>
14892              </li></ul>
14893        </div>
14894        <div class="country-selector__overlay"></div>
14895        <input
14896          type="hidden"
14897          name="country_code"
14898          value="US"
14899          ref="countryInput"
14900        >
14901      </div>
14902    
14903
14904    
14905</form></localization-form-component>
14906
14907
14908
14909      </div>
14910    </dropdown-localization-component>
14911  
14912
14913            
14914        
14915      
14916        
14917          
14918              
14919
14920<script
14921  type="module"
14922  src="//thechaosttrpg.com/cdn/shop/t/8/assets/cart-icon.js?v=109428858171217037751786618342"
14923  fetchpriority="low"
14924></script>
14924
14925
14926
14927
14928
14929
14930<header-actions
14931  
14932>
14933  
14934    
14935    <div
14936      class="account-button header-actions__action color-custom-popover"
14937    >
14938      <shopify-store store-domain="https://thechaosttrpg.com" country="US" language="en"></shopify-store>
14939<shopify-account
14940        menu="customer-account-main-menu"
14941        
14942      >
14943        
14944          <span
14945            slot="signed-out-avatar"
14946            class="account-button__text header-actions__text-style hidden"
14947          >
14948            Account
14949          </span>
14950
14951          <span
14952            slot="signed-out-avatar"
14953            class=""
14954            aria-hidden="true"
14955          >
14956            
14957  <svg
14958    xmlns="http://www.w3.org/2000/svg"
14959    width="15"
14960    height="17"
14961    viewBox="0 0 15 17"
14962    fill="none"
14963    slot="signed-out-avatar"
14964    class="account-button__icon"
14965  >
14966    <path
14967      stroke="currentColor"
14968      stroke-linejoin="round"
14969      stroke-width="var(--icon-stroke-width)"
14970      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"
14971    />
14972  </svg>
14973
14974          </span>
14975        
14976      </shopify-account>
14977    </div>
14978  
14979
14980  
14981    <button
14982      class="header-actions__action button-unstyled"
14983      on:click="#cart-drawer/toggle"
14984      aria-haspopup="dialog"
14985      aria-expanded="false"
14986      aria-controls="cart-drawer"
14987      aria-label="Cart"
14988      aria-describedby="cart-bubble-text"
14989      data-testid="cart-drawer-trigger"
14990    >
14991      
14992  <cart-icon
14993    class="header-actions__cart-icon"
14994    data-testid="cart-icon"
14995  >
14996    <span class="hidden">
14997      Cart
14998    </span>
14999
15000    <span
15001      class="svg-wrapper "
15002      aria-hidden="true"
15003    >
15004      <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>
15005
15006    </span>
15007
15008    
15009
15010<div
15011  ref="cartBubble"
15012  class="cart-bubble visually-hidden"
15013  style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;"
15014  
15015  
15016    data-maintain-ratio
15017  
15018>
15019  <span class="cart-bubble__background"></span>
15020  <span
15021    ref="cartBubbleText"
15022    id="cart-bubble-text"
15023    class="cart-bubble__text"
15024  >
15025    <span
15026      class="cart-bubble__text-count hidden"
15027      ref="cartBubbleCount"
15028      aria-hidden="true"
15029      data-testid="cart-bubble"
15030    >
150310</span>
15032  </span>
15033</div>
15034
15035
15036
15037  </cart-icon>
15038
15039    </button>
15040  
15041
15042  <span
15043    ref="liveRegion"
15044    class="visually-hidden"
15045    role="status"
15046    data-testid="cart-count-live-region"
15047  ></span>
15048</header-actions>
15049
15050<script
15051  type="module"
15052  src="//thechaosttrpg.com/cdn/shop/t/8/assets/header-actions.js?v=157135685635924702181786618356"
15053  fetchpriority="low"
15054></script>
15054
15055
15056
15057
15058          
15059        
15060      
15061    </div>
15062        </div>
15063      </div>
15064    
15065  
15066    
15067
15068    
15069
15070    
15071    
15072  
15073
15074  
15075    <div class="header__row header__navigation-bar-row">
15076      
15077
15078
15079
15080    
15081  
15082
15083<style data-shopify>
15084  .header__underlay {
15085    --color-submenu: rgb(255 255 255);
15086  }
15087</style>
15088
15089
15090
15091
15092    </div>
15093  
15094</header-component>
15095
15096<script
15097  src="//thechaosttrpg.com/cdn/shop/t/8/assets/header.js?v=183210491532312943441786618358"
15098  type="module"
15099></script>
15099
15100
15101
15102
15103
15104  
15104<script type="module">
15105    import { hydrate } from '@theme/section-hydration';
15106    const url = new URL(window.location.href);
15107    url.searchParams.delete('page');
15108    hydrate('sections--29971686064392__header_section', url);
15109  </script>
15109
15110
15111
15112
15113</header>
15114<!-- END sections: header-group -->
15115      </div>
15116
15117      
15117<script>
15118        /**
15119         * Sets `--header-height` and `--header-group-height` to measured values before first paint.
15120         *
15121         * A few CSS rules position content relative to the header at first paint — a hero sized to
15122         * the remaining viewport, a transparent header's negative margin. Without a measured value
15123         * those rules use the `60px` fallback from `sections/header.liquid`, and the content visibly
15124         * jumps once `header.js` corrects the values after load.
15125         *
15126         * Measuring forces layout mid-parse, so it only runs where a consuming rule exists.
15127         * Callers opt in: the transparent-header branch below, or `snippets/measure-header-heights.liquid`,
15128         * which any new first-paint consumer must render too.
15129         *
15130         * Measures once per page; after load, header.js's ResizeObservers keep the values fresh.
15131         * The group-height walk mimics calculateHeaderGroupHeight() in utilities.js — keep them
15132         * in sync.
15133         */
15134        window.measureHeaderHeights = (function () {
15135          let measured = false;
15136
15137          return function measureHeaderHeights() {
15138            if (measured) return;
15139
15140            const header = document.querySelector('#header-component');
15141            const headerGroup = document.querySelector('#header-group');
15142
15143            if (!header || !headerGroup) return;
15144            measured = true;
15145
15146            const headerHeight = header.offsetHeight;
15147
15148            let headerGroupHeight = 0;
15149            for (const element of headerGroup.children) {
15150              if (element instanceof HTMLElement) headerGroupHeight += element.offsetHeight;
15151            }
15152
15153            /**
15154             * A transparent header is absolutely positioned, so the loop above counts its section
15155             * wrapper as 0px. When a section follows it in the group, header.liquid pushes that
15156             * section down by the header's height using a margin, which offsetHeight also
15157             * excludes — so the header's height has to be added back manually.
15158             */
15159            if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
15160              headerGroupHeight += headerHeight;
15161            }
15162
15163            document.body.style.setProperty('--header-height', `${headerHeight}px`);
15164            document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
15165          };
15166        })();
15167
15168        /**
15169         * Transparent-header rules consume the measured heights at first paint on every
15170         * template, so the transparent case opts in globally here instead of per-section.
15171         */
15172        if (document.querySelector('#header-component')?.hasAttribute('transparent')) {
15173          measureHeaderHeights();
15174        }
15175
15176        /**
15177         * Sets `--top-row-height`, consumed by the header underlays and submenus. Deferred to a
15178         * rAF so the `offsetHeight` read doesn't force layout mid-parse, and scoped to the
15179         * header, where all consumers live, so the write only invalidates the header subtree.
15180         * Mimics the `--top-row-height` write in updateHeaderHeights() in utilities.js
15181         */
15182        (function setTopRowHeight() {
15183          const header = document.querySelector('#header-component');
15184          const headerTopRow = header?.querySelector('.header__row--top');
15185          if (!headerTopRow) return;
15186
15187          window.requestAnimationFrame(function () {
15188            header.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
15189          });
15190        })();
15191
15192        /**
15193         * Sets `--transparent-header-offset-boolean` when the first section must offset itself
15194         * under a transparent header. The non-offset case relies on the `0` default declared in
15195         * sections/header.liquid — unlike updateTransparentHeaderOffset() in utilities.js, which
15196         * re-runs on editor changes and must write '0' to reset a previously written '1'.
15197         */
15198        (function updateTransparentHeaderOffset() {
15199          const header = document.querySelector('#header-component');
15200          const headerSection = document.querySelector('#header-group .header-section');
15201          if (!headerSection || !header?.hasAttribute('transparent')) return;
15202
15203          const hasImmediateSection = headerSection.nextElementSibling?.classList.contains('shopify-section');
15204          if (!hasImmediateSection) {
15205            document.body.style.setProperty('--transparent-header-offset-boolean', '1');
15206          }
15207        })();
15208
15209        /**
15210         * Sets the initial menu style (inline menu vs. drawer) on the header component.
15211         * Mimics setHeaderMenuStyle() in utilities.js
15212         */
15213        (function setHeaderMenuStyle() {
15214          const headerComponent = document.querySelector('#header-component');
15215          if (headerComponent) {
15216            const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
15217            const overflowList = headerComponent.querySelector('overflow-list');
15218            const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
15219            headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
15220          }
15221        })();
15222      </script>
15222
15223
15224      <main
15225        id="MainContent"
15226        class="content-for-layout"
15227        role="main"
15228        data-page-transition-enabled="true"
15229        data-product-transition="true"
15230        data-template="product"
15231      >
15232        <div id="shopify-section-template--29971685966088__main" class="shopify-section">
15233
15234<script type="application/ld+json">
15235  {"@context":"http:\/\/schema.org\/","@id":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"The Chaos TTRPG | Venger's Decks"},"category":"Card Games","description":"One complete fantasy RPG. One deck of cards. Infinite chaos!\nThe Chaos is a card-based tabletop roleplaying game built for old school adventurers who'd rather be rolling than reading rulebooks. Solo or group play. Zero prep. Pull it from your pocket and watch the chaos unfold!\n\"Old school inspired, chaos guaranteed. We playtested this and it's exactly what a rules-light RPG should be!\" - James Devlin, GM\nIn every session, your character or party will begin in The Keep, head out on an adventure in The Realm, and if you survive, at the end of the session will return to The Keep, ready to explore another day. So this way, using this old school inspired, rules-light system built for stand-alone sessions, everyone can pop in and out of the game whenever they're available and feel up for adventure. Easy peasy. Just sort a pool of players \u0026amp; GMs or grab your journal, and head out into the wild!\nNot sure yet? The full rules are free online. Try a session before you spend a penny. Or use the drop-down and select to get the Digital Files Only.\n\n\n\nWHAT'S IN THE DECK?\nEverything you need to run a full one-shot session, or the seeds of a longer campaign, is right here in your hands. No three-hundred-page manual. Just a tarot-sized deck of cards.\nYour game deck contains:\n\n\nGroup \u0026amp; Solo Rules - everything you need to understand the system\n\nCharacter Creation - roll up a character in minutes\n\nSession Stuff - all the building blocks you need for a cracking session\nCreature Creation - generate monsters on the fly with minimum effort\nCuriosities - random spark tables to inspire your sessions\n\n\n\n\nWHAT YOU ALSO GET\nWhen you order, you'll get immediate access to:\n\nthe game deck pdf\na barebones, lighter pdf\na printable character sheet to use at the table\na fillable character sheet for online play\nThem Bleedin' Woods - cracking two-page adventure\na quickstart cheat sheet\n\nsome generic, 8k HD classic old school battle maps for the setting, more of which you can pick up for free here\n\n\n\n\"This is literally the most accessible OSR rpg in a deck! You can build a character in a couple of minutes! The questions it asks instantly start to add detail to your character. It's nicely laid out, beautifully designed, very nifty monster builder...Highly recommended if you're thinking about getting it, plus I can see this being the key to a surprisingly good, long campaign, narrative driven, simple mechanics! Love it.\" - Pete Lankston, YT\nWHO'S THIS FOR?\nIf any of these land, this deck belongs in your pocket, and at your table:\n\nYou want a rules-light fantasy RPG you can learn in minutes and play in an evening\nYou've been looking for a solo TTRPG that actually feels like a proper adventure\nYou run games and want something for zero-prep one-shots when your players show up and you've got nothing\nYou're tired of cracking open a different sourcebook every time someone asks what's in the dungeon\nYou want a card-based RPG that fits in your pocket and works anywhere\n\n \n\"Told my group we were trying something new. Twenty minutes in, our rascal had accidentally started a cult. He'd rolled badly on a traits check and basically a bunch of randoms in town clocked him as some sort of radical revolutionary. The empath in the group decided the best response was to burn down the tavern and blame it on the rascal and ruin his rep. By the end of the session, the cult was still going, the tavern was ash, and the party's now this feared crime family in town. We'd been going for two hours. I had nothing prepared. Genuinely don't know how it ended up like that, but it was so much fun!! We're playing again next Saturday, so who knows what will happen!\" - early playtester of the game\n____________________________________________\n\"Received both decks in the mail and everything is fantastic! My gaming group is very impressed with the quality of the materials and content in the cards. We’ve been playing together for almost 40 years and this is one of the coolest products we’ve seen in a while. We are all primarily old school D\u0026amp;D 1st-5th edition players, but have played just about every sort of system under the Sun. I just wanted to encourage you and your company, it’s great to see creators making unique and usable products like this. This weekend will be our first tryout session and learning the game. The website and generators are outstanding and have made that job so much easier in preparation.\" - Todd Lofton\n\n\n\nPHYSICAL DECK vs FREE RULES\nThe full rules for The Chaos live on this site, free, always. So why get the deck?\nBecause there's a difference between having the rules on your phone and slapping a deck of cards on the table. The physical deck is a conversation starter, a quick spark in your hands, and a game system all at once. Hand your players the character creation cards. Lay out the sections you need. Shuffle the curiosities cards and spark your imagination.\nThe deck is also the most portable version of the game. No phone signal required, no scrolling, no dead batteries mid-session. Just whip the deck from your pocket or bag, wherever you are, and kick off a session right there!\nLet's be honest, there's nowt like holding the deck in your hands and unleashing chaos at your table in meat space!\n \n\"The core appeal of The Chaos lies in its extreme portability and accessibility. Built for both solo and group play, the system eschews sprawling manuals in favour of a single, tarot-sized deck. It provides mechanics for character creation, session generation, and on-the-fly monster encounters. Players begin in The Keep, venture into The Realm, and return if they survive; a structural loop that deliberately accommodates fluctuating player counts and impromptu gathering. Early reception highlights the unpredictable narrative generation driven by the deck’s spark tables. [For] players fatigued by heavy sourcebooks and extensive session prep.\" - Geek Native\n\n\n\nWORKS WITH VENGER'S DECKS\nAlready got some of the Venger's Decks encounter cards or battle maps? The Chaos slots right in. The systems are designed to play nicely together. Stack encounter decks, add The Crit for critical hit drama, lay out The Caverns modular map tiles or The Snap deck of dungeon geomorphs, and 
15235you've got a full session without touching a laptop.\n \n\n\n\n\nFREQUENTLY ASKED QUESTIONS\nDo I need to know how to play TTRPGs to use this? It helps to have some experience, but The Chaos is designed to be as approachable as old school RPGs get. If you've played any tabletop RPG before, you'll be up and running quickly. If you haven't, the free rules online are a good place to start before you commit.\nIs this a standalone game or an expansion? Fully standalone. The Chaos is a complete tabletop RPG in one deck. You don't need any other system or rulebook. That said, it blends well with Venger's Decks or any other OSR systems you like.\nCan I really play it solo? Yes. The solo rules are built into the game. The Chaos works as a proper solo TTRPG, not just a single-player afterthought.\nWhat do I need besides the deck? A few friends (or not if you're solo), some d6 dice, something to write on, and a willingness to let things go sideways. The chaos takes care of the rest!\nHow small is the text on the cards?The deck is tarot-sized, so the text is compact to fit everything on the cards, similar to what you'd see on a lot of card games. Every order also includes the digital PDFs, so if you'd rather have something you can zoom in on, that's included as standard, and of course all the game's also laid out here on the site.\n\n\n\nREADY TO ROLL?\nThe chaos isn't going to unleash itself!\n\n\n\n","hasVariant":[{"@id":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game?variant=57914629390600#variant","@type":"Product","gtin":"Custom Product","image":"https:\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085\u0026width=1920","name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online - Physical Deck + Digital Files","offers":{"@id":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game?variant=57914629390600#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"24.00","priceCurrency":"USD","url":"https:\/\/thechaosttrpg.com\/products\/the-chaos-card-deck-tabletop-roleplaying-game?variant=57914629390600"}},{"@id":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game?variant=57914630799624#variant","@type":"Product","gtin":"Custom Product","image":"https:\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085\u0026width=1920","name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online - Digital Files Only","offers":{"@id":"\/products\/the-chaos-card-deck-tabletop-roleplaying-game?variant=57914630799624#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"0.00","priceCurrency":"USD","url":"https:\/\/thechaosttrpg.com\/products\/the-chaos-card-deck-tabletop-roleplaying-game?variant=57914630799624"}}],"name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","productGroupID":"11984182051080","url":"https:\/\/thechaosttrpg.com\/products\/the-chaos-card-deck-tabletop-roleplaying-game"}
15236</script>
15236
15237
15238
15239
15240
15241
15242
15243
15244
15245
15246
15247
15248
15249
15250
15251
15252
15253
15254
15255
15256
15257
15258
15259
15260  <style data-shopify>
15261    .color-custom-template--29971685966088__main,
15262    .color-custom-template--29971685966088__main .text-block {
15263      /* Background */
15264      --color-background: #ffffff;
15265      --color-background-rgb: 255 255 255;
15266
15267      /* Opacity values adjusted for background brightness */
15268      
15269--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
152700.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
15271
15272
15273      
15274        /* Foreground / text — explicit or smart-contrasted */
15275        --color: #000000;
15276        --color-rgb: 0 0 0;
15277        --color-foreground: #000000;
15278        --color-foreground-rgb: 0 0 0;
15279        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
15280        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
15281        --color-border: var(--palette-darkest);
15282        --color-border-rgb: var(--palette-darkest-rgb);
15283      
15284    }
15285
15286    
15287      .color-custom-template--29971685966088__main {
15288        /* Form-related tokens stay on .color-custom only — .text-block is a prose
15289           container (text/announcement/inline-text/blog-post-description/
15290           collection-link/price/sku) and never holds form inputs. */
15291        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
15292        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
15293        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
15294        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
15295      }
15296    
15297
15298    .color-custom-template--29971685966088__main {
15299      color: var(--color, var(--color-foreground));
15300      background-color: var(--color-background);
15301    }
15302  </style>
15303
15304
15305
15306<div
15307  class="section-background color-custom-template--29971685966088__main"
15308></div>
15309<div
15310  class="product-information section section--page-width spacing-style color-custom-template--29971685966088__main relative"
15311  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;"
15312  data-testid="product-information"
15313>
15314  
15315    
15316    <a
15317  class="skip-to-content-link button-secondary"
15318  href="#ProductInformation-template--29971685966088__main"
15319>
15320  Skip to product information
15321</a>
15322
15323
15324
15325  
15326  <product-component
15327    class="product-information__grid product-information--media-left"
15328    data-product-grid-content
15329    
15330    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:11984182051080,&quot;title&quot;:&quot;The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online&quot;,&quot;handle&quot;:&quot;the-chaos-card-deck-tabletop-roleplaying-game&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:null,&quot;selectedOptions&quot;:[]}"
15331    
15332  >
15333    
15334    
15335
15336    
15337      
15338        
15339      <div
15340        class="product-information__media"
15341        data-testid="product-information-media"
15342      >
15343        
15344
15345
15346<script
15347    src="//thechaosttrpg.com/cdn/shop/t/8/assets/zoom-dialog.js?v=102268456213388948961786618423"
15348    type="module"
15349  ></script>
15349<script
15350    src="//thechaosttrpg.com/cdn/shop/t/8/assets/drag-zoom-wrapper.js?v=49654226587051563631786618350"
15351    type="module"
15352  ></script>
15352
15353  
15354
15355
15356  
15356<script>
15357    if (window.matchMedia('(min-width: 750px)').matches) {
15358      window.measureHeaderHeights?.();
15359    }
15360  </script>
15360
15361
15362
15363<style data-shopify>
15364  
15365    .product-media-container {
15366      --media-preview-ratio: 1;
15367    }
15368
15369    
15370      .product-media-container.constrain-height {
15371        background-color: var(--color-background);
15372      }
15373
15374      .product-media-container.constrain-height:has(.product-media-constraint-wrapper) {
15375        display: flex;
15376        justify-content: center;
15377        align-items: center;
15378      }
15379
15380      /* Mobile constraint wrapper sizing - use width-based approach since max-height is disabled */
15381      .product-media-constraint-wrapper {
15382        width: 100%;
15383        max-width: 100%;
15384        flex-shrink: 0;
15385      }
15386
15387      /* Desktop constraint wrapper sizing */
15388      @media screen and (min-width: 750px) {
15389        .product-media-constraint-wrapper {
15390          width: min(100%, calc(var(--constrained-height) * 1));
15391        }
15392      }
15393    
15394
15395    /* Constrain all deferred-media content to parent bounds when specific aspect ratio is set */
15396    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,
15397    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model {
15398      width: 100%;
15399      height: 100%;
15400      top: 0;
15401      left: 0;
15402    }
15403
15404    /* Ensure video and iframe elements respect container aspect ratio */
15405    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,
15406    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe {
15407      width: 100%;
15408      height: 100%;
15409      object-fit: cover;
15410    }
15411
15412    /* 3D models need special handling since they don't support object-fit */
15413    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer {
15414      width: 100%;
15415      height: 100%;
15416    }
15417
15418    /* Clear gallery aspect ratio for zoom dialog - let media display at natural aspect ratios */
15419    .dialog-zoomed-gallery .product-media {
15420      --gallery-aspect-ratio: var(--ratio);
15421    }
15422  
15423
15424  
15425
15426  
15427    .media-fit-cover {
15428      --product-media-fit: cover;
15429    }
15430
15431    /* Media fit for all media elements - default to cover */
15432    .media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
15433      object-fit: cover;
15434      width: 100%;
15435      height: 100%;
15436    }
15437
15438    /* 3D Models (no object-fit support, just sizing) */
15439    .media-fit-cover model-viewer {
15440      width: 100%;
15441      height: 100%;
15442    }
15443  
15444
15445  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
15446  
15447
15448  
15449  
15450  
15451    
15452    ::view-transition-old(gallery-item-open),
15453    ::view-transition-new(gallery-item-open),
15454    ::view-transition-old(gallery-item-close),
15455    ::view-transition-new(gallery-item-close) {
15456      height: 100%;
15457      width: 100%;
15458      object-fit: cover;
15459      object-position: var(--gallery-media-focal-point, center);
15460    }
15461  
15462  
15463
15464  :root { --gallery-media-border-radius: 15px; }
15465</style>
15466
15467
15468  <media-gallery
15469    class="
15470      spacing-style
15471      sticky-content
15472      
15473        media-gallery--one-column
15474        
15475      
15476      media-gallery--grid
15477      
15478      
15479    "
15480    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 48px; --media-radius: 15px;--image-gap: 100px; --gallery-aspect-ratio: 1;"
15481    data-presentation="grid"
15482    
15483  >
15484    
15485
15486    
15487
15488    
15489
15490    <slideshow-component
15491  
15492    ref="slideshow"
15493  
15494  
15495  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
15496  
15497  initial-slide="0"
15498  
15499  
15500    infinite
15501  
15502
15503  
15504>
15505  
15506  <slideshow-container ref="slideshowContainer">
15507    
15508    
15509    <slideshow-slides
15510      tabindex="-1"
15511      ref="scroller"
15512      
15513    >
15514      
15515      
15516        
15517        
15518        
15519        
15520
15521        <slideshow-slide
15522  ref="slides[]"
15523  aria-hidden="false"
15524  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15525  
15526    class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
15527  
15528  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/0" data-view-transition-type="product-image-transition"
15529  
15530  
15531  
15532  
15533  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/0" data-view-transition-type="product-image-transition"
15534>
15535  
15536
15537            <div
15538              class="product-media-constraint-wrapper">
15539
15540<div
15541  class="product-media"
15542  style="--ratio: 1.0"
15543  data-media-id="69054526619912"
15544>
15545  
15546  <img src="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
15547
15548  
15549
15550  
15551</div>
15552
15553
15554
15555</div>
15556          
15557        
15558</slideshow-slide>
15559
15560
15561
15562
15563      
15564        
15565        
15566        
15567        
15568
15569        <slideshow-slide
15570  ref="slides[]"
15571  aria-hidden="true"
15572  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15573  
15574    class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
15575  
15576  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/1"
15577  
15578  
15579  
15580  
15581  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/1"
15582>
15583  
15584
15585            <div
15586              class="product-media-constraint-wrapper">
15587
15588<div
15589  class="product-media"
15590  style="--ratio: 1.0"
15591  data-media-id="69651859767560"
15592>
15593  
15594  <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15595
15596  
15597
15598  
15599</div>
15600
15601
15602
15603</div>
15604          
15605        
15606</slideshow-slide>
15607
15608
15609
15610
15611      
15612        
15613        
15614        
15615        
15616
15617        <slideshow-slide
15618  ref="slides[]"
15619  aria-hidden="true"
15620  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15621  
15622    class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
15623  
15624  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/2"
15625  
15626  
15627  
15628  
15629  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/2"
15630>
15631  
15632
15633            <div
15634              class="product-media-constraint-wrapper">
15635
15636<div
15637  class="product-media"
15638  style="--ratio: 1.0"
15639  data-media-id="69651859734792"
15640>
15641  
15642  <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15643
15644  
15645
15646  
15647</div>
15648
15649
15650
15651</div>
15652          
15653        
15654</slideshow-slide>
15655
15656
15657
15658
15659      
15660        
15661        
15662        
15663        
15664
15665        <slideshow-slide
15666  ref="slides[]"
15667  aria-hidden="true"
15668  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15669  
15670    class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
15671  
15672  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/3"
15673  
15674  
15675  
15676  
15677  on:click="#zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery/open/3"
15678>
15679  
15680
15681            <div
15682              class="product-media-constraint-wrapper">
15683
15684<div
15685  class="product-media"
15686  style="--ratio: 1.0"
15687  data-media-id="70490742882568"
15688>
15689  
15690  <img src="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15691
15692  
15693
15694  
15695</div>
15696
15697
15698
15699</div>
15700          
15701        
15702</slideshow-slide>
15703
15704
15705
15706
15707      
15708    
15709    </slideshow-slides>
15710  </slideshow-container>
15711  
15712        
15713
15714        
15715
15716  <slideshow-controls
15717    
15718      ref="slideshowControls"
15719    
15720    pagination-position="center"
15721    scroll-mode="horizontal"
15722    
15723      controls-on-media
15724    
15725    
15726    
15727    
15728      class="desktop:hidden media-gallery__mobile-controls"
15729    
15730    
15731      style="--thumbnail-radius: 0px;"
15732    
15733  >
15734    
15735
15736    
15737
15738    
15739        <ol class="slideshow-controls__dots">
15740          
15741            <li>
15742              <button
15743                class="slideshow-control button button-unstyled"
15744                style="animation-timeline: --slide-0"
15745                aria-label="Slide 1 of 4"
15746                on:click="/select/0"
15747                ref="dots[]"
15748                
15749                  aria-selected="true"
15750                
15751              >
15752                1
15753              </button>
15754            </li>
15755          
15756            <li>
15757              <button
15758                class="slideshow-control button button-unstyled"
15759                style="animation-timeline: --slide-1"
15760                aria-label="Slide 2 of 4"
15761                on:click="/select/1"
15762                ref="dots[]"
15763                
15764              >
15765                2
15766              </button>
15767            </li>
15768          
15769            <li>
15770              <button
15771                class="slideshow-control button button-unstyled"
15772                style="animation-timeline: --slide-2"
15773                aria-label="Slide 3 of 4"
15774                on:click="/select/2"
15775                ref="dots[]"
15776                
15777              >
15778                3
15779              </button>
15780            </li>
15781          
15782            <li>
15783              <button
15784                class="slideshow-control button button-unstyled"
15785                style="animation-timeline: --slide-3"
15786                aria-label="Slide 4 of 4"
15787                on:click="/select/3"
15788                ref="dots[]"
15789                
15790              >
15791                4
15792              </button>
15793            </li>
15794          
15795        </ol>
15796    
15797
15798    
15799  </slideshow-controls>
15800
15801  
15802
15803
15804
15805
15806      
15807</slideshow-component>
15808
15809
15810
15811
15812
15813    
15814      <ul
15815        class="media-gallery__grid list-unstyled"
15816        data-testid="media-gallery-grid"
15817      >
15818        
15819          <li
15820            ref="media[]"
15821            class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--force-aspect"
15822            style=" --media-radius: 15px;"
15823            
15824              data-view-transition-type="product-image-transition"
15825            
15826            
15827              data-focal-point="50.0% 50.0%"
15828            
15829          ><button
15830                type="button"
15831                class="button button-unstyled product-media-container__zoom-button"
15832                aria-label="Zoom media 1"
15833                on:click="/zoom/0"
15834                
15835                  on:pointerenter="/preloadImage/0"
15836                
15837              ></button>
15838              <div class="product-media-constraint-wrapper">
15839
15840<div
15841  class="product-media"
15842  style="--ratio: 1.0"
15843  data-media-id="69054526619912"
15844>
15845  
15846  <img src="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
15847
15848  
15849
15850  
15851</div>
15852
15853
15854
15855</div>
15856            
15857          </li>
15858        
15859          <li
15860            ref="media[]"
15861            class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--force-aspect"
15862            style=" --media-radius: 15px;"
15863            
15864            
15865              data-focal-point="50.0% 50.0%"
15866            
15867          ><button
15868                type="button"
15869                class="button button-unstyled product-media-container__zoom-button"
15870                aria-label="Zoom media 2"
15871                on:click="/zoom/1"
15872                
15873                  on:pointerenter="/preloadImage/1"
15874                
15875              ></button>
15876              <div class="product-media-constraint-wrapper">
15877
15878<div
15879  class="product-media"
15880  style="--ratio: 1.0"
15881  data-media-id="69651859767560"
15882>
15883  
15884  <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15885
15886  
15887
15888  
15889</div>
15890
15891
15892
15893</div>
15894            
15895          </li>
15896        
15897          <li
15898            ref="media[]"
15899            class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--force-aspect"
15900            style=" --media-radius: 15px;"
15901            
15902            
15903              data-focal-point="50.0% 50.0%"
15904            
15905          ><button
15906                type="button"
15907                class="button button-unstyled product-media-container__zoom-button"
15908                aria-label="Zoom media 3"
15909                on:click="/zoom/2"
15910                
15911                  on:pointerenter="/preloadImage/2"
15912                
15913              ></button>
15914              <div class="product-media-constraint-wrapper">
15915
15916<div
15917  class="product-media"
15918  style="--ratio: 1.0"
15919  data-media-id="69651859734792"
15920>
15921  
15922  <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15923
15924  
15925
15926  
15927</div>
15928
15929
15930
15931</div>
15932            
15933          </li>
15934        
15935          <li
15936            ref="media[]"
15937            class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--force-aspect"
15938            style=" --media-radius: 15px;"
15939            
15940            
15941              data-focal-point="50.0% 50.0%"
15942            
15943          ><button
15944                type="button"
15945                class="button button-unstyled product-media-container__zoom-button"
15946                aria-label="Zoom media 4"
15947                on:click="/zoom/3"
15948                
15949                  on:pointerenter="/preloadImage/3"
15950                
15951              ></button>
15952              <div class="product-media-constraint-wrapper">
15953
15954<div
15955  class="product-media"
15956  style="--ratio: 1.0"
15957  data-media-id="70490742882568"
15958>
15959  
15960  <img src="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 155rem) 125rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15961
15962  
15963
15964  
15965</div>
15966
15967
15968
15969</div>
15970            
15971          </li>
15972        
15973      </ul>
15974    
15975<zoom-dialog
15976        ref="zoomDialogComponent"
15977        id="zoom-dialog-Ad3pYTFQxTnd3TGFyV__media-gallery"
15978      >
15979        <dialog
15980          class="dialog-zoomed-gallery__dialog"
15981          ref="dialog"
15982          on:keydown="/handleKeyDown"
15983          scroll-lock
15984        >
15985          <button
15986            type="button"
15987            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
15988            aria-label="Close"
15989            on:click="/close"
15990          >
15991            <span class="visually-hidden">Close</span>
15992            <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15993<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
15994</svg>
15995
15996          </button>
15997          <div class="dialog-thumbnails-list-container">
15998            <scroll-hint
15999              class="dialog-thumbnails-list list-unstyled"
16000              ref="thumbnails"
16001            >
16002              
16003
16004                  <button
16005                    type="button"
16006                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
16007                    aria-label="Scroll to The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online"
16008                    on:click="/handleThumbnailClick/0"
16009                    on:pointerenter="/handleThumbnailPointerEnter/0"
16010                    style="--aspect-ratio: 1; --gallery-aspect-ratio: 1;"
16011                    
16012                      aria-selected="true"
16013                    
16014                  >
16015                    
16016                    <img src="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1024" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
16017                  </button>
16018                  <button
16019                    type="button"
16020                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
16021                    aria-label="Scroll to The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online"
16022                    on:click="/handleThumbnailClick/1"
16023                    on:pointerenter="/handleThumbnailPointerEnter/1"
16024                    style="--aspect-ratio: 1; --gallery-aspect-ratio: 1;"
16025                    
16026                  >
16027                    
16028                    <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1024" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
16029                  </button>
16030                  <button
16031                    type="button"
16032                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
16033                    aria-label="Scroll to The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online"
16034                    on:click="/handleThumbnailClick/2"
16035                    on:pointerenter="/handleThumbnailPointerEnter/2"
16036                    style="--aspect-ratio: 1; --gallery-aspect-ratio: 1;"
16037                    
16038                  >
16039                    
16040                    <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1024" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
16041                  </button>
16042                  <button
16043                    type="button"
16044                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
16045                    aria-label="Scroll to The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online"
16046                    on:click="/handleThumbnailClick/3"
16047                    on:pointerenter="/handleThumbnailPointerEnter/3"
16048                    style="--aspect-ratio: 1; --gallery-aspect-ratio: 1;"
16049                    
16050                  >
16051                    
16052                    <img src="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1024" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
16053                  </button>
16054            </scroll-hint>
16055          </div>
16056          <ul
16057            class="dialog-zoomed-gallery list-unstyled"
16058          ><li
16059                id="product-69054526619912-1"
16060                class="product-media-container constrain-height  product-media-container--image product-media-container--zoomable"
16061                style=""
16062                ref="media[]"
16063                
16064                  on:click="/close"
16065                
16066              >
16067                
16068                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
16069
16070<div
16071  class="product-media"
16072  style="--ratio: 1.0"
16073  data-media-id="69054526619912"
16074>
16075  
16076  <img src="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
16077
16078  
16079
16080  
16081</div>
16082
16083
16084
16085</drag-zoom-wrapper>
16086                
16087              </li><li
16088                id="product-69651859767560-2"
16089                class="product-media-container constrain-height  product-media-container--image product-media-container--zoomable"
16090                style=""
16091                ref="media[]"
16092                
16093                  on:click="/close"
16094                
16095              >
16096                
16097                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
16098
16099<div
16100  class="product-media"
16101  style="--ratio: 1.0"
16102  data-media-id="69651859767560"
16103>
16104  
16105  <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16106
16107  
16108
16109  
16110</div>
16111
16112
16113
16114</drag-zoom-wrapper>
16115                
16116              </li><li
16117                id="product-69651859734792-3"
16118                class="product-media-container constrain-height  product-media-container--image product-media-container--zoomable"
16119                style=""
16120                ref="media[]"
16121                
16122                  on:click="/close"
16123                
16124              >
16125                
16126                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
16127
16128<div
16129  class="product-media"
16130  style="--ratio: 1.0"
16131  data-media-id="69651859734792"
16132>
16133  
16134  <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/20260620-161148.jpg?v=1781968948&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16135
16136  
16137
16138  
16139</div>
16140
16141
16142
16143</drag-zoom-wrapper>
16144                
16145              </li><li
16146                id="product-70490742882568-4"
16147                class="product-media-container constrain-height  product-media-container--image product-media-container--zoomable"
16148                style=""
16149                ref="media[]"
16150                
16151                  on:click="/close"
16152                
16153              >
16154                
16155                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
16156
16157<div
16158  class="product-media"
16159  style="--ratio: 1.0"
16160  data-media-id="70490742882568"
16161>
16162  
16163  <img src="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=352 352w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=832 832w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1200 1200w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1600 1600w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=1920 1920w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=2560 2560w, //thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//thechaosttrpg.com/cdn/shop/files/rn-image_picker_lib_temp_60c7aa4f-9eca-41e7-b7d6-cb28e194edc6.jpg?v=1785665460&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16164
16165  
16166
16167  
16168</div>
16169
16170
16171
16172</drag-zoom-wrapper>
16173                
16174              </li></ul>
16175        </dialog>
16176      </zoom-dialog></media-gallery>
16177
16178
16179
16180
16181
16182
16183
16184
16185
16186
16187
16188
16189      </div>
16190    
16191      
16192    
16193      
16194        
16195  
16196<div
16197  id="ProductInformation-template--29971685966088__main"
16198  class="
16199    product-details
16200     sticky-content--desktop
16201    "
16202  style="--details-position: flex-start;"
16203  data-testid="product-information-details"
16204  
16205    data-view-transition-type="product-details"
16206  
16207>
16208  
16209
16210  
16211
16212
16213
16214
16215
16216
16217
16218<div
16219  class="
16220    group-block
16221    group-block--height-fit
16222    group-block--width-fill
16223    border-style
16224    spacing-style
16225    size-style
16226    
16227    
16228  "
16229  style="
16230    
16231--border-width: 1px; --border-style: none; --border-color:
16232rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
16233
16234    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: 0px;--padding-inline-end: 0px;
16235    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
16236    
16237  "
16238  
16239  data-testid="group-block"
16240><div class="group-block__media-wrapper">
16241    
16242
16243
16244
16245
16246
16247
16248    
16249  </div>
16250
16251  <div
16252    class="
16253      group-block-content
16254      
16255      layout-panel-flex
16256      layout-panel-flex--column
16257      
16258    "
16259    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16260
16261--gap: 24px;
16262
16263--horizontal-alignment: ; --vertical-alignment: ;
16264--vertical-alignment-mobile: ;
16265"
16266  >
16267    <div class="view-product-title">
16268      <a
16269        href="/products/the-chaos-card-deck-tabletop-roleplaying-game?variant=57914629390600"
16270      >The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online
16271      </a>
16272    </div>
16273    
16274
16275
16276
16277
16278
16279
16280
16281
16282
16283
16284<div
16285  class="
16286    group-block
16287    group-block--height-fit
16288    group-block--width-fill
16289    border-style
16290    spacing-style
16291    size-style
16292    
16293    
16294  "
16295  style="
16296    
16297--border-width: 1px; --border-style: none; --border-color:
16298rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
16299
16300    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16301    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
16302    
16303  "
16304  
16305  data-testid="group-block"
16306><div class="group-block__media-wrapper">
16307    
16308
16309
16310
16311
16312
16313
16314    
16315  </div>
16316
16317  <div
16318    class="
16319      group-block-content
16320      
16321      layout-panel-flex
16322      layout-panel-flex--column
16323       mobile-column
16324    "
16325    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16326
16327--gap: 12px;
16328
16329--horizontal-alignment: flex-start; --vertical-alignment: center;
16330--vertical-alignment-mobile: center;
16331"
16332  >
16333  
16334
16335
16336
16337
16338
16339
16340
16341
16342
16343
16344
16345  <div class=" spacing-style text-block text-block--AV1N6Zy82MGNVUEgrV__text_nXdFcd h3      "  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);          ">
16346    <h1>The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online</h1>
16347  </div>
16348
16349
16350
16351
16352
16353
16354
16355
16356
16357
16358
16359
16360
16361
16362
16363
16364
16365<div
16366  class="
16367    group-block
16368    group-block--height-fit
16369    group-block--width-fill
16370    border-style
16371    spacing-style
16372    size-style
16373    
16374    
16375  "
16376  style="
16377    
16378--border-width: 1px; --border-style: none; --border-color:
16379rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
16380
16381    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16382    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
16383    
16384  "
16385  
16386  data-testid="group-block"
16387><div class="group-block__media-wrapper">
16388    
16389
16390
16391
16392
16393
16394
16395    
16396  </div>
16397
16398  <div
16399    class="
16400      group-block-content
16401      
16402      layout-panel-flex
16403      layout-panel-flex--row
16404       mobile-column
16405    "
16406    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16407
16408--gap: 24px;
16409
16410--horizontal-alignment: flex-start; --vertical-alignment: center;
16411--vertical-alignment-mobile: center;
16412"
16413  >
16414  
16415
16416
16417
16418
16419
16420<product-price
16421  class="text-block text-block--align-left rte text-left paragraph spacing-style"
16422  data-block-id="AWDNSalNYTlNBVjlPM__price_97GqNF"
16423  data-product-id="11984182051080"
16424  style="
16425    
16426
16427    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16428    
16429    --width: 100%;
16430  "
16431  
16432>
16433  
16434
16435<div ref="priceContainer">
16436  
16437    
16438    
16439      <span class="price">$24.00</span>
16440    
16441  
16442</div>
16443
16444  
16445    <div class="tax-note">Duties included.
16446Shipping calculated at checkout.
16447</div>
16448  
16449<div class="installments"><form method="post" action="/cart/add" id="product-form-installment-AWDNSalNYTlNBVjlPM__price_97GqNF" accept-charset="UTF-8" class="payment-terms" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
16450          type="hidden"
16451          name="id"
16452          value="57914629390600"
16453        >
16454        
16455<input type="hidden" name="product-id" value="11984182051080" /><input type="hidden" name="section-id" value="template--29971685966088__main" /></form></div></product-price>
16456
16457
16458
16459
16460
16461<!-- Start of Judge.me code --> 
16462<div style='' class='jdgm-widget jdgm-preview-badge' data-id='11984182051080' data-auto-install='false'>   
16463<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.78' data-number-of-reviews='9' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.78' tabindex='0' aria-label='4.78 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 9 reviews </span> </div> 
16464</div> <!-- End of Judge.me code -->
16465
16466
16467
16468
16469
16470
16471</div>
16472</div>
16473
16474
16475
16476
16477
16478
16479</div>
16480</div>
16481
16482
16483
16484
16485
16486
16487
16488
16489  
16490
16491
16492
16493
16494  
16495  <variant-picker
16496    class="variant-picker spacing-style variant-picker--left"
16497    style="
16498      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16499       
16500    "
16501    data-section-id="template--29971685966088__main"
16502    data-product-id="11984182051080"
16503    data-product-handle="the-chaos-card-deck-tabletop-roleplaying-game"
16504    data-product-title="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online"
16505    data-block-id="AdEpvNmJ0aW1aeU9vR__variant_picker"
16506    data-product-url="/products/the-chaos-card-deck-tabletop-roleplaying-game"
16507    ref="mainVariantPicker"
16508    
16509      data-template-product-match="true"
16510    
16511    
16512    
16513  >
16514    <form class="variant-picker__form"><fieldset
16515            class="variant-option variant-option--buttons variant-option--equal-width-buttons"
16516            data-fieldset-index="0"
16517            ref="fieldsets[]"
16518            data-option-id="template-29971685966088__main-11984182051080-pick-up-the-deck-or-just-need-the-digital-files"
16519          >
16520            <legend>
16521              Pick up the deck or just need the digital files?
16522            </legend>
16523              <label
16524                class="variant-option__button-label"
16525              >
16526                <input
16527                  type="radio"
16528                  name="Pick up the deck or just need the digital files?-AdEpvNmJ0aW1aeU9vR__variant_picker-11984182051080"
16529                  value="Physical Deck + Digital Files"
16530                  aria-label="Physical Deck + Digital Files"
16531                  
16532                  data-previous-checked="false"
16533                  data-fieldset-index="0"
16534                  data-input-index="0"
16535                  data-input-id="1-0"
16536                  data-option-name="Pick up the deck or just need the digital files?"
16537                  data-option-value-id="16360938602760"
16538                  data-option-available="true"
16539                  data-connected-product-url=""
16540                  
16541                    data-variant-id="57914629390600"
16542                  
16543                  
16544                    data-current-checked="true"
16545                    checked
16546                  
16547                >
16548                
16549                  
16550                    <span
16551                      class="variant-option__button-label__pill"
16552                      data-key="variant-option-pill"
16553                    ></span>
16554                  
16555                  <span
16556                    class="variant-option__button-label__text"
16557                    data-key="variant-option-text"
16558                  >Physical Deck + Digital Files</span>
16559                
16560                
16561
16562
16563
16564              </label>
16565              <label
16566                class="variant-option__button-label"
16567              >
16568                <input
16569                  type="radio"
16570                  name="Pick up the deck or just need the digital files?-AdEpvNmJ0aW1aeU9vR__variant_picker-11984182051080"
16571                  value="Digital Files Only"
16572                  aria-label="Digital Files Only"
16573                  
16574                  data-previous-checked="false"
16575                  data-fieldset-index="0"
16576                  data-input-index="1"
16577                  data-input-id="1-1"
16578                  data-option-name="Pick up the deck or just need the digital files?"
16579                  data-option-value-id="16360940044552"
16580                  data-option-available="true"
16581                  data-connected-product-url=""
16582                  
16583                    data-variant-id="57914630799624"
16584                  
16585                  
16586                    data-current-checked="false"
16587                  
16588                >
16589                
16590                  
16591                    <span
16592                      class="variant-option__button-label__pill"
16593                      data-key="variant-option-pill"
16594                    ></span>
16595                  
16596                  <span
16597                    class="variant-option__button-label__text"
16598                    data-key="variant-option-text"
16599                  >Digital Files Only</span>
16600                
16601                
16602
16603
16604
16605              </label>
16606              <style data-shopify>
16607                [data-option-id="template-29971685966088__main-11984182051080-pick-up-the-deck-or-just-need-the-digital-files"] {
16608                  --variant-ch: 18.85em;
16609                }
16610              </style>
16611            
16612          </fieldset>
16612<script type="application/json">
16613        {"id":57914629390600,"title":"Physical Deck + Digital Files","option1":"Physical Deck + Digital Files","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":{"id":84573063577864,"product_id":11984182051080,"position":1,"created_at":"2026-05-25T11:14:41+01:00","updated_at":"2026-05-25T11:14:45+01:00","alt":null,"width":3000,"height":3000,"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085","variant_ids":[57914629390600,57914630799624]},"available":true,"name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online - Physical Deck + Digital Files","public_title":"Physical Deck + Digital Files","options":["Physical Deck + Digital Files"],"price":2400,"weight":205,"compare_at_price":null,"inventory_management":"shopify","barcode":"Custom Product","featured_media":{"alt":null,"id":69054526619912,"position":1,"preview_image":{"aspect_ratio":1.0,"height":3000,"width":3000,"src":"\/\/thechaosttrpg.com\/cdn\/shop\/files\/34955.jpg?v=1779704085"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
16614      </script>
16614
16615    </form>
16616  </variant-picker>
16617
16618
16619
16620
16621
16622
16623
16624
16625
16626
16627
16628
16629
16630
16631
16632
16633
16634<span
16635  class="buy-buttons-block buy-buttons-block--AMENlZ2dnQ1BPSXorZ__buy_buttons"
16636  
16637  
16638><product-form-component
16639      data-section-id="template--29971685966088__main"
16640      data-product-id="11984182051080"
16641      data-product-url="/products/the-chaos-card-deck-tabletop-roleplaying-game"
16642      on:submit="/handleSubmit"
16643      data-quantity-default="1"
16644      data-quantity-error-max="This item has a maximum of {{ maximum }}"
16645    >
16646      <div
16647        class="visually-hidden"
16648        aria-live="assertive"
16649        role="status"
16650        aria-atomic="true"
16651        ref="liveRegion"
16652      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--29971685966088__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
16653          type="hidden"
16654          name="id"
16655          ref="variantId"
16656          value="57914629390600"
16657        ><div
16658          class="product-form-buttons spacing-style"
16659          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
16660          ref="productFormButtons"
16661        ><span
16662              class="product-form-text__error hidden"
16663              ref="addToCartTextError"
16664            >
16665              <span class="svg-wrapper"><svg aria-hidden="true" class="icon icon-error" viewBox="0 0 13 13">
16666  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
16667  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
16668  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
16669  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
16670</svg>
16671</span>
16672            </span>
16673
16674
16675<div
16676  class="quantity-selector-wrapper"
16677  ref="quantitySelectorWrapper"
16678>
16679  <quantity-selector-component
16680    class="quantity-selector"
16681    data-variant-id="57914629390600"
16682    
16683ref="quantitySelector"
16684    
16685  >
16686    <button
16687      class="button quantity-minus button-unstyled"
16688      type="button"
16689      name="minus"
16690      on:click="/decreaseQuantity"
16691      ref="minusButton"
16692      
16693    >
16694      <span class="visually-hidden">Decrease quantity</span
16695      ><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">
16696  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
16697</svg>
16698</span>
16699    </button>
16700    <input
16701      type="number"
16702      name="quantity"
16703      value="1"
16704      data-cart-quantity="0"
16705      min="1"
16706      data-min="1"
16707      on:blur="/setQuantity"
16708      on:focus="/selectInputValue"
16709      ref="quantityInput"
16710      aria-live="polite"
16711      aria-label="Quantity"
16712      
16713      
16714      step="1"
16715      
16716    >
16717    <button
16718      class="button quantity-plus button-unstyled"
16719      type="button"
16720      name="plus"
16721      on:click="/increaseQuantity"
16722      ref="plusButton"
16723      
16724    >
16725      <span class="visually-hidden">Increase quantity</span
16726      ><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">
16727  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
16728  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
16729</svg>
16730</span>
16731    </button>
16732  </quantity-selector-component></div>
16733
16734
16735
16736
16737
16738
16739
16740
16741
16742
16743
16744
16745
16746
16747
16748
16749
16750
16751
16752
16753
16754
16755<span
16756  
16757  style="--add-to-cart-font-case: ;"
16758>
16759  <add-to-cart-component
16760  ref="addToCartButtonContainer"
16761  data-product-variant-media="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&width=100"
16762  data-add-to-cart-animation="true"
16763>
16764  <button
16765    
16766      id="BuyButtons-ProductSubmitButton-AdkdIallUanBCMUlyS__add-to-cart"
16767    
16768    type="submit"
16769    name="add"
16770    ref="addToCartButton"
16771    on:click="/handleClick"
16772    class="button add-to-cart-button button button--AdkdIallUanBCMUlyS__add-to-cart"
16773    
16774      data-testid="standalone-add-to-cart"
16775    
16776    
16777  >
16778    
16779      <span
16780        aria-hidden="true"
16781        class="svg-wrapper add-to-cart-icon"
16782      ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
16783</span>
16784    
16785Add to cart
16786    <span class="add-to-cart__added">
16787      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
16788  <g class="check">
16789    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16790    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16791  </g>
16792  <g class="burst">
16793    <g style="--index: 0;">
16794      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16795    </g>
16796    <g style="--index: 1;">
16797      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16798    </g>
16799    <g style="--index: 2;">
16800      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16801    </g>
16802    <g style="--index: 3;">
16803      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16804    </g>
16805    <g style="--index: 4;">
16806      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16807    </g>
16808    <g style="--index: 5;">
16809      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16810    </g>
16811    <g style="--index: 6;">
16812      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16813    </g>
16814    <g style="--index: 7;">
16815      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16816    </g>
16817  </g>
16818</svg>
16819</span>
16820    </span>
16821  </button>
16822</add-to-cart-component>
16823
16824</span>
16825
16826
16827
16828
16829          
16830
16831
16832
16833
16834
16835  <div
16836    class="accelerated-checkout-block"
16837    ref="acceleratedCheckoutButtonContainer"
16838    
16839    
16840    
16841  >
16842    
16843  
16844    <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:102745833736,&quot;merchantName&quot;:&quot;The Chaos TTRPG | Venger&#39;s Decks&quot;,&quot;personalized&quot;:true}}" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="32c1dc9525c65e4fa7c1deafe73b7812" buyer-country="US" buyer-locale="en" buyer-currency="USD" variant-params="[{&quot;id&quot;:57914629390600,&quot;requiresShipping&quot;:true},{&quot;id&quot;:57914630799624,&quot;requiresShipping&quot;:false}]" shop-id="102745833736" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true">&nbsp;</div> </shopify-accelerated-checkout> <small id="shopify-buyer-consent" data-consent-type="managed-markets-v2"> By placing your order you agree to purchase from Global-e as the merchant of record, subject to Global-e’s <span id="shopify-managed-markets-terms-and-conditions-button">Terms and Conditions</span> and <span id="shopify-managed-markets-privacy-policy-button">Privacy Policy</span>, and share your information with The Chaos TTRPG | Venger&#39;s Decks. </small> </div>
16845  
16846
16847  </div>
16848
16849
16850
16851
16852
16853
16854
16855        </div><input type="hidden" name="product-id" value="11984182051080" /><input type="hidden" name="section-id" value="template--29971685966088__main" /></form></product-form-component></span>
16856
16857
16858
16859
16860
16861
16862
16863
16864
16865<div
16866  class="divider divider-AUUdlS1RKaGRkSTcyW__divider spacing-style"
16867  style="
16868    --divider-justify-content: center;
16869    
16870    --padding-block-start: 0px;--padding-block-end: 0px;
16871  "
16872  
16873
16874>
16875  <span
16876    class="divider__line"
16877    style="
16878      --divider-border-thickness: 1.5px;
16879      
16880        --divider-border-rounded: 0;
16881      
16882      --divider-flex-basis: 100%;
16883    "
16884  ></span>
16885</div>
16886
16887
16888
16889
16890
16891
16892
16893
16894
16895
16896
16897
16898
16899
16900
16901
16902
16903
16904
16905  <div class=" spacing-style text-block text-block--AK2xMdlZQb3ljQVp1Z__text custom    text-block--align-left custom-typography  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;    --font-weight: var(--font-primary--weight);--font-family: var(--font-primary--family);    --text-transform: none;    --text-wrap: pretty;          --line-height--display: var(--line-height--display-normal);      --line-height--heading: var(--line-height--heading-normal);      --line-height--body: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing---normal);        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
16906    <p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>One complete fantasy RPG. One deck of cards. Infinite chaos!</strong></p>
16907<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><em>The Chaos is a card-based tabletop roleplaying game built for old school adventurers who'd rather be rolling than reading rulebooks. Solo or group play. Zero prep. Pull it from your pocket and watch the chaos unfold!</em></p>
16908<p style="text-align: center;"><span style="color: #ec6565;"><em>"Old school inspired, chaos guaranteed. We playtested this and it's exactly what a rules-light RPG should be!"</em></span><strong><span style="color: #ec6565;"><em> - James Devlin, GM</em></span></strong><strong><span style="color: #ec6565;"><em></em></span></strong><strong><span style="color: #ec6565;"><em></em></span></strong></p>
16909<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">In every session, your character or party will begin in<span> </span></span><em><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">The Keep</span></em><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">, head out on an adventure in <em>The Realm</em>, and if you survive, at the end of the session will return to<span> </span></span><em><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">The Keep</span></em><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">, ready to explore another day. So this way, using this old school inspired, rules-light system built for stand-alone sessions, everyone can pop in and out of the game whenever they're available and feel up for adventure. Easy peasy. Just sort a pool of players &amp; GMs or grab your journal, and head out into the wild!</span></p>
16910<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Not sure yet? The full rules are free online. Try a session before you spend a penny. Or use the drop-down and select to get the <em>Digital Files Only</em>
16910.</p>
16911<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]">
16912<strong></strong><br>
16913</h2>
16914<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>WHAT'S IN THE DECK?</strong></h2>
16915<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Everything you need to run a full one-shot session, or the seeds of a longer campaign, is right here in your hands. No three-hundred-page manual. Just a tarot-sized deck of cards.</p>
16916<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Your game deck contains:</p>
16917<ul>
16918<li>
16919<em>Group &amp; Solo Rules</em> - everything you need to understand the system</li>
16920<li>
16921<em>Character Creation </em>- roll up a character in minutes</li>
16922<li>
16923<em>Session Stuff</em> - all the building blocks you need for a cracking session</li>
16924<li><span style="font-size: 0.875rem;"><em>Creature Creation</em> - generate monsters on the fly with minimum effort</span></li>
16925<li><span style="font-size: 0.875rem;"><em>Curiosities</em> - random spark tables to inspire your sessions</span></li>
16926</ul>
16927<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]">
16928<strong></strong><br>
16929</h2>
16930<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>WHAT YOU ALSO GET</strong></h2>
16931<p><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span>When you order, you'll get immediate access to:</span></span></p>
16932<ul>
16933<li><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span>the game deck pdf</span></span></li>
16934<li><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span>a barebones, lighter pdf</span></span></li>
16935<li><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span>a printable character sheet to use at the table</span></span></li>
16936<li><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span>a fillable character sheet for online play</span></span></li>
16937<li><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span><em>Them Bleedin' Woods</em> - cracking two-page adventure</span></span></li>
16938<li><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span>a quickstart cheat sheet</span></span></li>
16939<li>
16940<span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span>some generic, 8k HD classic old school battle maps for the setting, more of which you can <a rel="noopener noreferrer" title="Free Classic Battlemaps Old School" href="https://thechaosttrpg.com/products/the-chaos-ttrpg-free-battlemap-pack" target="_blank">pick up for free here</a></span></span><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span></span></span>
16941</li>
16942</ul>
16943<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong><img src="https://cdn.shopify.com/s/files/1/1027/4583/3736/files/the-chaos-ttrpg-dungeon.jpg?v=1772037599" alt="The Chaos TTRPG dungeon battlemap — card deck tabletop roleplaying game"></strong></h2>
16944<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><em><span style="color: #ec6565;">"This is literally the most accessible OSR rpg in a deck! You can build a character in a couple of minutes! The questions it asks instantly start to add detail to your character. It's nicely laid out, beautifully designed, very nifty monster builder...Highly recommended if you're thinking about getting it, plus I can see this being the key to a 
16944surprisingly good, long campaign, narrative driven, simple mechanics! Love it."</span></em><em><span style="color: #ec6565;"> -</span></em><strong><em><span style="color: #ec6565;"> Pete Lankston, YT</span></em></strong><br></p>
16945<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>WHO'S THIS FOR?</strong></h2>
16946<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">If any of these land, this deck belongs in your pocket, and at your table:</p>
16947<ul>
16948<li>You want a rules-light fantasy RPG you can learn in minutes and play in an evening</li>
16949<li>You've been looking for a solo TTRPG that actually feels like a proper adventure</li>
16950<li>You run games and want something for zero-prep one-shots when your players show up and you've got nothing</li>
16951<li>You're tired of cracking open a different sourcebook every time someone asks what's in the dungeon</li>
16952<li>You want a card-based RPG that fits in your pocket and works anywhere</li>
16953</ul>
16954<p style="text-align: center;"> </p>
16955<p style="text-align: center;"><span style="color: #ec6565;"><em>"Told my group we were trying something new. Twenty minutes in, our rascal had accidentally started a cult. He'd rolled badly on a traits check and basically a bunch of randoms in town clocked him as some sort of radical revolutionary. The empath in the group decided the best response was to burn down the tavern and blame it on the rascal and ruin his rep. By the end of the session, the cult was still going, the tavern was ash, and the party's now this feared crime family in town. We'd been going for two hours. I had nothing prepared. Genuinely don't know how it ended up like that, but it was so much fun!! We're playing again next Saturday, so who knows what will happen!" - <strong>early playtester of the game</strong></em></span></p>
16956<p style="text-align: center;"><span style="color: rgb(0, 0, 0);"><em><strong>____________________________________________</strong></em></span></p>
16957<p style="text-align: center;"><span style="color: #ec6565;"><em>"Received both decks in the mail and everything is fantastic! My gaming group is very impressed with the quality of the materials and content in the cards. We’ve been playing together for almost 40 years and this is one of the coolest products we’ve seen in a while. We are all primarily old school D&amp;D 1st-5th edition players, but have played just about every sort of system under the Sun. I just wanted to encourage you and your company, it’s great to see creators making unique and usable products like this. This weekend will be our first tryout session and learning the game. The website and generators are outstanding and have made that job so much easier in preparation."<strong> - Todd Lofton</strong></em></span></p>
16958<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]">
16959<strong></strong><br>
16960</h2>
16961<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>PHYSICAL DECK vs FREE RULES</strong></h2>
16962<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The full rules for <em>The Chaos </em>live on this site, free, always. So why get the deck?</p>
16963<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Because there's a difference between having the rules on your phone and <em>slapping a deck of cards on the table</em>. The physical deck is a conversation starter, a quick spark in your hands, and a game system all at once. Hand your players the character creation cards. Lay out the sections you need. Shuffle the curiosities cards and spark your imagination.</p>
16964<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The deck is also the most portable version of the game. No phone signal required, no scrolling, no dead batteries mid-session. Just whip the deck from your pocket or bag, wherever you are, and kick off a session right there!</p>
16965<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Let's be honest, there's nowt like holding the deck in your hands and unleashing chaos at your table in meat space!</p>
16966<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"> </p>
16967<p style="text-align: center;" class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span style="color: #ec6565;"><em>"The core appeal of The Chaos lies in its extreme portability and accessibility. Built for both solo and group play, the system eschews sprawling manuals in favour of a single, tarot-sized deck. It provides mechanics for character creation, session generation, and on-the-fly monster encounters. Players begin in The Keep, venture into The Realm, and return if they survive; a structural loop that deliberately accommodates fluctuating player counts and impromptu gathering. Early reception highlights the unpredictable narrative generation driven by the deck’s spark tables. [For] players fatigued by heavy sourcebooks and extensive session prep."</em></span></span><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span style="color: #ec6565;"><em> </em></span></span><strong><span class="a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"><span><span style="color: #ec6565;"><em>- Geek Native</em></span></span></span></strong></p>
16968<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]">
16969<strong></strong><br>
16970</h2>
16971<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>WORKS WITH VENGER'S DECKS</strong></h2>
16972<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Already got some of the <em>Venger's Decks</em> encounter cards or battle maps? <em>The Chaos </em>slots right in. The systems are designed to play nicely together. Stack encounter decks, add <em>The Crit</em> for critical hit drama, lay out <em>The Caverns</em> modular map tiles or <em>The Snap</em>
16972 deck of dungeon geomorphs, and you've got a full session without touching a laptop.</p>
16973<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"> </p>
16974<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><img src="https://cdn.shopify.com/s/files/1/1027/4583/3736/files/village-of-cragfalls-the-chaos-ttrpg.jpg?v=1773397937" alt="Vintage old school village battle map scene for The Chaos card deck tabletop roleplaying game"></p>
16975<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]">
16976<strong></strong><br>
16977</h2>
16978<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>FREQUENTLY ASKED QUESTIONS</strong></h2>
16979<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>Do I need to know how to play TTRPGs to use this?</strong> It helps to have some experience, but <em>The Chaos</em> is designed to be as approachable as old school RPGs get. If you've played any tabletop RPG before, you'll be up and running quickly. If you haven't, the free rules online are a good place to start before you commit.</p>
16980<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>Is this a standalone game or an expansion?</strong> Fully standalone. <em>The Chaos</em> is a complete tabletop RPG in one deck. You don't need any other system or rulebook. That said, it blends well with <em>Venger's Decks </em>or any other OSR systems you like.</p>
16981<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>Can I really play it solo?</strong> Yes. The solo rules are built into the game. <em>The Chaos </em>works as a proper solo TTRPG, not just a single-player afterthought.</p>
16982<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>What do I need besides the deck?</strong> A few friends (or not if you're solo), some d6 dice, something to write on, and a willingness to let things go sideways. The chaos takes care of the rest!</p>
16983<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>How small is the text on the cards?</strong><br>The deck is tarot-sized, so the text is compact to fit everything on the cards, similar to what you'd see on a lot of card games. Every order also includes the digital PDFs, so if you'd rather have something you can zoom in on, that's included as standard, and of course all the game's also laid out here on the site.<strong></strong></p>
16984<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]">
16985<strong></strong><br>
16986</h2>
16987<h2 class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>READY TO ROLL?</strong></h2>
16988<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The chaos isn't going to unleash itself!</p>
16989<center>
16990<div id="product-component-1780152010781"></div>
16991<script type="text/javascript">// <![CDATA[
16992(function () {
16993  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
16994  if (window.ShopifyBuy) {
16995    if (window.ShopifyBuy.UI) {
16996      ShopifyBuyInit();
16997    } else {
16998      loadScript();
16999    }
17000  } else {
17001    loadScript();
17002  }
17003  function loadScript() {
17004    var script = document.createElement('script');
17005    script.async = true;
17006    script.src = scriptURL;
17007    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
17008    script.onload = ShopifyBuyInit;
17009  }
17010  function ShopifyBuyInit() {
17011    var client = ShopifyBuy.buildClient({
17012      domain: 'zre0ye-0j.myshopify.com',
17013      storefrontAccessToken: 'cd9406906781fd034f8c2af06ebfa0ba',
17014    });
17015    ShopifyBuy.UI.onReady(client).then(function (ui) {
17016      ui.createComponent('product', {
17017        id: '11984182051080',
17018        node: document.getElementById('product-component-1780152010781'),
17019        moneyFormat: '%C2%A3%7B%7Bamount%7D%7D',
17020        options: {
17021  "product": {
17022    "styles": {
17023      "product": {
17024        "@media (min-width: 601px)": {
17025          "max-width": "calc(25% - 20px)",
17026          "margin-left": "20px",
17027          "margin-bottom": "50px"
17028        }
17029      },
17030      "button": {
17031        ":hover": {
17032          "background-color": "#000000"
17033        },
17034        "background-color": "#000000",
17035        ":focus": {
17036          "background-color": "#000000"
17037        }
17038      }
17039    },
17040    "contents": {
17041      "img": false,
17042      "title": false,
17043      "price": false
17044    },
17045    "text": {
17046      "button": "GRAB YOUR DECK"
17047    }
17048  },
17049  "productSet": {
17050    "styles": {
17051      "products": {
17052        "@media (min-width: 601px)": {
17053          "margin-left": "-20px"
17054        }
17055      }
17056    }
17057  },
17058  "modalProduct": {
17059    "contents": {
17060      "img": false,
17061      "imgWithCarousel": true,
17062      "button": false,
17063      "buttonWithQuantity": true
17064    },
17065    "styles": {
17066      "product": {
17067        "@media (min-width: 601px)": {
17068          "max-width": "100%",
17069          "margin-left": "0px",
17070          "margin-bottom": "0px"
17071        }
17072      },
17073      "button": {
17074        ":hover": {
17075          "background-color": "#000000"
17076        },
17077        "background-color": "#000000",
17078        ":focus": {
17079          "background-color": "#000000"
17080        }
17081      }
17082    },
17083    "text": {
17084      "button": "Add to cart"
17085    }
17086  },
17087  "option": {},
17088  "cart": {
17089    "styles": {
17090      "button": {
17091        ":hover": {
17092          "background-color": "#000000"
17093        },
17094        "background-color": "#000000",
17095        ":focus": {
17096          "background-color": "#000000"
17097        }
17098      }
17099    },
17100    "text": {
17101      "total": "Subtotal",
17102      "button": "Checkout"
17103    }
17104  },
17105  "toggle": {
17106    "styles": {
17107      "toggle": {
17108        "background-color": "#000000",
17109        ":hover": {
17110          "background-color": "#000000"
17111        },
17112        ":focus": {
17113          "background-color": "#000000"
17114        }
17115      }
17116    }
17117  }
17118},
17119      });
17120    });
17121  }
17122})();
17123// ]]></script>
17123
17124</center>
17125  </div>
17126
17127
17128
17129
17130
17131
17132
17133  </div>
17134</div>
17135
17136
17137
17138</div>
17139
17140
17141
17142
17143
17144
17145      
17146    
17147  </product-component>
17148
17149  
17150  <div id="shopify-block-AT0c5dzFibTZpTFJFe__judge_me_reviews_preview_badge_GUrh8k" class="shopify-block shopify-app-block">
17151<div class='jdgm-widget jdgm-preview-badge'
17152    data-id='11984182051080'
17153    data-template='manual-installation'>
17154  <div style='display:none' class='jdgm-prev-badge' data-average-rating='4.78' data-number-of-reviews='9' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.78' tabindex='0' aria-label='4.78 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 9 reviews </span> </div>
17155</div>
17156
17157
17158
17159
17160</div>
17161
17162</div>
17163
17164
17165
17166
17167
17168
17169
17170</div><div id="shopify-section-template--29971685966088__178429725643002c56" class="shopify-section section-wrapper">
17171
17172
17173
17174
17175
17176
17177
17178
17179
17180
17181
17182
17183
17184<div class="section-background color-custom-template--29971685966088__178429725643002c56"></div>
17185<div
17186  class="section section--page-width color-custom-template--29971685966088__178429725643002c56"
17187  data-testid="ui-test-section"
17188
17189  
17190
17191  style="
17192    
17193
17194    
17195  "
17196>
17197  <div class="custom-section-background">
17198    
17199
17200
17201
17202
17203
17204
17205  </div>
17206
17207  <div
17208    class="border-style custom-section-content"
17209    style="
17210--border-width: 1px; --border-style: none; --border-color:
17211rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
17212"
17213  >
17214    
17215
17216    <div
17217      class="
17218        spacing-style
17219        layout-panel-flex
17220        layout-panel-flex--column
17221        section-content-wrapper
17222         mobile-column
17223      "
17224      style="
17225        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
17226
17227--gap: 12px;
17228
17229--horizontal-alignment: flex-start; --vertical-alignment: center;
17230--vertical-alignment-mobile: center;
17231
17232        --padding-block-start: 0px;--padding-block-end: 0px;
17233      "
17234      data-testid="section-content"
17235    >
17236      
17237  <div id="shopify-block-AODFZY2V4d1FnOEhLb__judge_me_reviews_review_widget_99XiTQ" class="shopify-block shopify-app-block">
17238
17239
17240<div style='clear:both'></div>
17241<div id='judgeme_product_reviews'
17242    class='jdgm-widget jdgm-review-widget'
17243    data-product-title='The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online'
17244    data-id='11984182051080'
17245    data-product-id='11984182051080'
17246    data-widget="review"
17247    data-shop-reviews="true"
17248    data-shop-reviews-count="3"
17249    data-cart-eligible-template="false"
17250    data-shop-average-rating="4.80"
17251    data-shop-review-count="15"
17252    data-empty-state="empty_widget"
17253    data-entry-point="review_widget.js"
17254    data-entry-key="review-widget/main.js"
17255    data-block-id="AODFZY2V4d1FnOEhLb__judge_me_reviews_review_widget_99XiTQ"
17256    data-customer-logged-in="false"
17257    
17258    
17259    style='max-width: 1200px; margin: 0 auto;'>
17260
17261  
17262    
17263    
17264    
17265  
17266
17267  
17268</div>
17269
17270
17271<script class='jdgm-review-widget-data'>
17272  jdgm.data ||= {}; jdgm.data.reviewWidget ||= {};
17273  
17274  jdgm.data.reviewWidget[11984182051080] = {"number_of_reviews":9,"average_rating":"4.78","number_of_questions":0,"product_name":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","product_external_id":11984182051080,"product_coupons_enabled":true,"image_url":"https://cdn.shopify.com/s/files/1/1027/4583/3736/files/34955.jpg?v=1779704085","histogram":[{"rating":5,"frequency":7,"percentage":78,"extra_class":null},{"rating":4,"frequency":2,"percentage":22,"extra_class":null},{"rating":3,"frequency":0,"percentage":0,"extra_class":null},{"rating":2,"frequency":0,"percentage":0,"extra_class":null},{"rating":1,"frequency":0,"percentage":0,"extra_class":null}],"review_keywords":null,"product_medals":[],"custom_form_filters_and_averages":null,"photo_gallery":null,"review_summary_text":"Based on 9 reviews","ai_summary_text":"","sort_key":"created_at","multi_language_sorting_enabled":false,"metafield_updated_at":"2026-08-06T18:49:00Z","reviews":[{"uuid":"e7c48c88-d44f-43be-8e01-0da78d0e5f02","title":"","rating":5,"body_html":"","body":"","verified_buyer":true,"created_at":"2026-08-06T17:40:51.107Z","reviewer_name":"Anonymous","reviewer_initial":"A","is_anonymous_reviewer":true,"cf_answers":[],"reply_content":"<p>Thanks - hope you're having fun with it!<\/p>","pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","encoded_product_id":"DLjjm8jm","encoded_shop_id":"NgZkdEPD","is_shopify_lite":false,"product_url":"/products/the-chaos-card-deck-tabletop-roleplaying-game","product_url_with_utm":"https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":1,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"The Chaos TTRPG | Venger's Decks","transparency_badges":["review_collected_via_store_invitation"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/1027/4583/3736/files/34955.jpg?v=1779704085","is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"9e365067-e54d-4514-98d1-f114022c09ea","title":"Favorite system for solo playing, so far!","rating":5,"body_html":"<p>Love this game. It's exactly what I was looking for! As a solo ttrpg hobbiest, this game was ideal for my needs. Simple enough to be quick to learn, but complex enough to prompt rich atmosphere and imagination!  The character suggestions of rolling for a \"failed career,\" \"chains,\" \"discords.\" etc. made my characters come alive for me.  I also liked the structure of \"The Realm\" and the way time tracking is set up -- perfect for those of us with busy lives and schedules.  And these mechanics keep the action in the game fresh and moving.  The only thing that was difficult for me was that, though I love physical cards,  the print on the cards is very tiny. However, the game package included nice pdfs that I can, zoom, read, and mark up at my leisure.  I really enjoyed the starter adventure that came with The Chaos.  My first play-through was fun, and I've already planned my second adventure. Also, this system is working well with my other solo/GM tools.<\/p>","body":"Love this game. It's exactly what I was looking for! As a solo ttrpg hobbiest, this game was ideal for my needs. Simple enough to be quick to learn, but complex enough to prompt rich atmosphere and imagination!  The character suggestions of rolling for a \"failed career,\" \"chains,\" \"discords.\" etc. made my characters come alive for me.  I also liked the structure of \"The Realm\" and the way time tracking is set up -- perfect for those of us with busy lives and schedules.  And these mechanics keep the action in the game fresh and moving.  The only thing that was difficult for me was that, though I love physical cards,  the print on the cards is very tiny. However, the game package included nice pdfs that I can, zoom, read, and mark up at my leisure.  I really enjoyed the starter adventure that came with The Chaos.  My first play-through was fun, and I've already planned my second adventure. Also, this system is working well with my other solo/GM tools.","verified_buyer":true,"created_at":"2026-07-29T21:28:29.010Z","reviewer_name":"Arielle Finberg","reviewer_initial":"A","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":"<p>Music to my ears - I'm delighted you're having fun with it. Thanks so much for your feedback!<\/p>","pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","encoded_product_id":"DLjjm8jm","encoded_shop_id":"NgZkdEPD","is_shopify_lite":false,"product_url":"/products/the-chaos-card-deck-tabletop-roleplaying-game","product_url_with_utm":"https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":6,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"The Chaos TTRPG | Venger's Decks","transparency_badges":["review_collected_via_store_invitation"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/1027/4583/3736/files/34955.jpg?v=1779704085","is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"60cc14ab-a67b-4af0-b565-841027a0f4cf","title":"","rating":4,"body_html":"","body":"","verified_buyer":true,"created_at":"2026-07-28T09:48:27.599Z","reviewer_name":"Anonymous","reviewer_initial":"A","is_anonymous_reviewer":true,"cf_answers":[],"reply_content":"<p>Thank you so much!<\/p>","pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","encoded_product_id":"DLjjm8jm","encoded_shop_id":"NgZkdEPD","is_shopify_lite":false,"product_url":"/products/the-chaos-card-deck-tabletop-roleplaying-game","product_url_with_utm":"https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":6,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"The Chaos TTRPG | Venger's Decks","transparency_badges":["review_collected_via_store_invitation"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/1027/4583/3736/files/34955.jpg?v=1779704085","is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"fa81039d-0e66-5810-8a69-1356d3f986e6","title":"","rating":5,"body_html":"<p>Nice interaction with seller. Fast delivery. No issues at all. Now it is time to enjoy the game. \n<br />Thanks.<\/p>","body":"Nice interaction with seller. Fast delivery. No issues at all. Now it is time to enjoy the game. \nThanks.","verified_buyer":true,"created_at":"2026-07-26T16:25:36.000Z","reviewer_name":"Marc","reviewer_initial":"M","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":"<p>Thanks so much - really hope you have fun with it, and be sure to let me know if you've any questions!<\/p>","pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":"shop-app","product_title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","encoded_product_id":"DLjjm8jm","encoded_shop_id":"NgZkdEPD","is_shopify_lite":false,"product_url":"/products/the-chaos-card-deck-tabletop-roleplaying-game","product_url_with_utm":"https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":2,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"The Chaos TTRPG | Venger's Decks","transparency_badges":["review_written_in_shop_app"],"language":"en","is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/1027/4583/3736/files/34955.jpg?v=1779704085","is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"d599f1c0-352e-4d6e-8083-7d20338093c5","title":"Cheers! Great job man! Keep you the good","rating":5,"body_html":"<p>Cheers! Great job man! Keep you the good work!<\/p>","body":"Cheers! Great job man! Keep you the good work!","verified_buyer":true,"created_at":"2026-07-23T14:24:41.076Z","reviewer_name":"Watkins","reviewer_initial":"W","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":"<p>Awesome thanks - I'll do my best! :)<\/p>","pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online","encoded_product_id":"DLjjm8jm","encoded_shop_id":"NgZkdEPD","is_shopify_lite":false,"product_url":"/products/the-chaos-card-deck-tabletop-roleplaying-game","product_url_with_utm":"https://thechaosttrpg.com/products/the-chaos-card-deck-tabletop-roleplaying-game?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":4,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"The Chaos TTRPG | Venger's Decks","transparency_badges":["review_collected_via_store_invitation"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/1027/4583/3736/files/34955.jpg?v=1779704085","is_for_product_from_bundle":false,"product_title_localized":null}],"pagination":{"total_pages":2,"current_page":1,"per_page":5}}
17275</script>
17275
17276
17277
17278
17279
17280
17281
17282
17283</div>
17284
17285    </div>
17286  </div>
17287</div>
17288
17289
17290
17291
17292
17293</div>
17294      </main>
17295
17296      <footer>
17297        <!-- BEGIN sections: footer-group -->
17298<div id="shopify-section-sections--29971686031624__blocks_UJwCJz" class="shopify-section shopify-section-group-footer-group section-wrapper">
17299
17300
17301
17302
17303
17304
17305
17306
17307
17308
17309
17310  <style data-shopify>
17311    .color-custom-sections--29971686031624__blocks_UJwCJz,
17312    .color-custom-sections--29971686031624__blocks_UJwCJz .text-block {
17313      /* Background */
17314      --color-background: #ffffff;
17315      --color-background-rgb: 255 255 255;
17316
17317      /* Opacity values adjusted for background brightness */
17318      
17319--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
173200.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
17321
17322
17323      
17324        /* Foreground / text — explicit or smart-contrasted */
17325        --color: #000000;
17326        --color-rgb: 0 0 0;
17327        --color-foreground: #000000;
17328        --color-foreground-rgb: 0 0 0;
17329        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
17330        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
17331        --color-border: var(--palette-darkest);
17332        --color-border-rgb: var(--palette-darkest-rgb);
17333      
17334    }
17335
17336    
17337      .color-custom-sections--29971686031624__blocks_UJwCJz {
17338        /* Form-related tokens stay on .color-custom only — .text-block is a prose
17339           container (text/announcement/inline-text/blog-post-description/
17340           collection-link/price/sku) and never holds form inputs. */
17341        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
17342        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
17343        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
17344        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
17345      }
17346    
17347
17348    .color-custom-sections--29971686031624__blocks_UJwCJz {
17349      color: var(--color, var(--color-foreground));
17350      background-color: var(--color-background);
17351    }
17352  </style>
17353
17354
17355
17356<div class="section-background color-custom-sections--29971686031624__blocks_UJwCJz"></div>
17357<div
17358  class="section section--page-width color-custom-sections--29971686031624__blocks_UJwCJz"
17359  data-testid="ui-test-section"
17360
17361  
17362
17363  style="
17364    
17365
17366    
17367  "
17368>
17369  <div class="custom-section-background">
17370    
17371
17372
17373
17374
17375
17376
17377  </div>
17378
17379  <div
17380    class="border-style custom-section-content"
17381    style="
17382--border-width: 1px; --border-style: none; --border-color:
17383rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
17384"
17385  >
17386    
17387
17388    <div
17389      class="
17390        spacing-style
17391        layout-panel-flex
17392        layout-panel-flex--row
17393        section-content-wrapper
17394         mobile-column
17395      "
17396      style="
17397        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
17398
17399--gap: 12px;
17400
17401--horizontal-alignment: center; --vertical-alignment: center;
17402--vertical-alignment-mobile: center;
17403
17404        --padding-block-start: 0px;--padding-block-end: 0px;
17405      "
17406      data-testid="section-content"
17407    >
17408      
17409  
17410
17411
17412<style data-shopify>
17413  .ai-dark-mode-toggle-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17414    position: fixed;
17415    
17416      right: 0px;
17417      
17418        bottom: 100px;
17419      
17420      z-index: 1000;
17421    
17422    display: block;
17423    width: 10%;
17424  }
17425
17426  .ai-dark-mode-toggle__button-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17427    width: 40px;
17428    height: 40px;
17429    border-radius: 25px;
17430    background-color: #ffffff;
17431    border: 3px solid #000000;
17432    cursor: pointer;
17433    display: flex;
17434    align-items: center;
17435    justify-content: center;
17436    transition: all 0.3s ease;
17437    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
17438  }
17439
17440  .ai-dark-mode-toggle__button-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k:hover {
17441    background-color: #f5f5f5;
17442    transform: scale(1.05);
17443  }
17444
17445  .ai-dark-mode-toggle__icon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17446    width: calc(40px * 0.5);
17447    height: calc(40px * 0.5);
17448    transition: all 0.3s ease;
17449  }
17450
17451  .ai-dark-mode-toggle__icon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k svg {
17452    width: 100%;
17453    height: 100%;
17454    fill: #000000;
17455  }
17456
17457  .ai-dark-mode-toggle__sun-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17458    display: block;
17459  }
17460
17461  .ai-dark-mode-toggle__moon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17462    display: none;
17463  }
17464
17465  body.dark-mode-active .ai-dark-mode-toggle__sun-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17466    display: none;
17467  }
17468
17469  body.dark-mode-active .ai-dark-mode-toggle__moon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17470    display: block;
17471  }
17472
17473  body.dark-mode-active {
17474    background-color: #000000 !important;
17475    color: #ffffff !important;
17476  }
17477
17478  body.dark-mode-active h1,
17479  body.dark-mode-active h2,
17480  body.dark-mode-active h3,
17481  body.dark-mode-active h4,
17482  body.dark-mode-active h5,
17483  body.dark-mode-active h6,
17484  body.dark-mode-active p,
17485  body.dark-mode-active span,
17486  body.dark-mode-active a,
17487  body.dark-mode-active li,
17488  body.dark-mode-active label,
17489  body.dark-mode-active div:not(.ai-dark-mode-toggle-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k):not([class*="image"]):not([class*="media"]):not([class*="picture"]) {
17490    color: #ffffff !important;
17491  }
17492
17493  body.dark-mode-active section,
17494  body.dark-mode-active header,
17495  body.dark-mode-active footer,
17496  body.dark-mode-active nav,
17497  body.dark-mode-active article,
17498  body.dark-mode-active aside,
17499  body.dark-mode-active main {
17500    background-color: #000000 !important;
17501  }
17502
17503  body.dark-mode-active img,
17504  body.dark-mode-active picture,
17505  body.dark-mode-active video,
17506  body.dark-mode-active svg:not(.ai-dark-mode-toggle__icon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k svg),
17507  body.dark-mode-active canvas {
17508    filter: none !important;
17509    opacity: 1 !important;
17510  }
17511
17512  @media screen and (max-width: 749px) {
17513    .ai-dark-mode-toggle__button-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k {
17514      width: 32.0px;
17515      height: 32.0px;
17516    }
17517  }
17518</style>
17519
17520<dark-mode-toggle-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k
17521  class="ai-dark-mode-toggle-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k"
17522  
17523>
17524  <button
17525    class="ai-dark-mode-toggle__button-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k"
17526    aria-label="Toggle dark mode"
17527    aria-pressed="false"
17528  >
17529    <span class="ai-dark-mode-toggle__icon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k ai-dark-mode-toggle__sun-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k">
17530      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
17531        <circle cx="12" cy="12" r="5"/>
17532        <line x1="12" y1="1" x2="12" y2="3"/>
17533        <line x1="12" y1="21" x2="12" y2="23"/>
17534        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
17535        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
17536        <line x1="1" y1="12" x2="3" y2="12"/>
17537        <line x1="21" y1="12" x2="23" y2="12"/>
17538        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
17539        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
17540      </svg>
17541    </span>
17542    <span class="ai-dark-mode-toggle__icon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k ai-dark-mode-toggle__moon-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k">
17543      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
17544        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
17545      </svg>
17546    </span>
17547  </button>
17548</dark-mode-toggle-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k>
17549
17550<script>
17551  (function() {
17552    class DarkModeToggleawe9avzj0cy9ql0lseaigenblock4619724m3tb9k extends HTMLElement {
17553      constructor() {
17554        super();
17555        this.button = null;
17556        this.storageKey = 'darkModePreference';
17557      }
17558
17559      connectedCallback() {
17560        this.button = this.querySelector('.ai-dark-mode-toggle__button-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k');
17561        this.loadPreference();
17562        this.setupEventListeners();
17563      }
17564
17565      setupEventListeners() {
17566        this.button.addEventListener('click', () => {
17567          this.toggleDarkMode();
17568        });
17569      }
17570
17571      loadPreference() {
17572        try {
17573          const savedPreference = localStorage.getItem(this.storageKey);
17574          if (savedPreference === 'dark') {
17575            this.enableDarkMode();
17576          } else {
17577            this.disableDarkMode();
17578          }
17579        } catch (error) {
17580          console.error('Error loading dark mode preference:', error);
17581        }
17582      }
17583
17584      toggleDarkMode() {
17585        const isDarkMode = document.body.classList.contains('dark-mode-active');
17586        if (isDarkMode) {
17587          this.disableDarkMode();
17588          this.savePreference('light');
17589        } else {
17590          this.enableDarkMode();
17591          this.savePreference('dark');
17592        }
17593      }
17594
17595      enableDarkMode() {
17596        document.body.classList.add('dark-mode-active');
17597        this.button.setAttribute('aria-pressed', 'true');
17598      }
17599
17600      disableDarkMode() {
17601        document.body.classList.remove('dark-mode-active');
17602        this.button.setAttribute('aria-pressed', 'false');
17603      }
17604
17605      savePreference(mode) {
17606        try {
17607          localStorage.setItem(this.storageKey, mode);
17608        } catch (error) {
17609          console.error('Error saving dark mode preference:', error);
17610        }
17611      }
17612    }
17613
17614    customElements.define('dark-mode-toggle-awe9avzj0cy9ql0lseaigenblock4619724m3tb9k', DarkModeToggleawe9avzj0cy9ql0lseaigenblock4619724m3tb9k);
17615  })();
17616</script>
17616
17617
17618
17619
17620
17621    </div>
17622  </div>
17623</div>
17624
17625
17626
17627
17628
17629</div><div id="shopify-section-sections--29971686031624__divider_xGUhq3" class="shopify-section shopify-section-group-footer-group">
17630
17631
17632
17633
17634
17635
17636
17637
17638
17639
17640  <style data-shopify>
17641    .color-custom-sections--29971686031624__divider_xGUhq3,
17642    .color-custom-sections--29971686031624__divider_xGUhq3 .text-block {
17643      /* Background */
17644      --color-background: #ffffff;
17645      --color-background-rgb: 255 255 255;
17646
17647      /* Opacity values adjusted for background brightness */
17648      
17649--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
176500.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
17651
17652
17653      
17654        /* Foreground / text — explicit or smart-contrasted */
17655        --color: #000000;
17656        --color-rgb: 0 0 0;
17657        --color-foreground: #000000;
17658        --color-foreground-rgb: 0 0 0;
17659        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
17660        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
17661        --color-border: var(--palette-darkest);
17662        --color-border-rgb: var(--palette-darkest-rgb);
17663      
17664    }
17665
17666    
17667      .color-custom-sections--29971686031624__divider_xGUhq3 {
17668        /* Form-related tokens stay on .color-custom only — .text-block is a prose
17669           container (text/announcement/inline-text/blog-post-description/
17670           collection-link/price/sku) and never holds form inputs. */
17671        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
17672        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
17673        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
17674        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
17675      }
17676    
17677
17678    .color-custom-sections--29971686031624__divider_xGUhq3 {
17679      color: var(--color, var(--color-foreground));
17680      background-color: var(--color-background);
17681    }
17682  </style>
17683
17684
17685
17686<div
17687  class="section-background color-custom-sections--29971686031624__divider_xGUhq3"
17688></div>
17689
17690<div
17691  class="section section--full-width color-custom-sections--29971686031624__divider_xGUhq3"
17692  data-testid="divider-sections--29971686031624__divider_xGUhq3"
17693>
17694  <div
17695  class="divider divider-sections--29971686031624__divider_xGUhq3 spacing-style"
17696  style="
17697    --divider-justify-content: center;
17698    
17699    --padding-block-start: 16px;--padding-block-end: 16px;
17700  "
17701  
17702
17703>
17704  <span
17705    class="divider__line"
17706    style="
17707      --divider-border-thickness: 1px;
17708      
17709      --divider-flex-basis: 100%;
17710    "
17711  ></span>
17712</div>
17713
17714
17715
17716</div>
17717
17718
17719</div><div id="shopify-section-sections--29971686031624__logo_Rpw4dD" class="shopify-section shopify-section-group-footer-group">
17720
17721
17722
17723
17724
17725
17726  <style data-shopify>
17727    .color-custom-sections--29971686031624__logo_Rpw4dD,
17728    .color-custom-sections--29971686031624__logo_Rpw4dD .text-block {
17729      /* Background */
17730      --color-background: #e1e1e1;
17731      --color-background-rgb: 225 225 225;
17732
17733      /* Opacity values adjusted for background brightness */
17734      
17735--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
177360.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
17737
17738
17739      
17740        /* Foreground / text — explicit or smart-contrasted */
17741        --color: #000000;
17742        --color-rgb: 0 0 0;
17743        --color-foreground: #000000;
17744        --color-foreground-rgb: 0 0 0;
17745        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
17746        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
17747        --color-border: var(--palette-darkest);
17748        --color-border-rgb: var(--palette-darkest-rgb);
17749      
17750    }
17751
17752    
17753      .color-custom-sections--29971686031624__logo_Rpw4dD {
17754        /* Form-related tokens stay on .color-custom only — .text-block is a prose
17755           container (text/announcement/inline-text/blog-post-description/
17756           collection-link/price/sku) and never holds form inputs. */
17757        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
17758        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
17759        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
17760        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
17761      }
17762    
17763
17764    .color-custom-sections--29971686031624__logo_Rpw4dD {
17765      color: var(--color, var(--color-foreground));
17766      background-color: var(--color-background);
17767    }
17768  </style>
17769
17770
17771<div
17772  class="section-background color-custom-sections--29971686031624__logo_Rpw4dD"
17773></div>
17774<div
17775  class="section section--page-width color-custom-sections--29971686031624__logo_Rpw4dD"
17776>
17777  <div
17778    class="
17779      logo-section
17780      logo-section--center
17781      spacing-style
17782    "
17783    style="
17784      
17785        --logo-width: 100%;
17786      
17787
17788      
17789      --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));
17790    "
17791    
17792  >
17793    
17794      
17795
17796
17797
17798
17799  <jumbo-text 
17800  style="
17801    --font-family: var(--font-heading--family);
17802    --font-weight: var(--font-heading--weight);
17803    
17804      --color: var(--color-foreground);
17805    
17806    --text-align: left;
17807    
17808    --line-height: 1;
17809    --letter-spacing: -0.03em;
17810    --text-transform: none;
17811    --text-trim: trim-both cap text;
17812  "
17813  data-cap-text="true"
17814  
17815
17816    ><span class="jumbo-text-line">The Chaos TTRPG | Venger&#39;s Decks</span></jumbo-text
17817  >
17818
17819
17820<script
17821  src="//thechaosttrpg.com/cdn/shop/t/8/assets/jumbo-text.js?v=40893161465570559361786618382"
17822  type="module"
17823  async
17824></script>
17824
17825
17826
17827
17828    
17829  </div>
17830</div>
17831
17832
17833
17834
17835</div><div id="shopify-section-sections--29971686031624__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
17836
17837
17838
17839
17840
17841
17842  <style data-shopify>
17843    .color-custom-sections--29971686031624__utilities,
17844    .color-custom-sections--29971686031624__utilities .text-block {
17845      /* Background */
17846      --color-background: #e1e1e1;
17847      --color-background-rgb: 225 225 225;
17848
17849      /* Opacity values adjusted for background brightness */
17850      
17851--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
178520.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
17853
17854
17855      
17856        /* Foreground / text — explicit or smart-contrasted */
17857        --color: #000000;
17858        --color-rgb: 0 0 0;
17859        --color-foreground: #000000;
17860        --color-foreground-rgb: 0 0 0;
17861        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
17862        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
17863        --color-border: var(--palette-darkest);
17864        --color-border-rgb: var(--palette-darkest-rgb);
17865      
17866    }
17867
17868    
17869      .color-custom-sections--29971686031624__utilities {
17870        /* Form-related tokens stay on .color-custom only — .text-block is a prose
17871           container (text/announcement/inline-text/blog-post-description/
17872           collection-link/price/sku) and never holds form inputs. */
17873        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
17874        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
17875        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
17876        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
17877      }
17878    
17879
17880    .color-custom-sections--29971686031624__utilities {
17881      color: var(--color, var(--color-foreground));
17882      background-color: var(--color-background);
17883    }
17884  </style>
17885
17886
17887
17888<div
17889  class="section-background color-custom-sections--29971686031624__utilities"
17890></div>
17891<div
17892  class="section section--page-width color-custom-sections--29971686031624__utilities"
17893  
17894>
17895  <div
17896    class="utilities utilities--blocks-3 spacing-style"
17897    style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px)); --border-width: 1px; --gap: 24px;"
17898    data-testid="footer-utilities"
17899  >
17900    
17901<div
17902  class="social-icons__wrapper social-icons__wrapper--AV0dtVUR6WjFBYzRtT__social_links_UGFYWK"
17903  
17904>
17905  
17906  
17907
17908  
17909    
17910
17911    
17912    
17913      
17914        <div
17915          class="social-icons__icon-wrapper"
17916        >
17917          <a
17918            href="https://www.facebook.com/vengersdecks/"
17919            target="_blank"
17920            rel="noopener noreferrer"
17921            aria-label="Facebook"
17922            
17923          >
17924            <span class="social-icons__icon-label">Facebook</span>
17925            
17926              <svg
17927                class="social-icons__icon icon-default"
17928                aria-hidden="true"
17929                focusable="false"
17930                xmlns="http://www.w3.org/2000/svg"
17931                viewBox="0 0 20 20"
17932              >
17933
17934
17935<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>
17936            
17937          </a>
17938        </div>
17939      
17940    
17941  
17942    
17943
17944    
17945    
17946      
17947        <div
17948          class="social-icons__icon-wrapper"
17949        >
17950          <a
17951            href="https://www.instagram.com/vengersdecks"
17952            target="_blank"
17953            rel="noopener noreferrer"
17954            aria-label="Instagram"
17955            
17956          >
17957            <span class="social-icons__icon-label">Instagram</span>
17958            
17959              <svg
17960                class="social-icons__icon icon-default"
17961                aria-hidden="true"
17962                focusable="false"
17963                xmlns="http://www.w3.org/2000/svg"
17964                viewBox="0 0 20 20"
17965              >
17966
17967
17968<path
17969      fill-rule="evenodd"
17970      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"
17971      clip-rule="evenodd"
17972    /></svg>
17973            
17974          </a>
17975        </div>
17976      
17977    
17978  
17979    
17980
17981    
17982    
17983      
17984        <div
17985          class="social-icons__icon-wrapper"
17986        >
17987          <a
17988            href="https://www.youtube.com/@vengersdecks"
17989            target="_blank"
17990            rel="noopener noreferrer"
17991            aria-label="Youtube"
17992            
17993          >
17994            <span class="social-icons__icon-label">Youtube</span>
17995            
17996              <svg
17997                class="social-icons__icon icon-default"
17998                aria-hidden="true"
17999                focusable="false"
18000                xmlns="http://www.w3.org/2000/svg"
18001                viewBox="0 0 20 20"
18002              >
18003
18004
18005<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>
18006            
18007          </a>
18008        </div>
18009      
18010    
18011  
18012    
18013
18014    
18015    
18016      
18017        <div
18018          class="social-icons__icon-wrapper"
18019        >
18020          <a
18021            href="https://www.tiktok.com/@vengersdecks"
18022            target="_blank"
18023            rel="noopener noreferrer"
18024            aria-label="Tiktok"
18025            
18026          >
18027            <span class="social-icons__icon-label">Tiktok</span>
18028            
18029              <svg
18030                class="social-icons__icon icon-default"
18031                aria-hidden="true"
18032                focusable="false"
18033                xmlns="http://www.w3.org/2000/svg"
18034                viewBox="0 0 20 20"
18035              >
18036
18037
18038<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>
18039            
18040          </a>
18041        </div>
18042      
18043    
18044  
18045    
18046
18047    
18048    
18049  
18050    
18051
18052    
18053    
18054  
18055    
18056
18057    
18058    
18059  
18060    
18061
18062    
18063    
18064  
18065    
18066
18067    
18068    
18069  
18070    
18071
18072    
18073    
18074      
18075        <div
18076          class="social-icons__icon-wrapper"
18077        >
18078          <a
18079            href="https://uk.pinterest.com/VengersDecks"
18080            target="_blank"
18081            rel="noopener noreferrer"
18082            aria-label="Pinterest"
18083            
18084          >
18085            <span class="social-icons__icon-label">Pinterest</span>
18086            
18087              <svg
18088                class="social-icons__icon icon-default"
18089                aria-hidden="true"
18090                focusable="false"
18091                xmlns="http://www.w3.org/2000/svg"
18092                viewBox="0 0 20 20"
18093              >
18094
18095
18096<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
18097            
18098          </a>
18099        </div>
18100      
18101    
18102  
18103    
18104
18105    
18106    
18107  
18108    
18109
18110    
18111    
18112  
18113    
18114
18115    
18116    
18117      
18118        <div
18119          class="social-icons__icon-wrapper"
18120        >
18121          <a
18122            href="https://vengersdecks.com"
18123            target="_blank"
18124            rel="noopener noreferrer"
18125            aria-label="Vengersdecks"
18126            
18127          >
18128            <span class="social-icons__icon-label">Vengersdecks</span>
18129            
18130          </a>
18131        </div>
18132      
18133    
18134  
18135</div>
18136
18137
18138
18139
18140
18141
18142<div
18143  class="
18144    footer-utilities__group-copyright
18145    custom-typography
18146    custom-font-size
18147  "
18148  style="
18149    
18150--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
18151    
18152  "
18153  
18154>
18155  <span class="footer-utilities__text">
18156    &copy; 2026
18157    <a href="/" title="">The Chaos TTRPG | Venger&#39;s Decks</a></span>
18158</div>
18159
18160
18161
18162
18163
18164
18165  <anchored-popover-component
18166    data-hover-triggered="true"
18167  >
18168    <button
18169      class="policy-list-trigger button-unstyled"
18170      popovertarget="terms-policies-popover"
18171      popovertargetaction="toggle"
18172      ref="trigger"
18173      style="
18174        
18175--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
18176        
18177      "
18178      
18179    >
18180      Terms and Policies
18181    </button>
18182    <div
18183      class="terms-policies-popover color-custom-popover"
18184      id="terms-policies-popover"
18185      popover="auto"
18186      ref="popover"
18187    >
18188      <ul
18189        class="
18190          policy_list list-unstyled
18191          custom-typography
18192          custom-font-size
18193        "
18194      ><li>
18195              <a
18196                href="/policies/privacy-policy"
18197                class="footer-utilities__text"
18198              >Privacy policy</a>
18199            </li><li>
18200              <a
18201                href="/policies/contact-information"
18202                class="footer-utilities__text"
18203              >Contact information</a>
18204            </li><li>
18205              <a
18206                href="/policies/shipping-policy"
18207                class="footer-utilities__text"
18208              >Shipping policy</a>
18209            </li><li>
18210              <a
18211                href="/policies/terms-of-service"
18212                class="footer-utilities__text"
18213              >Terms of service</a>
18214            </li><li>
18215              <a
18216                href="/policies/refund-policy"
18217                class="footer-utilities__text"
18218              >Refund policy</a>
18219            </li></ul>
18220    </div>
18221  </anchored-popover-component>
18222
18223
18224
18225
18226
18227
18228  </div>
18229</div>
18230
18231
18232
18233
18234</div>
18235<!-- END sections: footer-group -->
18236      </footer>
18237    </div>
18238
18239    
18240
18241    <div
18242      id="shopify-section-cart-drawer-section"
18243      class="shopify-section"
18244    >
18245  
18246
18247  
18247<script
18248    type="module"
18249    src="//thechaosttrpg.com/cdn/shop/t/8/assets/cart-drawer.js?v=101430053943909765251786618341"
18250    fetchpriority="low"
18251  ></script>
18251
18252
18253  
18254
18255  <theme-drawer
18256    id="cart-drawer"
18257    data-skip-node-update
18258  >
18259    <dialog
18260      ref="panel"
18261      class="theme-drawer__dialog color-custom-drawer"
18262      aria-labelledby="cart-drawer-heading"
18263      cart-summary-sticky="true"
18264    >
18265      <cart-drawer-component
18266        
18267      >
18268        <template id="empty-cart-template">
18269          
18270    <div
18271      class="cart-drawer__content"
18272      aria-label="Cart"
18273    >
18274      <h2
18275        class="theme-drawer__title h4"
18276        id="cart-drawer-heading"
18277      >
18278        Your cart is empty
18279      </h2>
18280
18281      <div class="cart-drawer__items">
18282        
18283
18284
18285
18286
18287
18288
18289
18290
18291
18292<script
18293  src="//thechaosttrpg.com/cdn/shop/t/8/assets/component-cart-items.js?v=14476580701730542761786618345"
18294  type="module"
18295  fetchpriority="low"
18296></script>
vendor: 1 bytes, line 18296
18296
18297<script
18298  src="//thechaosttrpg.com/cdn/shop/t/8/assets/component-cart-quantity-selector.js?v=168493463479860323171786618346"
18299  type="module"
18300  fetchpriority="low"
18301></script>
vendor: 1 bytes, line 18301
18301
18302<script
18303  src="//thechaosttrpg.com/cdn/shop/t/8/assets/volume-pricing-info.js?v=94479640769665442661786618421"
18304  type="module"
18305  fetchpriority="low"
18306></script>
18306
18307
18308
18309
18310
18311<div
18312  
18313  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
18314  
18315    data-cart-drawer-empty
18316  
18317  style=""
18318>
18319  
18320<p>
18321        Have an account? <a href="https://thechaosttrpg.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
18322      </p><a
18323      class="button cart-items__empty-button"
18324      href="/collections/all"
18325    >
18326      <span class="button-text">
18327        Continue shopping
18328      </span>
18329    </a></div>
18330
18331
18332
18333      </div>
18334    </div>
18335  
18336        </template>
18337
18338        <div
18339          class="cart-drawer__inner cart-drawer--empty"
18340          data-hydration-key="cart-drawer-inner"
18341        ><div class="theme-drawer__header">
18342              <button
18343                on:click="#cart-drawer/close"
18344                class="theme-drawer__close-button cart-drawer__close-button--empty"
18345                type="button"
18346                aria-label="Close"
18347              >
18348                <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18349<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
18350</svg>
18351</span>
18352              </button>
18353            </div>
18354          
18355
18356<cart-items-component
18357  class="cart-items-component"
18358  
18359    data-drawer
18360    view-event-trigger="dialog"
18361  
18362  data-section-id="cart-drawer-section"
18363  
18364  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
18365  
18366>
18367  
18368
18369    <div
18370      class="cart-drawer__content"
18371      aria-label="Cart"
18372    >
18373      <h2
18374        class="theme-drawer__title h4"
18375        id="cart-drawer-heading"
18376      >
18377        Your cart is empty
18378      </h2>
18379
18380      <div class="cart-drawer__items">
18381        
18382
18383
18384
18385
18386
18387
18388
18389
18390
18391<script
18392  src="//thechaosttrpg.com/cdn/shop/t/8/assets/component-cart-items.js?v=14476580701730542761786618345"
18393  type="module"
18394  fetchpriority="low"
18395></script>
vendor: 1 bytes, line 18395
18395
18396<script
18397  src="//thechaosttrpg.com/cdn/shop/t/8/assets/component-cart-quantity-selector.js?v=168493463479860323171786618346"
18398  type="module"
18399  fetchpriority="low"
18400></script>
vendor: 1 bytes, line 18400
18400
18401<script
18402  src="//thechaosttrpg.com/cdn/shop/t/8/assets/volume-pricing-info.js?v=94479640769665442661786618421"
18403  type="module"
18404  fetchpriority="low"
18405></script>
18405
18406
18407
18408
18409
18410<div
18411  
18412  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
18413  
18414    data-cart-drawer-empty
18415  
18416  style=""
18417>
18418  
18419<p>
18420        Have an account? <a href="https://thechaosttrpg.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
18421      </p><a
18422      class="button cart-items__empty-button"
18423      href="/collections/all"
18424    >
18425      <span class="button-text">
18426        Continue shopping
18427      </span>
18428    </a></div>
18429
18430
18431
18432      </div>
18433    </div>
18434  
18435
18436</cart-items-component>
18437
18438
18439
18440        </div>
18441      </cart-drawer-component>
18442    </dialog>
18443  </theme-drawer>
18444
18445  
18446    </div>
18447  
18448
18449
18450    
18451
18452
18453
18454
18455
18456
18457<script
18458  type="module"
18459  src="//thechaosttrpg.com/cdn/shop/t/8/assets/theme-drawer.js?v=155110645205299884131786618414"
18460  fetchpriority="low"
18461></script>
18461
18462
18463<script>
18464  /* Runs synchronously during HTML parsing — opens the correct drawer on first
18465     paint if navigation state was saved, so it renders with the rest of the page. */
18466  (function () {
18467    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
18468    if (!drawerIds.length) return;
18469
18470    // Only restore on wide viewports (squeeze mode). On narrow viewports the
18471    // drawer is a modal overlay — let it start closed after navigation rather
18472    // than re-opening a fullscreen dialog the user may have left behind.
18473    if (!window.matchMedia('(min-width: 990px)').matches) return;
18474
18475    var dialogs = [];
18476    for (var i = 0; i < drawerIds.length; i++) {
18477      var drawer = document.getElementById(drawerIds[i]);
18478      if (!drawer) continue;
18479
18480      drawer.setAttribute('open', '');
18481
18482      // Set [open] directly so the CSS slide-in applies without triggering
18483      // the browser's dialog focusing steps — on wide viewports the drawer is
18484      // a sidebar, not a modal, so focus should stay where it is.
18485      // The instant class suppresses the slide-in transition for the initial restore.
18486      // Set --drawer-stack-order so z-index layering matches the original order.
18487      drawer.style.setProperty('--drawer-stack-order', String(i + 1));
18488
18489      var dialog = drawer.querySelector('dialog');
18490      if (dialog) {
18491        dialog.setAttribute('open', '');
18492        dialog.classList.add('theme-drawer__dialog-instant');
18493        dialogs.push(dialog);
18494      }
18495
18496      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
18497      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
18498      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
18499    }
18500
18501    // Apply squeeze immediately, bypassing the margin transition.
18502    // Only squeeze if at least one drawer was actually restored — saved
18503    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
18504    var pageWrapper = document.querySelector('.page-wrapper');
18505    if (pageWrapper && dialogs.length > 0) {
18506      pageWrapper.style.transition = 'none';
18507      pageWrapper.classList.add('page-wrapper--drawer-open');
18508    }
18509
18510    // Re-enable transitions after one paint so the instant state is rendered first.
18511    requestAnimationFrame(function () {
18512      requestAnimationFrame(function () {
18513        if (pageWrapper) pageWrapper.style.transition = '';
18514        for (var j = 0; j < dialogs.length; j++) {
18515          dialogs[j].classList.remove('theme-drawer__dialog-instant');
18516        }
18517      });
18518    });
18519  })();
18520</script>
18520
18521
18522<script
18523  type="module"
18524>
18525  const pageWrapper = document.querySelector('.page-wrapper');
18526  const squeezeQuery = window.matchMedia('(min-width: 990px)');
18527
18528  // ── Squeeze coordination ──
18529  // Listens to all drawers. Only squeezes on wide viewports.
18530  document.addEventListener('theme-drawer:open', () => {
18531    if (squeezeQuery.matches) {
18532      pageWrapper?.classList.add('page-wrapper--drawer-open');
18533    }
18534  });
18535
18536  document.addEventListener('theme-drawer:close', () => {
18537    const openDrawer = document.querySelector('theme-drawer[open]');
18538    if (!openDrawer) {
18539      pageWrapper?.classList.remove('page-wrapper--drawer-open');
18540    }
18541  });
18542
18543  squeezeQuery.addEventListener('change', () => {
18544    const openDrawer = document.querySelector('theme-drawer[open]');
18545    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
18546  });
18547
18548  // ── State persistence ──
18549  // Store open drawer IDs sorted by their visual stack order so
18550  // the restore script can recreate the same z-index layering.
18551  function persistDrawerState() {
18552    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
18553    if (!openDrawers.length) {
18554      sessionStorage.removeItem('theme-drawer-open');
18555      return;
18556    }
18557
18558    openDrawers.sort((a, b) => {
18559      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
18560      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
18561      return orderA - orderB;
18562    });
18563
18564    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
18565  }
18566
18567  document.addEventListener('theme-drawer:open', persistDrawerState);
18568  document.addEventListener('theme-drawer:close', persistDrawerState);
18569</script>
18569
18570
18571
18572    
18573
18574
18575
18576
18577
18578
18579
18580
18581
18582
18583<script
18584  src="//thechaosttrpg.com/cdn/shop/t/8/assets/dialog.js?v=144816527575655702281786618348"
18585  type="module"
18586></script>
18586
18587
18588<script
18589  src="//thechaosttrpg.com/cdn/shop/t/8/assets/predictive-search.js?v=87079669213059556441786618394"
18590  type="module"
18591  fetchpriority="low"
18592></script>
18592
18593
18594<dialog-component
18595  id="search-modal"
18596  class="search-modal"
18597  
18598>
18599  <dialog
18600    ref="dialog"
18601    on:click="/closeDialogOnClickOutside"
18602    on:keydown="/closeDialogOnEscapePress"
18603    class="search-modal__content dialog-modal"
18604    scroll-lock
18605    aria-labelledby="search-modal-heading"
18606  >
18607    <h2
18608      id="search-modal-heading"
18609      class="visually-hidden"
18610    >
18611      Search
18612    </h2>
18613    <predictive-search-component
18614      class="predictive-search color-custom-popover"
18615      style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
18616      data-section-id="predictive-search"
18617      data-testid="search-component--modal"
18618      role="search"
18619      aria-label="Search"
18620    >
18621      <form
18622        action="/search"
18623        method="get"
18624        role="search"
18625        class="predictive-search-form"
18626        ref="form"
18627        on:keydown="/onSearchKeyDown"
18628      >
18629        <div
18630          class="predictive-search-form__header"
18631        >
18632          <div class="predictive-search-form__header-inner">
18633            <label
18634              for="cmdk-input"
18635              class="visually-hidden"
18636            >Search</label>
18637            <input
18638              class="search-input"
18639              id="cmdk-input"
18640              type="search"
18641              name="q"
18642              role="combobox"
18643              aria-expanded="false"
18644              aria-owns="predictive-search-results"
18645              aria-controls="predictive-search-results"
18646              aria-haspopup="listbox"
18647              aria-autocomplete="list"
18648              autocomplete="off"
18649              placeholder="Search"
18650              ref="searchInput"
18651              on:input="/search"
18652              on:keydown="/onSearchKeyDown"
18653            >
18654            <input
18655              name="options[prefix]"
18656              type="hidden"
18657              value="last"
18658            >
18659            <span class="svg-wrapper predictive-search__icon">
18660              <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>
18661
18662            </span>
18663            <button
18664              type="button"
18665              class="button-unstyled predictive-search__reset-button"
18666              ref="resetButton"
18667              hidden
18668              on:click="/resetSearch"
18669            >
18670              Clear
18671            </button>
18672          </div>
18673          <button
18674            type="button"
18675            class="button predictive-search__close-modal-button"
18676            aria-label="Close dialog"
18677            on:click="dialog-component/closeDialog"
18678            ref="closeModalButton"
18679          >
18680            <span class="svg-wrapper">
18681              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18682<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
18683</svg>
18684
18685            </span>
18686          </button>
18687        </div>
18688
18689        <div class="predictive-search-form__content-wrapper">
18690          <div
18691            class="predictive-search-form__content"
18692            ref="predictiveSearchResults"
18693            on:click="/handleModalClick"
18694          >
18695            
18696
18697<div
18698  id="predictive-search-results"
18699  class="predictive-search-dropdown"
18700  role="listbox"
18701  aria-expanded="true"
18702  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
18703>
18704  
18705    <div class="predictive-search-results__inner">
18706      
18707      
18708        
18709        
18710        
18711          <div
18712  id="predictive-search-products"
18713  class="predictive-search-results__products"
18714  
18715    data-testid="products-list-default--modal"
18716  
18717>
18718  
18719    <h4 class="predictive-search-results__title">
18720      Products
18721    </h4>
18722    <ul
18723      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
18724    >
18725      
18726      
18727        <li
18728          class="predictive-search-results__card predictive-search-results__card--product"
18729          ref="resultsItems[]"
18730        >
18731          
18732<product-card-link
18733    class="resource-card__wrapper"
18734    
18735      data-product-id="12293114429704"
18736      data-featured-media-url="//thechaosttrpg.com/cdn/shop/files/the_caverns_map_tiles_and_encounter_decks.jpg?v=1790165478&width=500"
18737      data-product-transition="true"
18738      on:click="/handleViewTransition"
18739    
18740    
18741    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:12293114429704,&quot;title&quot;:&quot;The Caverns | Modular OSR Dungeon Tiles \u0026 Encounter Decks&quot;,&quot;handle&quot;:&quot;the-caverns-modular-osr-dungeon-tiles-encounter-decks&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
18742    
18743  ><div
18744  class="resource-card"
18745  data-resource-type="product"
18746>
18747  <a
18748    class="resource-card__link"
18749    href="/products/the-caverns-modular-osr-dungeon-tiles-encounter-decks"
18750  >
18751    <span class="visually-hidden">
18752      The Caverns | Modular OSR Dungeon Tiles & Encounter Decks
18753    </span>
18754  </a>
18755  <div
18756    class="resource-card__media"
18757    style="--resource-card-aspect-ratio: 4 / 5;"
18758    
18759      ref="cardGallery"
18760      data-view-transition-to-main-product
18761    
18762  >
18763      
18764      
18765
18766        <img src="//thechaosttrpg.com/cdn/shop/files/the_caverns_map_tiles_and_encounter_decks.jpg?v=1790165478&amp;width=500" alt="" srcset="//thechaosttrpg.com/cdn/shop/files/the_caverns_map_tiles_and_encounter_decks.jpg?v=1790165478&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/the_caverns_map_tiles_and_encounter_decks.jpg?v=1790165478&amp;width=352 352w" width="500" height="333" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
18767
18768          <img src="//thechaosttrpg.com/cdn/shop/files/IMG-20240311-WA0017.jpg?v=1790165478&amp;width=500" alt="The Caverns | Modular OSR Dungeon Tiles &amp; Encounter Decks" srcset="//thechaosttrpg.com/cdn/shop/files/IMG-20240311-WA0017.jpg?v=1790165478&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/IMG-20240311-WA0017.jpg?v=1790165478&amp;width=352 352w" width="500" height="333" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="71586911846664" style="object-position: 50.0% 50.0%;">
18769</div>
18770
18771  <div class="resource-card__content">
18772    <p class="resource-card__title paragraph">The Caverns | Modular OSR Dungeon Tiles & Encounter Decks</p>
18773
18774    
18775      
18776
18777<div ref="priceContainer">
18778  
18779    
18780    
18781      <span class="price">$80.00</span>
18782    
18783  
18784</div>
18785    
18786  </div>
18787</div></product-card-link>
18788
18789        </li>
18790      
18791        <li
18792          class="predictive-search-results__card predictive-search-results__card--product"
18793          ref="resultsItems[]"
18794        >
18795          
18796<product-card-link
18797    class="resource-card__wrapper"
18798    
18799      data-product-id="11984182051080"
18800      data-featured-media-url="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&width=500"
18801      data-product-transition="true"
18802      on:click="/handleViewTransition"
18803    
18804    
18805    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:11984182051080,&quot;title&quot;:&quot;The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online&quot;,&quot;handle&quot;:&quot;the-chaos-card-deck-tabletop-roleplaying-game&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
18806    
18807  ><div
18808  class="resource-card"
18809  data-resource-type="product"
18810>
18811  <a
18812    class="resource-card__link"
18813    href="/products/the-chaos-card-deck-tabletop-roleplaying-game"
18814  >
18815    <span class="visually-hidden">
18816      The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online
18817    </span>
18818  </a>
18819  <div
18820    class="resource-card__media"
18821    style="--resource-card-aspect-ratio: 4 / 5;"
18822    
18823      ref="cardGallery"
18824      data-view-transition-to-main-product
18825    
18826  >
18827      
18828      
18829
18830        <img src="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=500" alt="" srcset="//thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/34955.jpg?v=1779704085&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
18831
18832          <img src="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=500" alt="The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online" srcset="//thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/20260620-161141.jpg?v=1781968948&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="69651859767560" style="object-position: 50.0% 50.0%;">
18833</div>
18834
18835  <div class="resource-card__content">
18836    <p class="resource-card__title paragraph">The Chaos Card Deck TTRPG | Card-Based Tabletop RPG | Free Rules Online</p>
18837
18838    
18839      
18840
18841<div ref="priceContainer">
18842  
18843    
18844    
18845      <span class="price">$24.00</span>
18846    
18847  
18848</div>
18849    
18850  </div>
18851</div></product-card-link>
18852
18853        </li>
18854      
18855        <li
18856          class="predictive-search-results__card predictive-search-results__card--product"
18857          ref="resultsItems[]"
18858        >
18859          
18860<product-card-link
18861    class="resource-card__wrapper"
18862    
18863      data-product-id="11183075361032"
18864      data-featured-media-url="//thechaosttrpg.com/cdn/shop/files/thechaosttrpgbattlemaps.jpg?v=1774447771&width=500"
18865      data-product-transition="true"
18866      on:click="/handleViewTransition"
18867    
18868    
18869    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:11183075361032,&quot;title&quot;:&quot;The Chaos ttrpg | Free Battlemap Pack&quot;,&quot;handle&quot;:&quot;the-chaos-ttrpg-free-battlemap-pack&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
18870    
18871  ><div
18872  class="resource-card"
18873  data-resource-type="product"
18874>
18875  <a
18876    class="resource-card__link"
18877    href="/products/the-chaos-ttrpg-free-battlemap-pack"
18878  >
18879    <span class="visually-hidden">
18880      The Chaos ttrpg | Free Battlemap Pack
18881    </span>
18882  </a>
18883  <div
18884    class="resource-card__media"
18885    style="--resource-card-aspect-ratio: 4 / 5;"
18886    
18887      ref="cardGallery"
18888      data-view-transition-to-main-product
18889    
18890  >
18891      
18892      
18893
18894        <img src="//thechaosttrpg.com/cdn/shop/files/thechaosttrpgbattlemaps.jpg?v=1774447771&amp;width=500" alt="The Chaos TTRPG old school collection of battle map scenes — card deck tabletop roleplaying game" srcset="//thechaosttrpg.com/cdn/shop/files/thechaosttrpgbattlemaps.jpg?v=1774447771&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/thechaosttrpgbattlemaps.jpg?v=1774447771&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
18895</div>
18896
18897  <div class="resource-card__content">
18898    <p class="resource-card__title paragraph">The Chaos ttrpg | Free Battlemap Pack</p>
18899
18900    
18901      
18902
18903<div ref="priceContainer">
18904  
18905    
18906    
18907      <span class="price">$0.00</span>
18908    
18909  
18910</div>
18911    
18912  </div>
18913</div></product-card-link>
18914
18915        </li>
18916      
18917        <li
18918          class="predictive-search-results__card predictive-search-results__card--product"
18919          ref="resultsItems[]"
18920        >
18921          
18922<product-card-link
18923    class="resource-card__wrapper"
18924    
18925      data-product-id="12000941342984"
18926      data-featured-media-url="//thechaosttrpg.com/cdn/shop/files/thecritdeck.png?v=1780646085&width=500"
18927      data-product-transition="true"
18928      on:click="/handleViewTransition"
18929    
18930    
18931    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:12000941342984,&quot;title&quot;:&quot;The Crit | Deck of 100 Critical Hits \u0026 Misses&quot;,&quot;handle&quot;:&quot;the-crit-deck-of-100-critical-hits-misses&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
18932    
18933  ><div
18934  class="resource-card"
18935  data-resource-type="product"
18936>
18937  <a
18938    class="resource-card__link"
18939    href="/products/the-crit-deck-of-100-critical-hits-misses"
18940  >
18941    <span class="visually-hidden">
18942      The Crit | Deck of 100 Critical Hits & Misses
18943    </span>
18944  </a>
18945  <div
18946    class="resource-card__media"
18947    style="--resource-card-aspect-ratio: 4 / 5;"
18948    
18949      ref="cardGallery"
18950      data-view-transition-to-main-product
18951    
18952  >
18953      
18954      
18955
18956        <img src="//thechaosttrpg.com/cdn/shop/files/thecritdeck.png?v=1780646085&amp;width=500" alt="" srcset="//thechaosttrpg.com/cdn/shop/files/thecritdeck.png?v=1780646085&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/thecritdeck.png?v=1780646085&amp;width=352 352w" width="500" height="333" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
18957
18958          <img src="//thechaosttrpg.com/cdn/shop/files/the_crit_deck_1.png?v=1780646085&amp;width=500" alt="The Crit | Deck of 100 Critical Hits &amp; Misses" srcset="//thechaosttrpg.com/cdn/shop/files/the_crit_deck_1.png?v=1780646085&amp;width=240 240w, //thechaosttrpg.com/cdn/shop/files/the_crit_deck_1.png?v=1780646085&amp;width=352 352w" width="500" height="333" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="69287984529672" style="object-position: 50.0% 50.0%;">
18959</div>
18960
18961  <div class="resource-card__content">
18962    <p class="resource-card__title paragraph">The Crit | Deck of 100 Critical Hits & Misses</p>
18963
18964    
18965      
18966
18967<div ref="priceContainer">
18968  
18969    
18970    
18971      <span class="price">$24.00</span>
18972    
18973  
18974</div>
18975    
18976  </div>
18977</div></product-card-link>
18978
18979        </li>
18980      
18981    </ul>
18982  
18983</div>
18984
18985        
18986      
18987    </div>
18988  
18989</div>
18990
18991          </div>
18992
18993          <div class="predictive-search-form__footer">
18994            <button
18995              class="button predictive-search__search-button"
18996              ref="viewAllButton"
18997            >
18998              View all
18999            </button>
19000          </div>
19001        </div>
19002      </form>
19003    </predictive-search-component>
19004  </dialog>
19005</dialog-component>
19006
19007
19008
19009
19010    
19011      
19011<script
19012  src="//thechaosttrpg.com/cdn/shop/t/8/assets/gift-card-recipient-form.js?v=170482155849799299241786618354"
19013  type="module"
19014  fetchpriority="low"
19015></script>
19015
19016
19017
19018
19019
19020<quick-add-dialog id="quick-add-dialog">
19021  <dialog
19022    class="quick-add-modal dialog-modal color-custom-popover"
19023    ref="dialog"
19024    scroll-lock
19025  >
19026    <button
19027      ref="closeButton"
19028      on:click="/closeDialog"
19029      class="button button-unstyled close-button quick-add-modal__close"
19030      aria-label="Close dialog"
19031    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19032<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
19033</svg>
19034</button>
19035
19036    <product-component
19037      id="quick-add-modal-content"
19038      class="quick-add-modal__content"
19039      view-event-trigger="dialog"
19040    ></product-component>
19041  </dialog>
19042</quick-add-dialog>
19043
19044
19045
19046
19047
19048
19049
19050
19051
19052
19053
19054
19055
19056
19057    
19058  
19058<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
19058
19059</body>
19060</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.