PageSourceSearch

https://little-rocks-press.myshopify.com/collections/all

html little-rocks-press.myshopify.com collected 2026-10-10 02:39:22 UTC 356,238 bytes, 8,665 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    
8
9
10<meta charset="utf-8">
11<meta
12  http-equiv="X-UA-Compatible"
13  content="IE=edge"
14>
15<meta
16  name="viewport"
17  content="width=device-width,initial-scale=1"
18>
19<meta
20  name="view-transition"
21  content="same-origin"
22>
23<meta
24  name="theme-color"
25  content=""
26>
27
28<meta
29  property="og:site_name"
30  content="Little Rocks Press"
31>
32<meta
33  property="og:url"
34  content="https://little-rocks-press.myshopify.com/collections/all"
35>
36<meta
37  property="og:title"
38  content="Products"
39>
40<meta
41  property="og:type"
42  content="website"
43>
44<meta
45  property="og:description"
46  content="Little Rocks Press"
47><meta
48    property="og:image"
49    content="http://little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_3bb5b840-48e0-44d8-addb-3799e4f406dc.png?v=1773156110"
50  >
51  <meta
52    property="og:image:secure_url"
53    content="https://little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_3bb5b840-48e0-44d8-addb-3799e4f406dc.png?v=1773156110"
54  >
55  <meta
56    property="og:image:width"
57    content="1250"
58  >
59  <meta
60    property="og:image:height"
61    content="1452"
62  ><meta
63  name="twitter:card"
64  content="summary_large_image"
65>
66<meta
67  name="twitter:title"
68  content="Products"
69>
70<meta
71  name="twitter:description"
72  content="Little Rocks Press"
73>
74
75<title>
76  Products
77 &ndash; Little Rocks Press</title>
78
79<link
80  rel="canonical"
81  href="https://little-rocks-press.myshopify.com/collections/all"
82>
83
84
85<link href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451774007116" as="style" rel="preload">
86<link href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/base.css?v=80415010869825589501774007116" rel="stylesheet" type="text/css" media="all" />
87
88<link
89    rel="preload"
90    as="font"
91    href="//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
92    type="font/woff2"
93    crossorigin
94    fetchpriority="low"
95  ><link
96    rel="preload"
97    as="font"
98    href="//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
99    type="font/woff2"
100    crossorigin
101    fetchpriority="low"
102  ><link
103    rel="preload"
104    as="font"
105    href="//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
106    type="font/woff2"
107    crossorigin
108    fetchpriority="low"
109  ><link
110    rel="preload"
111    as="font"
112    href="//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
113    type="font/woff2"
114    crossorigin
115    fetchpriority="low"
116  >
117
118
119<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 119
119
120<script type="importmap">
121  {
122    "imports": {
123      "@theme/overflow-list": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511772222882",
124      "@theme/product-title": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781772222882",
125      "@theme/component": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component.js?v=184240237101443119871772222882",
126      "@theme/dialog": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021772222882",
127      "@theme/events": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/events.js?v=1118589085892804011772222882",
128      "@theme/focus": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401772222882",
129      "@theme/morph": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/morph.js?v=104045809772310330131774007116",
130      "@theme/paginated-list": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871772222882",
131      "@theme/performance": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/performance.js?v=171015751390534793081772222882",
132      "@theme/product-form": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-form.js?v=14217075117933806290177400
1327117",
133      "@theme/recently-viewed-products": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651772222882",
134      "@theme/scrolling": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011772222882",
135      "@theme/section-renderer": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/section-renderer.js?v=170547751348887101551774007116",
136      "@theme/section-hydration": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311772222882",
137      "@theme/money-formatting": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/money-formatting.js?v=182191346160333327151772222882",
138      "@theme/utilities": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941772222882",
139      "@theme/variant-picker": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/variant-picker.js?v=24924540959574313291774007116",
140      "@theme/media-gallery": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161772222882",
141      "@theme/quick-add": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/quick-add.js?v=114575661933533593881774007116",
142      "@theme/paginated-list-aspect-ratio": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451772222882",
143      "@theme/popover-polyfill": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201772222882",
144      "@theme/component-quantity-selector": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641772222882",
145      "@theme/comparison-slider": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/comparison-slider.js?v=106705562947035711941772222882",
146      "@theme/sticky-add-to-cart": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/sticky-add-to-cart.js?v=48956925339276737091772222882",
147      "@theme/fly-to-cart": "//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081772222882"
148    }
149  }
150</script>
150
151
152<script
153  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/view-transitions.js?v=7106414069516106341772222882"
154  async
155  
156></script>
156
157
158<link
159  rel="modulepreload"
160  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941772222882"
161  fetchpriority="low"
162>
163<link
164  rel="modulepreload"
165  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component.js?v=184240237101443119871772222882"
166  fetchpriority="low"
167>
168<link
169  rel="modulepreload"
170  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/section-renderer.js?v=170547751348887101551774007116"
171  fetchpriority="low"
172>
173<link
174  rel="modulepreload"
175  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311772222882"
176  fetchpriority="low"
177>
178<link
179  rel="modulepreload"
180  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/morph.js?v=104045809772310330131774007116"
181  fetchpriority="low"
182>
183
184
185  <link
186    rel="modulepreload"
187    href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451772222882"
188    fetchpriority="low"
189  >
190  <link
191    rel="modulepreload"
192    href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871772222882"
193    fetchpriority="low"
194  >
195
196  <link
197    rel="modulepreload"
198    href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781772222882"
199    fetchpriority="low"
200  >
201
202
203<link
204  rel="modulepreload"
205  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401772222882"
206  fetchpriority="low"
207>
208<link
209  rel="modulepreload"
210  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651772222882"
211  fetchpriority="low"
212>
213<link
214  rel="modulepreload"
215  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011772222882"
216  fetchpriority="low"
217>
218<link
219  rel="modulepreload"
220  href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/events.js?v=1118589085892804011772222882"
221  fetchpriority="low"
222>
223<script
224  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201772222882"
225  type="module"
226  fetchpriority="low"
227></script>
vendor: 1 bytes, line 227
227
228<script
229  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511772222882"
230  type="module"
231  fetchpriority="low"
232></script>
vendor: 1 bytes, line 232
232
233<script
234  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/quick-add.js?v=114575661933533593881774007116"
235  type="module"
236  fetchpriority="low"
237></script>
237
238
239  
239<script
240    src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/cart-discount.js?v=107077853990124422021772222882"
241    type="module"
242    fetchpriority="low"
243  ></script>
243
244
245
246<script
247  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021772222882"
248  type="module"
249  fetchpriority="low"
250></script>
vendor: 1 bytes, line 250
250
251<script
252  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/variant-picker.js?v=24924540959574313291774007116"
253  type="module"
254  fetchpriority="low"
255></script>
vendor: 1 bytes, line 255
255
256<script
257  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-card.js?v=28695665944407642501772222882"
258  type="module"
259  fetchpriority="low"
260></script>
vendor: 1 bytes, line 260
260
261<script
262  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-form.js?v=142170751179338062901774007117"
263  type="module"
264  fetchpriority="low"
265></script>
vendor: 1 bytes, line 265
265
266<script
267  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081772222882"
268  type="module"
269  fetchpriority="low"
270></script>
vendor: 1 bytes, line 270
270
271<script
272  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/accordion-custom.js?v=97588419883090888471772222882"
273  type="module"
274  fetchpriority="low"
275></script>
vendor: 1 bytes, line 275
275
276<script
277  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/media.js?v=37825095869491791421772222882"
278  type="module"
279  fetchpriority="low"
280></script>
vendor: 1 bytes, line 280
280
281<script
282  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-price.js?v=83480980452100801711774007116"
283  type="module"
284  fetchpriority="low"
285></script>
vendor: 1 bytes, line 285
285
286<script
287  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-sku.js?v=121804655373531320511772222882"
288  type="module"
289  fetchpriority="low"
290></script>
vendor: 1 bytes, line 290
290
291<script
292  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781772222882"
293  type="module"
294  fetchpriority="low"
295></script>
vendor: 1 bytes, line 295
295
296<script
297  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/product-inventory.js?v=81520546963552472391772222882"
298  type="module"
299  fetchpriority="low"
300></script>
vendor: 1 bytes, line 300
300
301<script
302  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/show-more.js?v=94563802205717136101772222882"
303  type="module"
304  fetchpriority="low"
305></script>
vendor: 1 bytes, line 305
305
306<script
307  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/slideshow.js?v=168726587398279102001774007116"
308  type="module"
309  fetchpriority="low"
310></script>
vendor: 1 bytes, line 310
310
311<script
312  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/layered-slideshow.js?v=30135417790894624731772222882"
313  type="module"
314  fetchpriority="low"
315></script>
vendor: 1 bytes, line 315
315
316<script
317  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/anchored-popover.js?v=95953304814728754461772222882"
318  type="module"
319  fetchpriority="low"
320></script>
vendor: 1 bytes, line 320
320
321<script
322  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/floating-panel.js?v=151277338116891310371772222882"
323  type="module"
324  fetchpriority="low"
325></script>
vendor: 1 bytes, line 325
325
326<script
327  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/video-background.js?v=25237992823806706551772222882"
328  type="module"
329  fetchpriority="low"
330></script>
vendor: 1 bytes, line 330
330
331<script
332  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641772222882"
333  type="module"
334  fetchpriority="low"
335></script>
vendor: 1 bytes, line 335
335
336<script
337  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161772222882"
338  type="module"
339  fetchpriority="low"
340></script>
vendor: 1 bytes, line 340
340
341<script
342  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/rte-formatter.js?v=40306132146590816021772222882"
343  type="module"
344  fetchpriority="low"
345></script>
vendor: 1 bytes, line 345
345
346<script
347  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/volume-pricing.js?v=15442793518842484731772222882"
348  type="module"
349  fetchpriority="low"
350></script>
vendor: 1 bytes, line 350
350
351<script
352  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/price-per-item.js?v=144512917617120124431772222882"
353  type="module"
354  fetchpriority="low"
355></script>
vendor: 1 bytes, line 355
355
356<script
357  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661772222882"
358  type="module"
359  fetchpriority="low"
360></script>
360
361
362
363  
363<script
364    src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/localization.js?v=15585934801240115691772222882"
365    type="module"
366    fetchpriority="low"
367  ></script>
367
368
369
370
371
372<script
373  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/auto-close-details.js?v=58350291535404441581772222882"
374  defer="defer"
375></script>
375
376
377<script>
378  const Theme = {
379    translations: {
380      placeholder_image: `Placeholder image`,
381      added: `Added`,
382      recipient_form_fields_visible: `Recipient form fields are now visible`,
383      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
384      recipient_form_error: `There was an error with the form submission`,
385      items_added_to_cart_one: `1 item added to cart`,
386      items_added_to_cart_other: `{{ count }} items added to cart`,
387      cart_count: `Total items in cart`,
388    },
389    routes: {
390      cart_add_url: '/cart/add.js',
391      cart_change_url: '/cart/change',
392      cart_update_url: '/cart/update',
393      cart_url: '/cart',
394      predictive_search_url: '/search/suggest',
395      search_url: '/search',
396    },
397    template: {
398      name: 'collection',
399    },
400  };
401</script>
401
402<style data-shopify>
403@font-face {
404  font-family: Inter;
405  font-weight: 400;
406  font-style: normal;
407  font-display: swap;
408  src: url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
409       url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
410}
411@font-face {
412  font-family: Inter;
413  font-weight: 700;
414  font-style: normal;
415  font-display: swap;
416  src: url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
417       url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
418}
419@font-face {
420  font-family: Inter;
421  font-weight: 400;
422  font-style: italic;
423  font-display: swap;
424  src: url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
425       url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
426}
427@font-face {
428  font-family: Inter;
429  font-weight: 700;
430  font-style: italic;
431  font-display: swap;
432  src: url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
433       url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
434}
435@font-face {
436  font-family: Inter;
437  font-weight: 500;
438  font-style: normal;
439  font-display: swap;
440  src: url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
441       url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
442}
443@font-face {
444  font-family: Inter;
445  font-weight: 500;
446  font-style: italic;
447  font-display: swap;
448  src: url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
449       url("//little-rocks-press.myshopify.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
450}
451
452
453  :root {
454    /* Page Layout */
455    --sidebar-width: 25rem;
456    --narrow-content-width: 36rem;
457    --normal-content-width: 42rem;
458    --wide-content-width: 46rem;
459    --narrow-page-width: 90rem;
460    --normal-page-width: 120rem;
461    --wide-page-width: 150rem;
462
463    /* Section Heights */
464    --section-height-small: 15rem;
465    --section-height-medium: 25rem;
466    --section-height-large: 35rem;
467
468    @media screen and (min-width: 40em) {
469      --section-height-small: 40svh;
470      --section-height-medium: 55svh;
471      --section-height-large: 70svh;
472    }
473
474    @media screen and (min-width: 60em) {
475      --section-height-small: 50svh;
476      --section-height-medium: 65svh;
477      --section-height-large: 80svh;
478    }
479
480    /* Letter spacing */
481    --letter-spacing-sm: 0.06em;
482    --letter-spacing-md: 0.13em;
483
484    /* Font families */
485    --font-body--family: Inter, sans-serif;
486    --font-body--style: normal;
487    --font-body--weight: 400;
488    --font-subheading--family: Inter, sans-serif;
489    --font-subheading--style: normal;
490    --font-subheading--weight: 500;
491    --font-heading--family: Inter, sans-serif;
492    --font-heading--style: normal;
493    --font-heading--weight: 700;
494    --font-accent--family: Inter, sans-serif;
495    --font-accent--style: normal;
496    --font-accent--weight: 700;
497
498    /* Margin sizes */
499    --font-heading--spacing: 0.25em;
500    --font-h1--spacing: var(--font-heading--spacing);
501    --font-h2--spacing: var(--font-heading--spacing);
502    --font-h3--spacing: var(--font-heading--spacing);
503    --font-h4--spacing: var(--font-heading--spacing);
504    --font-h5--spacing: var(--font-heading--spacing);
505    --font-h6--spacing: var(--font-heading--spacing);
506    --font-paragraph--spacing: 0.5em;
507
508    /* Heading colors */
509    --font-h1--color: var(--color-foreground-heading);
510    --font-h2--color: var(--color-foreground-heading);
511    --font-h3--color: var(--color-foreground-heading);
512    --font-h4--color: var(--color-foreground-heading);
513    --font-h5--color: var(--color-foreground-heading);
514    --font-h6--color: var(--color-foreground-heading);
515
516    /** Z-Index / Layering */
517    --layer-section-background: -2;
518    --layer-lowest: -1;
519    --layer-base: 0;
520    --layer-flat: 1;
521    --layer-raised: 2;
522    --layer-heightened: 4;
523    --layer-sticky: 8;
524    --layer-window-overlay: 10;
525    --layer-header-menu: 12;
526    --layer-overlay: 16;
527    --layer-menu-drawer: 18;
528    --layer-temporary: 20;
529
530    /* Max-width / Measure */
531    --max-width--body-normal: 32.5em;
532    --max-width--body-narrow: 22.75em;
533
534    --max-width--heading-normal: 32.5em;
535    --max-width--heading-narrow: 19.5em;
536
537    --max-width--display-normal: 13em;
538    --max-width--display-narrow: 9.75em;
539    --max-width--display-tight: 3.25em;
540
541    /* Letter-spacing / Tracking */
542    --letter-spacing--display-tight: -0.03em;
543    --letter-spacing--display-normal: 0em;
544    --letter-spacing--display-loose: 0.03em;
545
546    --letter-spacing--heading-tight: -0.03em;
547    --letter-spacing--heading-normal: 0em;
548    --letter-spacing--heading-loose: 0.03em;
549
550    --letter-spacing--body-tight: -0.03em;
551    --letter-spacing--body-normal: 0em;
552    --letter-spacing--body-loose: 0.03em;
553
554    /* Line height / Leading */
555    --line-height: 1;
556
557    --line-height--display-tight: 1;
558    --line-height--display-normal: 1.1;
559    --line-height--display-loose: 1.2;
560
561    --line-height--heading-tight: 1.15;
562    --line-height--heading-normal: 1.25;
563    --line-height--heading-loose: 1.35;
564
565    --line-height--body-tight: 1.2;
566    --line-height--body-normal: 1.4;
567    --line-height--body-loose: 1.6;
568
569    /* Typography presets */
570    --font-size--paragraph: 1.125rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.75rem, 4.8vw, 3.0rem);--font-size--h3: 2.5rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
571
572    /* Hardcoded font sizes */
573    --font-size--3xs: 0.625rem;
574    --font-size--2xs: 0.75rem;
575    --font-size--xs: 0.8125rem;
576    --font-size--sm: 0.875rem;
577    --font-size--md: 1rem;
578    --font-size--lg: 1.125rem;
579    --font-size--xl: 1.25rem;
580    --font-size--2xl: 1.5rem;
581    --font-size--3xl: 2rem;
582    --font-size--4xl: 2.5rem;
583    --font-size--5xl: 3rem;
584    --font-size--6xl: 3.5rem;
585
586    /* Menu font sizes */
587    --menu-font-sm--size: 0.875rem;
588    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
589    --menu-font-md--size: 1rem;
590    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
591    --menu-font-lg--size: 1.125rem;
592    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
593    --menu-font-xl--size: 1.25rem;
594    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
595    --menu-font-2xl--size: 1.75rem;
596    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
597
598    /* Colors */
599    --color-error: #8B0000;
600    --color-success: #006400;
601    --color-white: #FFFFFF;
602    --color-white-rgb: 255 255 255;
603    --color-black: #000000;
604    --color-instock: #3ED660;
605    --color-lowstock: #EE9441;
606    --color-outofstock: #C8C8C8;
607
608    /* Opacity */
609    --opacity-5: 0.05;
610    --opacity-8: 0.08;
611    --opacity-10: 0.1;
612    --opacity-15: 0.15;
613    --opacity-20: 0.2;
614    --opacity-25: 0.25;
615    --opacity-30: 0.3;
616    --opacity-40: 0.4;
617    --opacity-50: 0.5;
618    --opacity-60: 0.6;
619    --opacity-70: 0.7;
620    --opacity-80: 0.8;
621    --opacity-85: 0.85;
622    --opacity-90: 0.9;
623    --opacity-subdued-text: var(--opacity-70);
624
625    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
626    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
627
628    /* Spacing */
629    --margin-3xs: 0.125rem;
630    --margin-2xs: 0.3rem;
631    --margin-xs: 0.5rem;
632    --margin-sm: 0.7rem;
633    --margin-md: 0.8rem;
634    --margin-lg: 1rem;
635    --margin-xl: 1.25rem;
636    --margin-2xl: 1.5rem;
637    --margin-3xl: 1.75rem;
638    --margin-4xl: 2rem;
639    --margin-5xl: 3rem;
640    --margin-6xl: 5rem;
641
642    --scroll-margin: 50px;
643
644    --padding-3xs: 0.125rem;
645    --padding-2xs: 0.25rem;
646    --padding-xs: 0.5rem;
647    --padding-sm: 0.7rem;
648    --padding-md: 0.8rem;
649    --padding-lg: 1rem;
650    --padding-xl: 1.25rem;
651    --padding-2xl: 1.5rem;
652    --padding-3xl: 1.75rem;
653    --padding-4xl: 2rem;
654    --padding-5xl: 3rem;
655    --padding-6xl: 4rem;
656
657    --gap-3xs: 0.125rem;
658    --gap-2xs: 0.3rem;
659    --gap-xs: 0.5rem;
660    --gap-sm: 0.7rem;
661    --gap-md: 0.9rem;
662    --gap-lg: 1rem;
663    --gap-xl: 1.25rem;
664    --gap-2xl: 2rem;
665    --gap-3xl: 3rem;
666
667    --spacing-scale-sm: 0.6;
668    --spacing-scale-md: 0.7;
669    --spacing-scale-default: 1.0;
670
671    /* Checkout buttons gap */
672    --checkout-button-gap: 10px;
673
674    /* Borders */
675    --style-border-width: 1px;
676    --style-border-radius-xs: 0.2rem;
677    --style-border-radius-sm: 0.6rem;
678    --style-border-radius-md: 0.8rem;
679    --style-border-radius-50: 50%;
680    --style-border-radius-lg: 1rem;
681    --style-border-radius-pills: 40px;
682    --style-border-radius-inputs: 4px;
683    --style-border-radius-buttons-primary: 28px;
684    --style-border-radius-buttons-secondary: 14px;
685    --style-border-width-primary: 0px;
686    --style-border-width-secondary: 1px;
687    --style-border-width-inputs: 1px;
688    --style-border-radius-popover: 14px;
689    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
690    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
691    --style-border-swatch-opacity: 10%;
692    --style-border-swatch-width: 1px;
693    --style-border-swatch-style: solid;
694
695    /* Animation */
696    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
697    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
698    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
699    --animation-speed-fast: 0.0625s;
700    --animation-speed: 0.125s;
701    --animation-speed-slow: 0.2s;
702    --animation-speed-medium: 0.15s;
703    --animation-easing: ease-in-out;
704    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
705    --drawer-animation-speed: 0.2s;
706    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
707    --animation-values: var(--animation-speed) var(--animation-easing);
708    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
709    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
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-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
722    --spring-d260-b0-duration: 0.4316s;
723    --spring-d220-b0-easing: linear(
724      0,
725      0.0093 1.37%,
726      0.0696 4.12%,
727      0.4667 15.09%,
728      0.6322 20.58%,
729      0.6986 23.32%,
730      0.7793 27.44%,
731      0.8219 30.18%,
732      0.8721,
733      0.9089 38.42%,
734      0.9427,
735      0.9644,
736      0.978 54.88%,
737      0.9881 61.74%,
738      0.9944 69.97%,
739      0.998 80.95%,
740      0.9996 98.78%
741    );
742    --spring-d220-b0-duration: 0.3818s;
743    --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%);
744    --spring-d180-b0-duration: 0.2988s;
745
746    /* View transitions */
747    /* View transition old */
748    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
749
750    /* View transition new */
751    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
752
753    /* Focus */
754    --focus-outline-width: 0.09375rem;
755    --focus-outline-offset: 0.2em;
756
757    /* Badges */
758    --badge-blob-padding-block: 1px;
759    --badge-blob-padding-inline: 12px 8px;
760    --badge-rectangle-padding-block: 1px;
761    --badge-rectangle-padding-inline: 6px;
762    @media screen and (min-width: 750px) {
763      --badge-blob-padding-block: 4px;
764      --badge-blob-padding-inline: 16px 12px;
765      --badge-rectangle-padding-block: 4px;
766      --badge-rectangle-padding-inline: 10px;
767    }
768
769    /* Icons */
770    --icon-size-2xs: 0.6rem;
771    --icon-size-xs: 0.85rem;
772    --icon-size-sm: 1.25rem;
773    --icon-size-md: 1.375rem;
774    --icon-size-lg: 1.5rem;
775    --icon-stroke-width: 1.5px;
776
777    /* Input */
778    --input-email-min-width: 200px;
779    --input-search-max-width: 650px;
780    --input-padding-y: 0.8rem;
781    --input-padding-x: 0.8rem;
782    --input-padding: var(--input-padding-y) var(--input-padding-x);
783    --input-box-shadow-width: var(--style-border-width-inputs);
784    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
785    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
786    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
787    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
788    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
789    --input-textarea-min-height: 55px;
790
791    /* Checkbox */
792    --checkbox-size: 22px;
793    --checkbox-border-radius: 7px;
794    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
795    --checkbox-label-padding: 8px;
796
797    @media screen and (min-width: 750px) {
798      --checkbox-size: 16px;
799      --checkbox-border-radius: 5px;
800      --checkbox-label-padding: 6px;
801    }
802
803    /* Button size */
804    --button-size-sm: 30px;
805    --button-size-md: 36px;
806    --button-size: var(--minimum-touch-target);
807    --button-padding-inline: 24px;
808    --button-padding-block: 16px;
809
810    /* Button font-family */
811    --button-font-family-primary: var(--font-accent--family);
812    --button-font-family-secondary: var(--font-body--family);
813
814    /* Button text case */
815    --button-text-case: ;
816    --button-text-case-primary: default;
817    --button-text-case-secondary: default;
818
819    /* Borders */
820    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
821    --border-width-sm: 1px;
822    --border-width-md: 2px;
823    --border-width-lg: 5px;
824    --border-radius-sm: 0.25rem;
825
826    /* Drawers */
827    --drawer-inline-padding: 25px;
828    --drawer-menu-inline-padding: 2.5rem;
829    --drawer-header-block-padding: 20px;
830    --drawer-content-block-padding: 10px;
831    --drawer-header-desktop-top: 0rem;
832    --drawer-padding: calc(var(--padding-sm) + 7px);
833    --drawer-height: 100dvh;
834    --drawer-width: 95vw;
835    --drawer-max-width: 500px;
836
837    /* Variant Picker Swatches */
838    --variant-picker-swatch-width-unitless: 34;
839    --variant-picker-swatch-height-unitless: 34;
840    --variant-picker-swatch-width: 34px;
841    --variant-picker-swatch-height: 34px;
842    --variant-picker-swatch-radius: 32px;
843    --variant-picker-border-width: 1px;
844    --variant-picker-border-style: solid;
845    --variant-picker-border-opacity: 10%;
846
847    /* Variant Picker Buttons */
848    --variant-picker-button-radius: 14px;
849    --variant-picker-button-border-width: 1px;
850
851    /* Slideshow */
852    --slideshow-controls-size: 3.5rem;
853    --slideshow-controls-icon: 2rem;
854    --peek-next-slide-size: 3rem;
855
856    /* Utilities */
857    --backdrop-opacity: 0.15;
858    --backdrop-color-rgb: var(--color-shadow-rgb);
859    --minimum-touch-target: 44px;
860    --disabled-opacity: 0.5;
861    --skeleton-opacity: 0.025;
862
863    /* Shapes */
864    --shape--circle: circle(50% at center);
865    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
866    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
867    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
867% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
868
869    /* Buy buttons */
870    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
871
872    /* Card image width and height variables */
873    --card-width-small: 10rem;
874
875    --height-small: 10rem;
876    --height-medium: 11.5rem;
877    --height-large: 13rem;
878    --height-full: 100vh;
879
880    @media screen and (min-width: 750px) {
881      --height-small: 17.5rem;
882      --height-medium: 21.25rem;
883      --height-large: 25rem;
884    }
885
886    /* Modal */
887    --modal-max-height: 65dvh;
888    --quick-add-modal-height: min(38.5rem, 96vh);
889    --quick-add-modal-width: min(54rem, 96vw);
890    --quick-add-modal-gallery-width: 24rem;
891
892    /* Card styles for search */
893    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
894    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
895    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
896
897    /* Cart */
898    --cart-primary-font-family: var(--font-body--family);
899    --cart-primary-font-style: var(--font-body--style);
900    --cart-primary-font-weight: var(--font-body--weight);
901    --cart-secondary-font-family: var(--font-secondary--family);
902    --cart-secondary-font-style: var(--font-secondary--style);
903    --cart-secondary-font-weight: var(--font-secondary--weight);
904  }
905</style>
906
907
908<style data-shopify>
909  
910    
911      :root,
912    
913    
914    
915    .color-scheme-1 {
916        --color-background: rgb(255 255 255 / 1.0);
917        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
918        --color-background-rgb: 255 255 255;
919        --opacity-5-15: 0.05;
920        --opacity-10-25: 0.1;
921        --opacity-35-55: 0.35;
922        --opacity-40-60: 0.4;
923        --opacity-30-60: 0.3;
924        --color-foreground: rgb(0 0 0 / 0.81);
925        --color-foreground-rgb: 0 0 0;
926        --color-foreground-heading: rgb(0 0 0 / 1.0);
927        --color-foreground-heading-rgb: 0 0 0;
928        --color-primary: rgb(0 0 0 / 0.81);
929        --color-primary-rgb: 0 0 0;
930        --color-primary-hover: rgb(0 0 0 / 1.0);
931        --color-primary-hover-rgb: 0 0 0;
932        --color-border: rgb(0 0 0 / 0.4);
933        --color-border-rgb: 0 0 0;
934        --color-shadow: rgb(0 0 0 / 1.0);
935        --color-shadow-rgb: 0 0 0;
936        --color-primary-button-text: rgb(255 255 255 / 1.0);
937        --color-primary-button-background: rgb(0 0 0 / 1.0);
938        --color-primary-button-border: rgb(0 0 0 / 1.0);
939        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
940        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
941        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
942        --color-secondary-button-text: rgb(0 0 0 / 1.0);
943        --color-secondary-button-background: rgb(0 0 0 / 0.0);
944        --color-secondary-button-border: rgb(0 0 0 / 1.0);
945        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
946        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
947        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
948        --color-input-background: rgb(255 255 255 / 0.78);
949        --color-input-text: rgb(51 51 51 / 1.0);
950        --color-input-text-rgb: 51 51 51;
951        --color-input-border: rgb(223 223 223 / 1.0);
952        --color-input-hover-background: rgb(0 0 0 / 0.01);
953        --color-variant-background: rgb(255 255 255 / 1.0);
954        --color-variant-border: rgb(0 0 0 / 0.13);
955        --color-variant-text: rgb(0 0 0 / 1.0);
956        --color-variant-text-rgb: 0 0 0;
957        --color-variant-hover-background: rgb(245 245 245 / 1.0);
958        --color-variant-hover-text: rgb(0 0 0 / 1.0);
959        --color-variant-hover-border: rgb(230 230 230 / 1.0);
960        --color-selected-variant-background: rgb(0 0 0 / 1.0);
961        --color-selected-variant-border: rgb(0 0 0 / 1.0);
962        --color-selected-variant-text: rgb(255 255 255 / 1.0);
963        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
964        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
965        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
966
967        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
968        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
969        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
970        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
971        --font-h1--color: var(--color-foreground-heading);
972        --font-h2--color: var(--color-foreground-heading);
973        --font-h3--color: var(--color-foreground-heading);
974        --font-h4--color: var(--color-foreground-heading);
975        --font-h5--color: var(--color-foreground-heading);
976        --font-h6--color: var(--color-foreground-heading);
977
978        /* Shadows */
979        
980          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
981        
982        
983          --shadow-blur: 20px;
984          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
985        
986      }
987  
988    
989    
990    
991    .color-scheme-2 {
992        --color-background: rgb(245 245 245 / 1.0);
993        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
994        --color-background-rgb: 245 245 245;
995        --opacity-5-15: 0.05;
996        --opacity-10-25: 0.1;
997        --opacity-35-55: 0.35;
998        --opacity-40-60: 0.4;
999        --opacity-30-60: 0.3;
1000        --color-foreground: rgb(0 0 0 / 0.81);
1001        --color-foreground-rgb: 0 0 0;
1002        --color-foreground-heading: rgb(0 0 0 / 1.0);
1003        --color-foreground-heading-rgb: 0 0 0;
1004        --color-primary: rgb(0 0 0 / 0.81);
1005        --color-primary-rgb: 0 0 0;
1006        --color-primary-hover: rgb(255 255 255 / 1.0);
1007        --color-primary-hover-rgb: 255 255 255;
1008        --color-border: rgb(223 223 223 / 1.0);
1009        --color-border-rgb: 223 223 223;
1010        --color-shadow: rgb(0 0 0 / 1.0);
1011        --color-shadow-rgb: 0 0 0;
1012        --color-primary-button-text: rgb(255 255 255 / 1.0);
1013        --color-primary-button-background: rgb(0 0 0 / 1.0);
1014        --color-primary-button-border: rgb(0 0 0 / 1.0);
1015        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1016        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1017        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1018        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1019        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1020        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1021        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1022        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1023        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
1024        --color-input-background: rgb(0 0 0 / 0.0);
1025        --color-input-text: rgb(0 0 0 / 0.53);
1026        --color-input-text-rgb: 0 0 0;
1027        --color-input-border: rgb(0 0 0 / 0.13);
1028        --color-input-hover-background: rgb(255 255 255 / 0.36);
1029        --color-variant-background: rgb(255 255 255 / 1.0);
1030        --color-variant-border: rgb(230 230 230 / 1.0);
1031        --color-variant-text: rgb(0 0 0 / 1.0);
1032        --color-variant-text-rgb: 0 0 0;
1033        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1034        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1035        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1036        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1037        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1038        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1039        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1040        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1041        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1042
1043        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1044        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1045        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1046        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1047        --font-h1--color: var(--color-foreground-heading);
1048        --font-h2--color: var(--color-foreground-heading);
1049        --font-h3--color: var(--color-foreground-heading);
1050        --font-h4--color: var(--color-foreground-heading);
1051        --font-h5--color: var(--color-foreground-heading);
1052        --font-h6--color: var(--color-foreground-heading);
1053
1054        /* Shadows */
1055        
1056          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1057        
1058        
1059          --shadow-blur: 20px;
1060          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1061        
1062      }
1063  
1064    
1065    
1066    
1067    .color-scheme-3 {
1068        --color-background: rgb(238 241 234 / 1.0);
1069        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1070        --color-background-rgb: 238 241 234;
1071        --opacity-5-15: 0.05;
1072        --opacity-10-25: 0.1;
1073        --opacity-35-55: 0.35;
1074        --opacity-40-60: 0.4;
1075        --opacity-30-60: 0.3;
1076        --color-foreground: rgb(0 0 0 / 0.81);
1077        --color-foreground-rgb: 0 0 0;
1078        --color-foreground-heading: rgb(0 0 0 / 1.0);
1079        --color-foreground-heading-rgb: 0 0 0;
1080        --color-primary: rgb(0 0 0 / 0.81);
1081        --color-primary-rgb: 0 0 0;
1082        --color-primary-hover: rgb(0 0 0 / 1.0);
1083        --color-primary-hover-rgb: 0 0 0;
1084        --color-border: rgb(0 0 0 / 0.81);
1085        --color-border-rgb: 0 0 0;
1086        --color-shadow: rgb(0 0 0 / 1.0);
1087        --color-shadow-rgb: 0 0 0;
1088        --color-primary-button-text: rgb(255 255 255 / 1.0);
1089        --color-primary-button-background: rgb(0 0 0 / 1.0);
1090        --color-primary-button-border: rgb(0 0 0 / 1.0);
1091        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1092        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1093        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1094        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1095        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1096        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1097        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1098        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1099        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1100        --color-input-background: rgb(0 0 0 / 0.0);
1101        --color-input-text: rgb(0 0 0 / 0.81);
1102        --color-input-text-rgb: 0 0 0;
1103        --color-input-border: rgb(0 0 0 / 0.81);
1104        --color-input-hover-background: rgb(255 255 255 / 0.36);
1105        --color-variant-background: rgb(255 255 255 / 1.0);
1106        --color-variant-border: rgb(230 230 230 / 1.0);
1107        --color-variant-text: rgb(0 0 0 / 1.0);
1108        --color-variant-text-rgb: 0 0 0;
1109        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1110        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1111        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1112        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1113        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1114        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1115        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1116        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1117        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1118
1119        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1120        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1121        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1122        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1123        --font-h1--color: var(--color-foreground-heading);
1124        --font-h2--color: var(--color-foreground-heading);
1125        --font-h3--color: var(--color-foreground-heading);
1126        --font-h4--color: var(--color-foreground-heading);
1127        --font-h5--color: var(--color-foreground-heading);
1128        --font-h6--color: var(--color-foreground-heading);
1129
1130        /* Shadows */
1131        
1132          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1133        
1134        
1135          --shadow-blur: 20px;
1136          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1137        
1138      }
1139  
1140    
1141    
1142    
1143    .color-scheme-4 {
1144        --color-background: rgb(225 237 245 / 1.0);
1145        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1146        --color-background-rgb: 225 237 245;
1147        --opacity-5-15: 0.05;
1148        --opacity-10-25: 0.1;
1149        --opacity-35-55: 0.35;
1150        --opacity-40-60: 0.4;
1151        --opacity-30-60: 0.3;
1152        --color-foreground: rgb(0 0 0 / 0.81);
1153        --color-foreground-rgb: 0 0 0;
1154        --color-foreground-heading: rgb(0 0 0 / 1.0);
1155        --color-foreground-heading-rgb: 0 0 0;
1156        --color-primary: rgb(0 0 0 / 0.81);
1157        --color-primary-rgb: 0 0 0;
1158        --color-primary-hover: rgb(0 0 0 / 1.0);
1159        --color-primary-hover-rgb: 0 0 0;
1160        --color-border: rgb(29 54 134 / 0.5);
1161        --color-border-rgb: 29 54 134;
1162        --color-shadow: rgb(0 0 0 / 1.0);
1163        --color-shadow-rgb: 0 0 0;
1164        --color-primary-button-text: rgb(255 255 255 / 1.0);
1165        --color-primary-button-background: rgb(0 0 0 / 1.0);
1166        --color-primary-button-border: rgb(29 54 134 / 1.0);
1167        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1168        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1169        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1170        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1171        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1172        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1173        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1174        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1175        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1176        --color-input-background: rgb(0 0 0 / 0.0);
1177        --color-input-text: rgb(0 0 0 / 0.81);
1178        --color-input-text-rgb: 0 0 0;
1179        --color-input-border: rgb(0 0 0 / 0.81);
1180        --color-input-hover-background: rgb(255 255 255 / 0.36);
1181        --color-variant-background: rgb(255 255 255 / 1.0);
1182        --color-variant-border: rgb(230 230 230 / 1.0);
1183        --color-variant-text: rgb(0 0 0 / 1.0);
1184        --color-variant-text-rgb: 0 0 0;
1185        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1186        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1187        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1188        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1189        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1190        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1191        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1192        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1193        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1194
1195        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1196        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1197        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1198        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1199        --font-h1--color: var(--color-foreground-heading);
1200        --font-h2--color: var(--color-foreground-heading);
1201        --font-h3--color: var(--color-foreground-heading);
1202        --font-h4--color: var(--color-foreground-heading);
1203        --font-h5--color: var(--color-foreground-heading);
1204        --font-h6--color: var(--color-foreground-heading);
1205
1206        /* Shadows */
1207        
1208          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1209        
1210        
1211          --shadow-blur: 20px;
1212          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1213        
1214      }
1215  
1216    
1217    
1218    
1219    .color-scheme-5 {
1220        --color-background: rgb(51 51 51 / 1.0);
1221        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1222        --color-background-rgb: 51 51 51;
1223        --opacity-5-15: 0.15;
1224        --opacity-10-25: 0.25;
1225        --opacity-35-55: 0.55;
1226        --opacity-40-60: 0.6;
1227        --opacity-30-60: 0.6;
1228        --color-foreground: rgb(255 255 255 / 1.0);
1229        --color-foreground-rgb: 255 255 255;
1230        --color-foreground-heading: rgb(255 255 255 / 1.0);
1231        --color-foreground-heading-rgb: 255 255 255;
1232        --color-primary: rgb(255 255 255 / 1.0);
1233        --color-primary-rgb: 255 255 255;
1234        --color-primary-hover: rgb(255 255 255 / 0.69);
1235        --color-primary-hover-rgb: 255 255 255;
1236        --color-border: rgb(255 255 255 / 0.69);
1237        --color-border-rgb: 255 255 255;
1238        --color-shadow: rgb(0 0 0 / 1.0);
1239        --color-shadow-rgb: 0 0 0;
1240        --color-primary-button-text: rgb(0 0 0 / 1.0);
1241        --color-primary-button-background: rgb(255 255 255 / 1.0);
1242        --color-primary-button-border: rgb(255 255 255 / 1.0);
1243        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1244        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1245        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1246        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1247        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1248        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1249        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1250        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1251        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1252        --color-input-background: rgb(51 51 51 / 1.0);
1253        --color-input-text: rgb(255 255 255 / 0.93);
1254        --color-input-text-rgb: 255 255 255;
1255        --color-input-border: rgb(255 255 255 / 0.69);
1256        --color-input-hover-background: rgb(255 255 255 / 0.04);
1257        --color-variant-background: rgb(255 255 255 / 1.0);
1258        --color-variant-border: rgb(230 230 230 / 1.0);
1259        --color-variant-text: rgb(0 0 0 / 1.0);
1260        --color-variant-text-rgb: 0 0 0;
1261        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1262        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1263        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1264        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1265        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1266        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1267        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1268        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1269        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1270
1271        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1272        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1273        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1274        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1275        --font-h1--color: var(--color-foreground-heading);
1276        --font-h2--color: var(--color-foreground-heading);
1277        --font-h3--color: var(--color-foreground-heading);
1278        --font-h4--color: var(--color-foreground-heading);
1279        --font-h5--color: var(--color-foreground-heading);
1280        --font-h6--color: var(--color-foreground-heading);
1281
1282        /* Shadows */
1283        
1284          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1285        
1286        
1287          --shadow-blur: 20px;
1288          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1289        
1290      }
1291  
1292    
1293    
1294    
1295    .color-scheme-6 {
1296        --color-background: rgb(0 0 0 / 0.0);
1297        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1298        --color-background-rgb: 0 0 0;
1299        --opacity-5-15: 0.15;
1300        --opacity-10-25: 0.25;
1301        --opacity-35-55: 0.55;
1302        --opacity-40-60: 0.6;
1303        --opacity-30-60: 0.6;
1304        --color-foreground: rgb(255 255 255 / 1.0);
1305        --color-foreground-rgb: 255 255 255;
1306        --color-foreground-heading: rgb(255 255 255 / 1.0);
1307        --color-foreground-heading-rgb: 255 255 255;
1308        --color-primary: rgb(255 255 255 / 1.0);
1309        --color-primary-rgb: 255 255 255;
1310        --color-primary-hover: rgb(255 255 255 / 0.69);
1311        --color-primary-hover-rgb: 255 255 255;
1312        --color-border: rgb(230 230 230 / 1.0);
1313        --color-border-rgb: 230 230 230;
1314        --color-shadow: rgb(0 0 0 / 1.0);
1315        --color-shadow-rgb: 0 0 0;
1316        --color-primary-button-text: rgb(0 0 0 / 1.0);
1317        --color-primary-button-background: rgb(255 255 255 / 1.0);
1318        --color-primary-button-border: rgb(255 255 255 / 1.0);
1319        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1320        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1321        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1322        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1322
1323        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1324        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1325        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1326        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1327        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1328        --color-input-background: rgb(255 255 255 / 1.0);
1329        --color-input-text: rgb(0 0 0 / 0.53);
1330        --color-input-text-rgb: 0 0 0;
1331        --color-input-border: rgb(0 0 0 / 0.13);
1332        --color-input-hover-background: rgb(250 250 250 / 1.0);
1333        --color-variant-background: rgb(255 255 255 / 1.0);
1334        --color-variant-border: rgb(230 230 230 / 1.0);
1335        --color-variant-text: rgb(0 0 0 / 1.0);
1336        --color-variant-text-rgb: 0 0 0;
1337        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1338        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1339        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1340        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1341        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1342        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1343        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1344        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1345        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1346
1347        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1348        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1349        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1350        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1351        --font-h1--color: var(--color-foreground-heading);
1352        --font-h2--color: var(--color-foreground-heading);
1353        --font-h3--color: var(--color-foreground-heading);
1354        --font-h4--color: var(--color-foreground-heading);
1355        --font-h5--color: var(--color-foreground-heading);
1356        --font-h6--color: var(--color-foreground-heading);
1357
1358        /* Shadows */
1359        
1360          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1361        
1362        
1363          --shadow-blur: 20px;
1364          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1365        
1366      }
1367  
1368    
1369    
1370    
1371    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1372        --color-background: rgb(0 0 0 / 0.0);
1373        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1374        --color-background-rgb: 0 0 0;
1375        --opacity-5-15: 0.15;
1376        --opacity-10-25: 0.25;
1377        --opacity-35-55: 0.55;
1378        --opacity-40-60: 0.6;
1379        --opacity-30-60: 0.6;
1380        --color-foreground: rgb(0 0 0 / 1.0);
1381        --color-foreground-rgb: 0 0 0;
1382        --color-foreground-heading: rgb(0 0 0 / 1.0);
1383        --color-foreground-heading-rgb: 0 0 0;
1384        --color-primary: rgb(0 0 0 / 1.0);
1385        --color-primary-rgb: 0 0 0;
1386        --color-primary-hover: rgb(0 0 0 / 0.53);
1387        --color-primary-hover-rgb: 0 0 0;
1388        --color-border: rgb(230 230 230 / 1.0);
1389        --color-border-rgb: 230 230 230;
1390        --color-shadow: rgb(0 0 0 / 1.0);
1391        --color-shadow-rgb: 0 0 0;
1392        --color-primary-button-text: rgb(255 255 255 / 1.0);
1393        --color-primary-button-background: rgb(0 0 0 / 1.0);
1394        --color-primary-button-border: rgb(0 0 0 / 1.0);
1395        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1396        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1397        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1398        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1399        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1400        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1401        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1402        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1403        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1404        --color-input-background: rgb(255 255 255 / 1.0);
1405        --color-input-text: rgb(0 0 0 / 0.53);
1406        --color-input-text-rgb: 0 0 0;
1407        --color-input-border: rgb(0 0 0 / 0.13);
1408        --color-input-hover-background: rgb(250 250 250 / 1.0);
1409        --color-variant-background: rgb(255 255 255 / 1.0);
1410        --color-variant-border: rgb(230 230 230 / 1.0);
1411        --color-variant-text: rgb(0 0 0 / 1.0);
1412        --color-variant-text-rgb: 0 0 0;
1413        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1414        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1415        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1416        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1417        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1418        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1419        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1420        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1421        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1422
1423        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1424        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1425        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1426        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1427        --font-h1--color: var(--color-foreground-heading);
1428        --font-h2--color: var(--color-foreground-heading);
1429        --font-h3--color: var(--color-foreground-heading);
1430        --font-h4--color: var(--color-foreground-heading);
1431        --font-h5--color: var(--color-foreground-heading);
1432        --font-h6--color: var(--color-foreground-heading);
1433
1434        /* Shadows */
1435        
1436          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1437        
1438        
1439          --shadow-blur: 20px;
1440          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1441        
1442      }
1443  
1444
1445  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1446    color: var(--color-foreground);
1447    background-color: var(--color-background);
1448  }
1449</style>
1450
1451
1452    
1452<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1452<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/66111307863/digital_wallets/dialog">
1453<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/all.atom" />
1454<link rel="alternate" hreflang="x-default" href="https://curlingabcs.com/collections/all">
1455<link rel="alternate" hreflang="en" href="https://curlingabcs.com/collections/all">
1456<link rel="alternate" hreflang="en-US" href="https://little-rocks-press.myshopify.com/collections/all">
1457<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2720170071"></script>
1457
1458<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1459<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2720170071&shop_id=66111307863" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1459
1459
1460<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":66111307863,"countryCode":"CA","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/66111307863","merchantName":"Little Rocks Press","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","interac","jcb"],"total":{"type":"pending","label":"Little Rocks Press","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1460
1460
1461<script id="shopify-features" type="application/json">{"accessToken":"7f5d09ee115457f634da968356f7db20","betas":["rich-media-storefront-analytics"],"domain":"little-rocks-press.myshopify.com","predictiveSearch":true,"shopId":66111307863,"locale":"en"}</script>
vendor: 1 bytes, line 1461
1461
1462<script>var Shopify = Shopify || {};
1463Shopify.shop = "nctxrb-5j.myshopify.com";
1464Shopify.locale = "en";
1465Shopify.currency = {"active":"USD","rate":"0.7154382"};
1466Shopify.country = "US";
1467Shopify.theme = {"name":"Horizon","id":138684465239,"schema_name":"Horizon","schema_version":"3.5.0","theme_store_id":2481,"role":"main"};
1468Shopify.theme.handle = "null";
1469Shopify.theme.style = {"id":null,"handle":null};
1470Shopify.cdnHost = "little-rocks-press.myshopify.com/cdn";
1471Shopify.routes = Shopify.routes || {};
1472Shopify.routes.root = "/";
1473Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1474Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1475Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1476Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1476
1476
1477<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1477
1477
1478<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 1478
1478
1479<script>
1480  window.ShopifyPay = window.ShopifyPay || {};
1481  window.ShopifyPay.apiHost = "shop.app\/pay";
1482  window.ShopifyPay.redirectState = null;
1483</script>
vendor: 1 bytes, line 1483
1483
1484<script>
1485  window.Shopify = window.Shopify || {};
1486  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1487  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1488  window.Shopify.SignInWithShop.eligible = true;
1489</script>
vendor: 1 bytes, line 1489
1489
1490<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 1490
1490
1491<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 1491
1491
1492<script type="module">
1493  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1494
1495  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1496
1497</script>
vendor: 1 bytes, line 1497
1497
1498<script>
1499  window.Shopify = window.Shopify || {};
1500  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1501  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"]};
1502</script>
vendor: 1 bytes, line 1502
1502
1503<script id="__st">var __st={"a":66111307863,"offset":-21600,"reqid":"f17ca369-ae56-4936-8ab7-c729af405fd4-1791599962","pageurl":"little-rocks-press.myshopify.com\/collections\/all","u":"56945b3ca424","p":"collection"};</script>
vendor: 1 bytes, line 1503
1503
1504<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1504
1504
1505<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 1505
1505
1506<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//little-rocks-press.myshopify.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1506
1506
1507<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 = "//little-rocks-press.myshopify.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>
1507<script crossorigin="anonymous" defer="defer" src="//little-rocks-press.myshopify.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1507
1507
1508<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 1508
1508
1509<script>
1510  window.Shopify = window.Shopify || {};
1511  window.Shopify.MCP = window.Shopify.MCP || {};
1512  window.Shopify.MCP.enabled = true;
1513  window.Shopify.MCP.shop = "nctxrb-5j.myshopify.com";
1514  window.Shopify.MCP.mcpEndpoint = "https:\/\/little-rocks-press.myshopify.com\/api\/mcp";
1515  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1516</script>
vendor: 1 bytes, line 1516
1516
1517<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("\/\/little-rocks-press.myshopify.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
1518</script>
vendor: 1 bytes, line 1518
1518
1519<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://little-rocks-press.myshopify.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1520</script>
vendor: 1 bytes, line 1520
1520
1521<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1522  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);
1523</script>
vendor: 1 bytes, line 1523
1523
1524<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1525</script>
vendor: 1 bytes, line 1525
1525
1526<script id='scb4127' type='text/javascript' async='' src='https://little-rocks-press.myshopify.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1526<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://little-rocks-press.myshopify.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1527<style id="shopify-accelerated-checkout-cart">
1528        #shopify-buyer-consent {
1529  margin-top: 1em;
1530  display: inline-block;
1531  width: 100%;
1532}
1533
1534#shopify-buyer-consent.hidden {
1535  display: none;
1536}
1537
1538#shopify-subscription-policy-button {
1539  background: none;
1540  border: none;
1541  padding: 0;
1542  text-decoration: underline;
1543  font-size: inherit;
1544  cursor: pointer;
1545}
1546
1547#shopify-subscription-policy-button::before {
1548  box-shadow: none;
1549}
1550
1551      </style>
1552<link rel="compression-dictionary" href="//little-rocks-press.myshopify.com/cdn/shop/t/1/compiled_assets/styles.css?v=28773759296090554651774023890" crossorigin="anonymous">
1553<link rel="stylesheet" media="screen" href="//little-rocks-press.myshopify.com/cdn/shop/t/1/compiled_assets/styles.css?v=28773759296090554651774023890&subset=AD4AAAABAAAwAAAAQEIAQFD4ANEDBkGuKlxTQA" crossorigin="anonymous">
1554<script id="sections-script" data-sections="main-collection" defer="defer" src="//little-rocks-press.myshopify.com/cdn/shop/t/1/compiled_assets/scripts.js?v=47368013396670054441772222886"></script>
vendor: 1 bytes, line 1554
1554
1555<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1555
1556  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1557<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: 66111307863,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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 1557
1557
1558<script>
1559  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1560</script>
vendor: 1 bytes, line 1560
1560
1561<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}
1561).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: 66111307863,storefrontBaseUrl: "https://curlingabcs.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://little-rocks-press.myshopify.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1457487959","configuration":"{\"mailchimp_store_id\":\"store_ty663l4paqcgw68cj3r9\", \"mailchimp_user_id\":\"249150984\",\"mailchimp_list_id\":\"b87bfeb6d7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"Little Rocks Press","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"nctxrb-5j.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/little-rocks-press.myshopify.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7593551167575","handle":"curling-abcs-slide-sweep-and-find","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42592491208791","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7589727961175","handle":"curlingabcs","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42574503968855","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://little-rocks-press.myshopify.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"138684465239","themeStoreId":"2481","themePublished":"true","eventMetadataId":"e418af96-906d-4ae6-988c-33ffa75d7b63","pageType":"collection","shopId":"66111307863","storefrontBaseUrl":"https:\/\/curlingabcs.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"\",\"title\":\"Products\",\"productVariants\":[{\"price\":{\"amount\":22.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th\",\"vendor\":\"Little Rocks Press\",\"id\":\"7593551167575\",\"untranslatedTitle\":\"Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th\",\"url\":\"\/products\/curling-abcs-slide-sweep-and-find\",\"type\":\"\"},\"id\":\"42592491208791\",\"image\":{\"src\":\"\/\/little-rocks-press.myshopify.com\/cdn\/shop\/files\/CurlingABCs.png?v=1772909581\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Curling ABCs - Slide, Sweep, and Find - PAPERBACK\",\"vendor\":\"Little Rocks Press\",\"id\":\"7589727961175\",\"untranslatedTitle\":\"Curling ABCs - Slide, Sweep, and Find - PAPERBACK\",\"url\":\"\/products\/curlingabcs\",\"type\":\"High Gloss Hardcover Children's Book\"},\"id\":\"42574503968855\",\"image\":{\"src\":\"\/\/little-rocks-press.myshopify.com\/cdn\/shop\/files\/Curling_ABCs_0eae0d6f-474a-448b
1561-b163-6d52dd8c0e54.png?v=1773105045\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
1561<script>
1562  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1563  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1564  window.ShopifyAnalytics.meta.currency = 'USD';
1565  var meta = {"products":[{"id":7593551167575,"gid":"gid:\/\/shopify\/Product\/7593551167575","vendor":"Little Rocks Press","type":"","handle":"curling-abcs-slide-sweep-and-find","variants":[{"id":42592491208791,"price":2200,"name":"Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th","public_title":null,"sku":null}],"remote":false},{"id":7589727961175,"gid":"gid:\/\/shopify\/Product\/7589727961175","vendor":"Little Rocks Press","type":"High Gloss Hardcover Children's Book","handle":"curlingabcs","variants":[{"id":42574503968855,"price":1500,"name":"Curling ABCs - Slide, Sweep, and Find - PAPERBACK","public_title":null,"sku":null}],"remote":false}],"page":{"pageType":"collection","requestId":"f17ca369-ae56-4936-8ab7-c729af405fd4-1791599962"}};
1566  for (var attr in meta) {
1567    window.ShopifyAnalytics.meta[attr] = meta[attr];
1568  }
1569</script>
vendor: 1 bytes, line 1569
1569
1570<script class="analytics">
1571  (function () {
1572    var customDocumentWrite = function(content) {
1573      var jquery = null;
1574
1575      if (window.jQuery) {
1576        jquery = window.jQuery;
1577      } else if (window.Checkout && window.Checkout.$) {
1578        jquery = window.Checkout.$;
1579      }
1580
1581      if (jquery) {
1582        jquery('body').append(content);
1583      }
1584    };
1585
1586    var hasLoggedConversion = function(token) {
1587      if (token) {
1588        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1589      }
1590      return false;
1591    }
1592
1593    var setCookieIfConversion = function(token) {
1594      if (token) {
1595        var twoMonthsFromNow = new Date(Date.now());
1596        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1597
1598        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1599      }
1600    }
1601
1602    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1603    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1604    if (trekkie.integrations) {
1605      return;
1606    }
1607    trekkie.methods = [
1608      'identify',
1609      'page',
1610      'ready',
1611      'track',
1612      'trackForm',
1613      'trackLink'
1614    ];
1615    trekkie.factory = function(method) {
1616      return function() {
1617        var args = Array.prototype.slice.call(arguments);
1618        args.unshift(method);
1619        trekkie.push(args);
1620        if (method == 'track' || method == 'page') {
1621          var pageUrl;
1622          try {
1623            pageUrl = window.location.href;
1624          } catch (e) {}
1625          var pageReferrer;
1626          try {
1627            pageReferrer = document.referrer;
1628          } catch (e) {}
1629          try {
1630            if (window.__TREKKIE_SHIM_QUEUE == null) {
1631              window.__TREKKIE_SHIM_QUEUE = [];
1632            }
1633            window.__TREKKIE_SHIM_QUEUE.push({
1634              from: 'trekkie-stub',
1635              method: method,
1636              args: args.slice(1),
1637              pageContext: {
1638                url: pageUrl,
1639                referrer: pageReferrer
1640              }
1641            });
1642          } catch (e) {
1643            // no-op
1644          }
1645        }
1646        return trekkie;
1647      };
1648    };
1649    for (var i = 0; i < trekkie.methods.length; i++) {
1650      var key = trekkie.methods[i];
1651      trekkie[key] = trekkie.factory(key);
1652    }
1653    trekkie.load = function(config) {
1654      trekkie.config = config || {};
1655      trekkie.config.initialDocumentCookie = document.cookie;
1656      var first = document.getElementsByTagName('script')[0];
1657var script = document.createElement('script');
1658script.type = 'text/javascript';
1659script.onerror = function(e) {
1660  var scriptFallback = document.createElement('script');
1661  scriptFallback.type = 'text/javascript';
1662  scriptFallback.onerror = function(error) {
1663          var Monorail = {
1664      produce: function produce(monorailDomain, schemaId, payload) {
1665        var currentMs = new Date().getTime();
1666        var event = {
1667          schema_id: schemaId,
1668          payload: payload,
1669          metadata: {
1670            event_created_at_ms: currentMs,
1671            event_sent_at_ms: currentMs
1672          }
1673        };
1674        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1675      },
1676      sendRequest: function sendRequest(endpointUrl, payload) {
1677        // Try the sendBeacon API
1678        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1679          var blobData = new window.Blob([payload], {
1680            type: 'text/plain'
1681          });
1682
1683          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1684            return true;
1685          } // sendBeacon was not successful
1686
1687        } // XHR beacon
1688
1689        var xhr = new XMLHttpRequest();
1690
1691        try {
1692          xhr.open('POST', endpointUrl);
1693          xhr.setRequestHeader('Content-Type', 'text/plain');
1694          xhr.send(payload);
1695        } catch (e) {
1696          console.log(e);
1697        }
1698
1699        return false;
1700      },
1701      isIos12: function isIos12() {
1702        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1703      }
1704    };
1705    Monorail.produce('monorail-edge.shopifysvc.com',
1706      'trekkie_storefront_load_errors/1.1',
1707      {shop_id: 66111307863,
1708      theme_id: 138684465239,
1709      app_name: "storefront",
1710      context_url: window.location.href,
1711      source_url: "//little-rocks-press.myshopify.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1712
1713  };
1714  scriptFallback.async = true;
1715  scriptFallback.src = '//little-rocks-press.myshopify.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1716  first.parentNode.insertBefore(scriptFallback, first);
1717};
1718script.async = true;
1719script.src = '//little-rocks-press.myshopify.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1720first.parentNode.insertBefore(script, first);
1721
1722    };
1723    trekkie.load(
1724      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":66111307863,"isMerchantRequest":null,"themeId":138684465239,"themeCityHash":"3963543377401488371","contentLanguage":"en","currency":"USD","eventMetadataId":"e418af96-906d-4ae6-988c-33ffa75d7b63"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1725    );
1726
1727    var loaded = false;
1728    trekkie.ready(function() {
1729      if (loaded) return;
1730      loaded = true;
1731
1732      window.ShopifyAnalytics.lib = window.trekkie;
1733
1734      var originalDocumentWrite = document.write;
1735      document.write = customDocumentWrite;
1736      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1737      document.write = originalDocumentWrite;
1738
1739      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1740      var token = match? match[1]: undefined;
1741      if (!hasLoggedConversion(token)) {
1742        setCookieIfConversion(token);
1743        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: all","collectionName":"all","nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1744      }
1745    });
1746
1747    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","requestId":"f17ca369-ae56-4936-8ab7-c729af405fd4-1791599962","shopifyEmitted":true});
1748
1749    var eventsListenerScript = document.createElement('script');
1750    eventsListenerScript.async = true;
1751    eventsListenerScript.src = "//little-rocks-press.myshopify.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1752    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1753})();</script>
vendor: 1 bytes, line 1753
1753
1754<script
1755  defer
1756  src="https://little-rocks-press.myshopify.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
1757  data-application="storefront-renderer"
1758  data-shop-id="66111307863"
1759  data-render-region="gcp-us-central1"
1760  data-page-type="collection"
1761  data-theme-instance-id="138684465239"
1762  data-theme-name="Horizon"
1763  data-theme-version="3.5.0"
1764  data-monorail-region="shop_domain"
1765  data-resource-timing-sampling-rate="10"
1766  data-shs="true"
1767  data-shs-beacon="true"
1768  data-shs-export-with-fetch="true"
1769  data-shs-logs-sample-rate="1"
1770  data-shs-beacon-endpoint="https://little-rocks-press.myshopify.com/api/collect"
1771></script>
vendor: 1 bytes, line 1771
1771
1772<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1772<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"66111307863","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"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":false},"visitor":{"country":"US","language":"en"}}</script>
1772
1773<meta name="shopify-y" content="e32dd657-98a5-4b88-9335-21c2e7c21568" data-expiration="1823157562000"><meta name="shopify-s" content="1f5e9f77-58ae-4a10-afd0-c0f430071a5c" data-expiration="1791601762000">
1774</head>
1775
1776  <body class="page-width-narrow card-hover-effect-none">
1777    <a
1778  class="skip-to-content-link button-secondary"
1779  href="#MainContent"
1780>
1781  Skip to content
1782</a>
1783
1784
1785
1786    <div id="header-group">
1787      <!-- BEGIN sections: header-group -->
1788<div id="shopify-section-sections--18079543984215__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
1789
1790
1791
1792<div class="section-background color-scheme-1"></div>
1793<aside
1794  class="announcement-bar spacing-style section section--page-width color-scheme-1"
1795  style="--padding-block-start: 15px; --padding-block-end:15px; 
1796--padding-inline-start:0px; --padding-inline-end:0px; 
1797; --border-bottom-width: 1px;"
1798>
1799  
1800
1801  <announcement-bar-component
1802    class="announcement-bar__slider"
1803    
1804  >
1805    
1806
1807    <div class="announcement-bar__slides">
1808      
1809<slideshow-slide
1810    ref="slides[]"
1811    class="
1812      announcement-bar__slide
1813      text-block
1814      text-block--AelBxbTlNcUlQSGVVR__announcement_BxgCk9
1815      text-block--align-center
1816      text-block--full-width
1817      custom-typography
1818      custom-font-size
1819      
1820    "
1821    style="
1822      
1823--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1824      --width: 100%;
1825      --text-align: center;
1826      --line-height: 1;
1827    "
1828    
1829    aria-hidden="false"
1830  >
1831    <p class="announcement-bar__text">
1832      <strong>Welcome to the book shop - Made in Canada </strong>
1833    </p>
1834
1835    
1836  </slideshow-slide>
1837
1838
1839
1840    </div>
1841  </announcement-bar-component>
1842</aside>
1843
1844
1845
1846
1847</div><header id="shopify-section-sections--18079543984215__header_section" class="shopify-section shopify-section-group-header-group header-section">
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857<script type="application/ld+json">
1858  {
1859    "@context": "http://schema.org",
1860    "@type": "Organization",
1861    "name": "Little Rocks Press",
1862    
1863    "url": "https:\/\/little-rocks-press.myshopify.com"
1864  }
1865</script>
1865
1866
1867<header-component
1868  id="header-component"
1869  class="header"
1870  data-theme-color="rgb(225 237 245)"
1871  
1872  
1873    sticky="always"
1874  
1875  data-skip-node-update
1876  data-scroll-direction="none"
1877  
1878  
1879  style="
1880    --color-scheme-top-row: rgba(225 237 245 / 1.0);
1881    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
1882    
1883  "
1884>
1885  <div class="header__underlay header__underlay-closed"></div>
1886  <div
1887    class="header__underlay header__underlay-open"
1888  ></div>
1889    
1890
1891    
1892
1893    
1894    
1895      <div
1896        class="header__row header__row--top color-scheme-4 section section--full-width-margin section--page-width"
1897        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1898        <div class="header__columns spacing-style">
1899          <div
1900      class="header__column header__column--left"
1901      data-testid="header-top-left"
1902    >
1903      
1904        
1905          
1906              
1907
1908
1909
1910    <div
1911      class="header__drawer"
1912      ref="headerDrawerContainer"
1913      data-hydration-key="header-drawer-mobile"
1914      
1915    >
1916      
1917
1918<script
1919  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/header-drawer.js?v=121243031541024704371772222882"
1920  type="module"
1921  fetchpriority="low"
1922></script>
1922
1923
1924<header-drawer
1925  class="header-drawer "
1926  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1927>
1928  <details
1929    id="Details-menu-drawer-container"
1930    data-skip-node-update="true"
1931    class="menu-drawer-container"
1932    ref="details"
1933    scroll-lock
1934  >
1935    <summary
1936      class="header__icon header__icon--menu header__icon--summary"
1937      aria-label="Menu"
1938      on:click="/toggle"
1939    >
1940      <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">
1941  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1942  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1943</svg>
1944</span>
1945      <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">
1946  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1947  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1948</svg>
1949</span>
1950    </summary>
1951    <div
1952      ref="menuDrawer"
1953      class="
1954        menu-drawer
1955        color-scheme-1
1956      "
1957    >
1958      <button
1959        class="button close-button menu-drawer__close-button"
1960        type="button"
1961        aria-label="Close"
1962        on:click="/close"
1963      >
1964        <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">
1965  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1966  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1967</svg>
1968</span>
1969      </button>
1970      <nav
1971        class="menu-drawer__navigation"
1972        style="--menu-top-level-font-family: var(--font-body--family);
1973--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
1974
1975  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1976  var(--menu-font-2xl--line-height);
1977
1978--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1979
1980--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
1981var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
1982none;
1983
1984    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
1985    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
1986    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
1987  
1988--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
1989var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
1990none;
1991
1992    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
1993    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
1994    var(--opacity-subdued-text));
1995  
1996
1997        "
1998        aria-label="Primary"
1999      >
2000        <ul
2001          class="menu-drawer__menu has-submenu"
2002          role="list"
2003        >
2004            
2005            
2006
2007              <li
2008                style="--menu-drawer-animation-index: 1;"
2009                class="menu-drawer__list-item--flat"
2010              >
2011                
2012<a
2013                    id="HeaderDrawer-home"
2014                    href="/"
2015                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2016                    
2017                  >
2018                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
2019                  </a>
2020                
2021              </li>
2022              <li
2023                style="--menu-drawer-animation-index: 2;"
2024                class="menu-drawer__list-item--flat"
2025              >
2026                
2027<a
2028                    id="HeaderDrawer-contact"
2029                    href="/pages/contact"
2030                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2031                    
2032                  >
2033                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
2034                  </a>
2035                
2036              </li>
2037        </ul>
2038      </nav>
2039      <div
2040        class="menu-drawer__utility-links menu-drawer__animated-element"
2041        style="--menu-drawer-animation-index: 2;"
2042      >
2043        
2044        
2045          
2046          
2047            <drawer-localization-component class="menu-drawer__localization">
2048              <details
2049                id="drawer-localization"
2050                class="drawer-localization"
2051                on:toggle="/toggle"
2052              >
2053                <summary
2054                  id="HeaderDrawer-localization"
2055                  class="drawer-localization__button h3 link focus-inset"
2056                  aria-expanded="false"
2057                  on:click="header-drawer/open/submenu"
2058                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2059                >
2060                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">USD</span>
2061                      </div></div>
2062                  <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">
2063  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2064</svg>
2065</span>
2066                </summary>
2067
2068                <div
2069                  class="menu-drawer__submenu has-submenu color-scheme-1"
2070                  style=""
2071                >
2072                  <div
2073                    class="menu-drawer__nav-buttons"
2074                    ref="navButtons"
2075                  >
2076                    <button
2077                      class="button menu-drawer__back-button link focus-inset"
2078                      on:click="header-drawer/back"
2079                    >
2080                      <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">
2081  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2082</svg>
2083</span>
2084                      Region and language
2085                    </button>
2086                    <button
2087                      class="button close-button menu-drawer__close-button"
2088                      type="button"
2089                      aria-label="Close"
2090                      on:click="header-drawer/close"
2091                    >
2092                      <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">
2093  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2094  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2095</svg>
2096</span>
2097                    </button>
2098                  </div>
2099
2100                  
2101<localization-form-component
2102  ref="localizationForm"
2103  data-label-results-count="[count] results"
2104  data-show-filter="true"
2105  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2106>
2107  
2108<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" />
2109      
2110        <div class="country-filter">
2111          <div class="field">
2112            <div class="country-filter__search-icon field__button">
2113              <span class="svg-wrapper">
2114                <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>
2115
2116              </span>
2117            </div>
2118            <input
2119              class="country-filter__input"
2120              id="country-filter-input"
2121              type="search"
2122              name="country_filter"
2123              value=""
2124              placeholder="Search"
2125              role="combobox"
2126              aria-owns="country-results"
2127              aria-controls="country-results"
2128              aria-haspopup="listbox"
2129              aria-autocomplete="list"
2130              aria-label="Find country"
2131              autocorrect="off"
2132              autocomplete="off"
2133              autocapitalize="off"
2134              spellcheck="false"
2135              ref="search"
2136              on:keyup="/filterCountries"
2137            >
2138            <label
2139              class="field__label visually-hidden"
2140              for="country-filter-input"
2141            >Search</label>
2142            <button
2143              type="reset"
2144              class="button button-unstyled country-filter__reset-button field__button"
2145              aria-label="Reset"
2146              ref="resetButton"
2147              hidden
2148              on:click="/resetCountriesFilter"
2149            >
2150              <span class="svg-wrapper">
2151                <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>
2152
2153              </span>
2154            </button>
2155          </div>
2156        </div>
2157      
2158      <div class="country-selector-form__wrapper">
2159        <h2
2160          class="visually-hidden"
2161          id="drawer-CountryLabel"
2162        >
2163          Country/Region
2164        </h2>
2165        
2166          <div
2167            id="sr-country-search-results-AK2VFWlZnQ29pU2RBW__header-menu-1"
2168            class="visually-hidden"
2169            aria-live="polite"
2170            ref="liveRegion"
2171          ></div>
2172        
2173        <div
2174          class="localization-form__list"
2175          id="drawer-country-results"
2176          ref="countryList"
2177        >
2178          
2179          <ul
2180            role="list"
2181            class="list-unstyled countries"
2182          >
2183            <span
2184              class="localization-form__list-item localization-form__list-item-disabled"
2185              id="no-results-message"
2186              ref="noResultsMessage"
2187              hidden
2188            >No results found</span>
2189              <li
2190                class="localization-form__list-item"
2191                
2192                data-value="AT"
2193                
2194                  data-aliases=""
2195                
2196                id="Austria"
2197                aria-label="Austria"
2198                role="option"
2199                tabindex="-1"
2200                ref="countryListItems[]"
2201                on:click="/selectCountry/AT"
2202              >
2203                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2204<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2205</svg>
2206</span>
2207                <span class="country">Austria</span>
2208                <span
2209                  class="localization-form__currency"
2210                  
2211                >
2212                  EUR
2213                  €</span>
2214              </li>
2215              <li
2216                class="localization-form__list-item"
2217                
2218                data-value="BE"
2219                
2220                  data-aliases=""
2221                
2222                id="Belgium"
2223                aria-label="Belgium"
2224                role="option"
2225                tabindex="-1"
2226                ref="countryListItems[]"
2227                on:click="/selectCountry/BE"
2228              >
2229                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2230<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2231</svg>
2232</span>
2233                <span class="country">Belgium</span>
2234                <span
2235                  class="localization-form__currency"
2236                  
2237                >
2238                  EUR
2239                  €</span>
2240              </li>
2241              <li
2242                class="localization-form__list-item"
2243                
2244                data-value="BG"
2245                
2246                  data-aliases=""
2247                
2248                id="Bulgaria"
2249                aria-label="Bulgaria"
2250                role="option"
2251                tabindex="-1"
2252                ref="countryListItems[]"
2253                on:click="/selectCountry/BG"
2254              >
2255                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2256<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2257</svg>
2258</span>
2259                <span class="country">Bulgaria</span>
2260                <span
2261                  class="localization-form__currency"
2262                  
2263                >
2264                  EUR
2265                  €</span>
2266              </li>
2267              <li
2268                class="localization-form__list-item"
2269                
2270                data-value="CA"
2271                
2272                  data-aliases=""
2273                
2274                id="Canada"
2275                aria-label="Canada"
2276                role="option"
2277                tabindex="-1"
2278                ref="countryListItems[]"
2279                on:click="/selectCountry/CA"
2280              >
2281                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2282<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2283</svg>
2284</span>
2285                <span class="country">Canada</span>
2286                <span
2287                  class="localization-form__currency"
2288                  
2289                >
2290                  CAD
2291                  $</span>
2292              </li>
2293              <li
2294                class="localization-form__list-item"
2295                
2296                data-value="HR"
2297                
2298                  data-aliases=""
2299                
2300                id="Croatia"
2301                aria-label="Croatia"
2302                role="option"
2303                tabindex="-1"
2304                ref="countryListItems[]"
2305                on:click="/selectCountry/HR"
2306              >
2307                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2308<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2309</svg>
2310</span>
2311                <span class="country">Croatia</span>
2312                <span
2313                  class="localization-form__currency"
2314                  
2315                >
2316                  EUR
2317                  €</span>
2318              </li>
2319              <li
2320                class="localization-form__list-item"
2321                
2322                data-value="CY"
2323                
2324                  data-aliases=""
2325                
2326                id="Cyprus"
2327                aria-label="Cyprus"
2328                role="option"
2329                tabindex="-1"
2330                ref="countryListItems[]"
2331                on:click="/selectCountry/CY"
2332              >
2333                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2334<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2335</svg>
2336</span>
2337                <span class="country">Cyprus</span>
2338                <span
2339                  class="localization-form__currency"
2340                  
2341                >
2342                  EUR
2343                  €</span>
2344              </li>
2345              <li
2346                class="localization-form__list-item"
2347                
2348                data-value="CZ"
2349                
2350                  data-aliases=""
2351                
2352                id="Czechia"
2353                aria-label="Czechia"
2354                role="option"
2355                tabindex="-1"
2356                ref="countryListItems[]"
2357                on:click="/selectCountry/CZ"
2358              >
2359                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2360<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2361</svg>
2362</span>
2363                <span class="country">Czechia</span>
2364                <span
2365                  class="localization-form__currency"
2366                  
2367                >
2368                  CZK
2369                  Kč</span>
2370              </li>
2371              <li
2372                class="localization-form__list-item"
2373                
2374                data-value="DK"
2375                
2376                  data-aliases=""
2377                
2378                id="Denmark"
2379                aria-label="Denmark"
2380                role="option"
2381                tabindex="-1"
2382                ref="countryListItems[]"
2383                on:click="/selectCountry/DK"
2384              >
2385                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2386<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2387</svg>
2388</span>
2389                <span class="country">Denmark</span>
2390                <span
2391                  class="localization-form__currency"
2392                  
2393                >
2394                  DKK
2395                  kr.</span>
2396              </li>
2397              <li
2398                class="localization-form__list-item"
2399                
2400                data-value="EE"
2401                
2402                  data-aliases=""
2403                
2404                id="Estonia"
2405                aria-label="Estonia"
2406                role="option"
2407                tabindex="-1"
2408                ref="countryListItems[]"
2409                on:click="/selectCountry/EE"
2410              >
2411                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2412<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2413</svg>
2414</span>
2415                <span class="country">Estonia</span>
2416                <span
2417                  class="localization-form__currency"
2418                  
2419                >
2420                  EUR
2421                  €</span>
2422              </li>
2423              <li
2424                class="localization-form__list-item"
2425                
2426                data-value="FI"
2427                
2428                  data-aliases=""
2429                
2430                id="Finland"
2431                aria-label="Finland"
2432                role="option"
2433                tabindex="-1"
2434                ref="countryListItems[]"
2435                on:click="/selectCountry/FI"
2436              >
2437                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2438<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2439</svg>
2440</span>
2441                <span class="country">Finland</span>
2442                <span
2443                  class="localization-form__currency"
2444                  
2445                >
2446                  EUR
2447                  €</span>
2448              </li>
2449              <li
2450                class="localization-form__list-item"
2451                
2452                data-value="FR"
2453                
2454                  data-aliases=""
2455                
2456                id="France"
2457                aria-label="France"
2458                role="option"
2459                tabindex="-1"
2460                ref="countryListItems[]"
2461                on:click="/selectCountry/FR"
2462              >
2463                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2464<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2465</svg>
2466</span>
2467                <span class="country">France</span>
2468                <span
2469                  class="localization-form__currency"
2470                  
2471                >
2472                  EUR
2473                  €</span>
2474              </li>
2475              <li
2476                class="localization-form__list-item"
2477                
2478                data-value="DE"
2479                
2480                  data-aliases=""
2481                
2482                id="Germany"
2483                aria-label="Germany"
2484                role="option"
2485                tabindex="-1"
2486                ref="countryListItems[]"
2487                on:click="/selectCountry/DE"
2488              >
2489                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2490<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2491</svg>
2492</span>
2493                <span class="country">Germany</span>
2494                <span
2495                  class="localization-form__currency"
2496                  
2497                >
2498                  EUR
2499                  €</span>
2500              </li>
2501              <li
2502                class="localization-form__list-item"
2503                
2504                data-value="GR"
2505                
2506                  data-aliases=""
2507                
2508                id="Greece"
2509                aria-label="Greece"
2510                role="option"
2511                tabindex="-1"
2512                ref="countryListItems[]"
2513                on:click="/selectCountry/GR"
2514              >
2515                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2516<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2517</svg>
2518</span>
2519                <span class="country">Greece</span>
2520                <span
2521                  class="localization-form__currency"
2522                  
2523                >
2524                  EUR
2525                  €</span>
2526              </li>
2527              <li
2528                class="localization-form__list-item"
2529                
2530                data-value="HU"
2531                
2532                  data-aliases=""
2533                
2534                id="Hungary"
2535                aria-label="Hungary"
2536                role="option"
2537                tabindex="-1"
2538                ref="countryListItems[]"
2539                on:click="/selectCountry/HU"
2540              >
2541                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2542<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2543</svg>
2544</span>
2545                <span class="country">Hungary</span>
2546                <span
2547                  class="localization-form__currency"
2548                  
2549                >
2550                  HUF
2551                  Ft</span>
2552              </li>
2553              <li
2554                class="localization-form__list-item"
2555                
2556                data-value="IE"
2557                
2558                  data-aliases=""
2559                
2560                id="Ireland"
2561                aria-label="Ireland"
2562                role="option"
2563                tabindex="-1"
2564                ref="countryListItems[]"
2565                on:click="/selectCountry/IE"
2566              >
2567                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2568<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2569</svg>
2570</span>
2571                <span class="country">Ireland</span>
2572                <span
2573                  class="localization-form__currency"
2574                  
2575                >
2576                  EUR
2577                  €</span>
2578              </li>
2579              <li
2580                class="localization-form__list-item"
2581                
2582                data-value="IT"
2583                
2584                  data-aliases=""
2585                
2586                id="Italy"
2587                aria-label="Italy"
2588                role="option"
2589                tabindex="-1"
2590                ref="countryListItems[]"
2591                on:click="/selectCountry/IT"
2592              >
2593                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2594<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2595</svg>
2596</span>
2597                <span class="country">Italy</span>
2598                <span
2599                  class="localization-form__currency"
2600                  
2601                >
2602                  EUR
2603                  €</span>
2604              </li>
2605              <li
2606                class="localization-form__list-item"
2607                
2608                data-value="LV"
2609                
2610                  data-aliases=""
2611                
2612                id="Latvia"
2613                aria-label="Latvia"
2614                role="option"
2615                tabindex="-1"
2616                ref="countryListItems[]"
2617                on:click="/selectCountry/LV"
2618              >
2619                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2620<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2621</svg>
2622</span>
2623                <span class="country">Latvia</span>
2624                <span
2625                  class="localization-form__currency"
2626                  
2627                >
2628                  EUR
2629                  €</span>
2630              </li>
2631              <li
2632                class="localization-form__list-item"
2633                
2634                data-value="LT"
2635                
2636                  data-aliases=""
2637                
2638                id="Lithuania"
2639                aria-label="Lithuania"
2640                role="option"
2641                tabindex="-1"
2642                ref="countryListItems[]"
2643                on:click="/selectCountry/LT"
2644              >
2645                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2646<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2647</svg>
2648</span>
2649                <span class="country">Lithuania</span>
2650                <span
2651                  class="localization-form__currency"
2652                  
2653                >
2654                  EUR
2655                  €</span>
2656              </li>
2657              <li
2658                class="localization-form__list-item"
2659                
2660                data-value="LU"
2661                
2662                  data-aliases=""
2663                
2664                id="Luxembourg"
2665                aria-label="Luxembourg"
2666                role="option"
2667                tabindex="-1"
2668                ref="countryListItems[]"
2669                on:click="/selectCountry/LU"
2670              >
2671                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2672<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2673</svg>
2674</span>
2675                <span class="country">Luxembourg</span>
2676                <span
2677                  class="localization-form__currency"
2678                  
2679                >
2680                  EUR
2681                  €</span>
2682              </li>
2683              <li
2684                class="localization-form__list-item"
2685                
2686                data-value="MT"
2687                
2688                  data-aliases=""
2689                
2690                id="Malta"
2691                aria-label="Malta"
2692                role="option"
2693                tabindex="-1"
2694                ref="countryListItems[]"
2695                on:click="/selectCountry/MT"
2696              >
2697                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2698<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2699</svg>
2700</span>
2701                <span class="country">Malta</span>
2702                <span
2703                  class="localization-form__currency"
2704                  
2705                >
2706                  EUR
2707                  €</span>
2708              </li>
2709              <li
2710                class="localization-form__list-item"
2711                
2712                data-value="NL"
2713                
2714                  data-aliases=""
2715                
2716                id="Netherlands"
2717                aria-label="Netherlands"
2718                role="option"
2719                tabindex="-1"
2720                ref="countryListItems[]"
2721                on:click="/selectCountry/NL"
2722              >
2723                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2724<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2725</svg>
2726</span>
2727                <span class="country">Netherlands</span>
2728                <span
2729                  class="localization-form__currency"
2730                  
2731                >
2732                  EUR
2733                  €</span>
2734              </li>
2735              <li
2736                class="localization-form__list-item"
2737                
2738                data-value="PL"
2739                
2740                  data-aliases=""
2741                
2742                id="Poland"
2743                aria-label="Poland"
2744                role="option"
2745                tabindex="-1"
2746                ref="countryListItems[]"
2747                on:click="/selectCountry/PL"
2748              >
2749                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2750<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2751</svg>
2752</span>
2753                <span class="country">Poland</span>
2754                <span
2755                  class="localization-form__currency"
2756                  
2757                >
2758                  PLN
2759                  zł</span>
2760              </li>
2761              <li
2762                class="localization-form__list-item"
2763                
2764                data-value="PT"
2765                
2766                  data-aliases=""
2767                
2768                id="Portugal"
2769                aria-label="Portugal"
2770                role="option"
2771                tabindex="-1"
2772                ref="countryListItems[]"
2773                on:click="/selectCountry/PT"
2774              >
2775                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2776<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2777</svg>
2778</span>
2779                <span class="country">Portugal</span>
2780                <span
2781                  class="localization-form__currency"
2782                  
2783                >
2784                  EUR
2785                  €</span>
2786              </li>
2787              <li
2788                class="localization-form__list-item"
2789                
2790                data-value="RO"
2791                
2792                  data-aliases=""
2793                
2794                id="Romania"
2795                aria-label="Romania"
2796                role="option"
2797                tabindex="-1"
2798                ref="countryListItems[]"
2799                on:click="/selectCountry/RO"
2800              >
2801                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2802<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2803</svg>
2804</span>
2805                <span class="country">Romania</span>
2806                <span
2807                  class="localization-form__currency"
2808                  
2809                >
2810                  RON
2811                  Lei</span>
2812              </li>
2813              <li
2814                class="localization-form__list-item"
2815                
2816                data-value="SK"
2817                
2818                  data-aliases=""
2819                
2820                id="Slovakia"
2821                aria-label="Slovakia"
2822                role="option"
2823                tabindex="-1"
2824                ref="countryListItems[]"
2825                on:click="/selectCountry/SK"
2826              >
2827                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2828<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2829</svg>
2830</span>
2831                <span class="country">Slovakia</span>
2832                <span
2833                  class="localization-form__currency"
2834                  
2835                >
2836                  EUR
2837                  €</span>
2838              </li>
2839              <li
2840                class="localization-form__list-item"
2841                
2842                data-value="SI"
2843                
2844                  data-aliases=""
2845                
2846                id="Slovenia"
2847                aria-label="Slovenia"
2848                role="option"
2849                tabindex="-1"
2850                ref="countryListItems[]"
2851                on:click="/selectCountry/SI"
2852              >
2853                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2854<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2855</svg>
2856</span>
2857                <span class="country">Slovenia</span>
2858                <span
2859                  class="localization-form__currency"
2860                  
2861                >
2862                  EUR
2863                  €</span>
2864              </li>
2865              <li
2866                class="localization-form__list-item"
2867                
2868                data-value="ES"
2869                
2870                  data-aliases=""
2871                
2872                id="Spain"
2873                aria-label="Spain"
2874                role="option"
2875                tabindex="-1"
2876                ref="countryListItems[]"
2877                on:click="/selectCountry/ES"
2878              >
2879                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2880<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2881</svg>
2882</span>
2883                <span class="country">Spain</span>
2884                <span
2885                  class="localization-form__currency"
2886                  
2887                >
2888                  EUR
2889                  €</span>
2890              </li>
2891              <li
2892                class="localization-form__list-item"
2893                
2894                data-value="SE"
2895                
2896                  data-aliases=""
2897                
2898                id="Sweden"
2899                aria-label="Sweden"
2900                role="option"
2901                tabindex="-1"
2902                ref="countryListItems[]"
2903                on:click="/selectCountry/SE"
2904              >
2905                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2906<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2907</svg>
2908</span>
2909                <span class="country">Sweden</span>
2910                <span
2911                  class="localization-form__currency"
2912                  
2913                >
2914                  SEK
2915                  kr</span>
2916              </li>
2917              <li
2918                class="localization-form__list-item"
2919                
2920                data-value="GB"
2921                
2922                  data-aliases="uk,gb,great britain"
2923                
2924                id="United Kingdom"
2925                aria-label="United Kingdom"
2926                role="option"
2927                tabindex="-1"
2928                ref="countryListItems[]"
2929                on:click="/selectCountry/GB"
2930              >
2931                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2932<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2933</svg>
2934</span>
2935                <span class="country">United Kingdom</span>
2936                <span
2937                  class="localization-form__currency"
2938                  
2939                >
2940                  GBP
2941                  £</span>
2942              </li>
2943              <li
2944                class="localization-form__list-item"
2945                
2946                  aria-current="true"
2947                
2948                data-value="US"
2949                
2950                  data-aliases="us,usa,america,united states of america"
2951                
2952                id="United States"
2953                aria-label="United States"
2954                role="option"
2955                tabindex="-1"
2956                ref="countryListItems[]"
2957                on:click="/selectCountry/US"
2958              >
2959                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2960<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2961</svg>
2962</span>
2963                <span class="country">United States</span>
2964                <span
2965                  class="localization-form__currency"
2966                  
2967                >
2968                  USD
2969                  $</span>
2970              </li></ul>
2971        </div>
2972        <div class="country-selector__overlay"></div>
2973        <input
2974          type="hidden"
2975          name="country_code"
2976          value="US"
2977          ref="countryInput"
2978        >
2979      </div>
2980    
2981
2982    
2983</form></localization-form-component>
2984
2985
2986
2987                </div>
2988              </details>
2989            </drawer-localization-component>
2990          
2991</div>
2992
2993      
2994    </div>
2995    <div
2996      class="menu-drawer__backdrop"
2997      on:click="header-drawer/close"
2998    ></div>
2999  </details>
3000</header-drawer>
3001
3002
3003
3004    </div>
3005
3006  
3007
3008<style data-shopify>
3009  .header__underlay {
3010    --color-submenu: rgb(255 255 255 / 1.0);
3011  }
3012</style>
3013
3014
3015
3016
3017            
3018        
3019      
3020        
3021          
3022              
3023  <search-button
3024    class="search-action search-action--hidden-on-menu"
3025  >
3026    <button
3027      on:click="#search-modal/showDialog"
3028      class="button-unstyled header-actions__action"
3029      aria-label="Search"
3030      aria-haspopup="dialog"
3031    >
3032      <span class="hidden">
3033        Search
3034      </span>
3035
3036      <span class="svg-wrapper ">
3037        <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>
3038
3039      </span>
3040    </button>
3041  </search-button>
3042
3043
3044
3045
3046            
3047        
3048      
3049        
3050          
3051              
3052
3053
3054
3055
3056<a
3057  
3058  href="/"
3059  class="size-style spacing-style header-logo"
3060  style="
3061    --size-style-width: ;--size-style-height: ;
3062    --padding-block-start: 0px;--padding-block-end: 0px;
3063    --font-family: var(--font-body--family);
3064    --font-style: var(--font-body--style);
3065    --font-weight: 600;
3066  "
3067  
3068>
3069  
3070
3071  <span
3072    class="header-logo__image-container header-logo__image-container--original"
3073    data-testid="header-logo"
3074  >
3075    
3076  Little Rocks Press
3077
3078
3079  </span>
3080
3081  
3082</a>
3083
3084
3085
3086
3087
3088            
3089        
3090      
3091        
3092          
3093              
3094
3095
3096
3097    
3098
3099    
3100
3101    <header-menu
3102      ref="headerMenu"
3103      class="header-menu"
3104      
3105      data-hydration-key="header-menu"
3106    >
3107      <div class="header-menu__inner">
3108        <nav
3109          class="menu-list"
3110          aria-label="Primary"
3111          style="--menu-top-level-font-family: var(--font-body--family);
3112--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
3113
3114  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
3115  var(--menu-font-sm--line-height);
3116
3117--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3118"
3119        >
3120          
3121          <overflow-list
3122  
3123    ref="overflowMenu"
3124  
3125  
3126    class="overflow-menu color-scheme-1"
3127  
3128  
3129    minimum-items="2"
3130  
3131  
3132    data-testid="header-menu-overflow-list"
3133  
3134  
3135    data-skip-node-update
3136  
3137>
3138  <template shadowrootmode="open">
3139    <link href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451774007116" rel="stylesheet" type="text/css" media="all" />
3140
3141    <ul part="list">
3142      <slot></slot>
3143      <slot
3144        name="more"
3145        part="more"
3146        hidden
3147        
3148      >
3149        <li
3150          part="more"
3151        >
3152          <button
3153            class="button"
3154            type="button"
3155            tabindex="0"
3156            
3157          >
3158            More
3159          </button>
3160        </li>
3161      </slot>
3162      <li
3163        part="placeholder"
3164        hidden
3165      ></li>
3166    </ul>
3167
3168    <div part="overflow">
3169      <ul part="overflow-list">
3170        <slot name="overflow"></slot>
3171      </ul>
3172    </div>
3173  </template>
3174
3175  
3176      
3177        <li
3178          role="presentation"
3179          class="menu-list__list-item"
3180          on:focus="/activate"
3181          on:blur="/deactivate"
3182          on:pointerenter="/activate"
3183          on:pointerleave="/deactivate"
3184        >
3185          <a
3186            href="/"
3187            data-skip-node-update="true"
3188            class="menu-list__link"
3189            ref="menuitem"
3190          >
3191            <span class="menu-list__link-title">Home</span>
3192          </a></li>
3193      
3194        <li
3195          role="presentation"
3196          class="menu-list__list-item"
3197          on:focus="/activate"
3198          on:blur="/deactivate"
3199          on:pointerenter="/activate"
3200          on:pointerleave="/deactivate"
3201        >
3202          <a
3203            href="/pages/contact"
3204            data-skip-node-update="true"
3205            class="menu-list__link"
3206            ref="menuitem"
3207          >
3208            <span class="menu-list__link-title">Contact</span>
3209          </a></li>
3210      
3211      <li
3212        class="menu-list__list-item"
3213        role="presentation"
3214        slot="more"
3215        on:focus="/activate"
3216        on:blur="/deactivate"
3217        on:pointerenter="/activate"
3218        on:pointerleave="/deactivate"
3219      >
3220        <button role="listitem" class="menu-list__link button-unstyled">
3221          <span class="menu-list__link-title">More</span>
3222        </button>
3223      </li>
3224    
3225</overflow-list>
3226
3227        </nav>
3228      </div>
3229
3230      
3230<script
3231        src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/header-menu.js?v=97820922056036071501774007116"
3232        type="module"
3233        fetchpriority="low"
3234      ></script>
3234
3235    </header-menu>
3236
3237
3238<style data-shopify>
3239  .header__underlay {
3240    --color-submenu: rgb(255 255 255 / 1.0);
3241  }
3242</style>
3243
3244
3245
3246
3247            
3248        
3249      
3250    </div><div
3251      class="header__column header__column--right"
3252      data-testid="header-top-right"
3253    >
3254      
3255        
3256          
3257              
3258  
3259  
3260    <dropdown-localization-component
3261      class="dropdown-localization mobile:hidden"
3262    >
3263      <button
3264        type="button"
3265        class="button dropdown-localization__button localization-selector header-actions__action"
3266        aria-expanded="false"
3267        aria-controls="dropdown-localization-results"
3268        ref="button"
3269        on:click="/toggleSelector"
3270        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 0.875rem; "
3271      >
3272        
3273          
3274          <span
3275            class="currency-code"
3276            data-testid="localization-currency-code"
3277          >USD</span>
3278        
3279        <span
3280          class="visually-hidden"
3281          data-testid="localization-visually-hidden"
3282        >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">
3283  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3284</svg>
3285</span>
3286      </button>
3287
3288      <div
3289        class="localization-wrapper right-bound color-scheme-1"
3290        hidden
3291        ref="panel"
3292      >
3293        
3294<localization-form-component
3295  ref="localizationForm"
3296  data-label-results-count="[count] results"
3297  data-show-filter="true"
3298  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3299>
3300  
3301<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" />
3302      
3303        <div class="country-filter">
3304          <div class="field">
3305            <div class="country-filter__search-icon field__button">
3306              <span class="svg-wrapper">
3307                <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>
3308
3309              </span>
3310            </div>
3311            <input
3312              class="country-filter__input"
3313              id="country-filter-input"
3314              type="search"
3315              name="country_filter"
3316              value=""
3317              placeholder="Search"
3318              role="combobox"
3319              aria-owns="country-results"
3320              aria-controls="country-results"
3321              aria-haspopup="listbox"
3322              aria-autocomplete="list"
3323              aria-label="Find country"
3324              autocorrect="off"
3325              autocomplete="off"
3326              autocapitalize="off"
3327              spellcheck="false"
3328              ref="search"
3329              on:keyup="/filterCountries"
3330            >
3331            <label
3332              class="field__label visually-hidden"
3333              for="country-filter-input"
3334            >Search</label>
3335            <button
3336              type="reset"
3337              class="button button-unstyled country-filter__reset-button field__button"
3338              aria-label="Reset"
3339              ref="resetButton"
3340              hidden
3341              on:click="/resetCountriesFilter"
3342            >
3343              <span class="svg-wrapper">
3344                <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>
3345
3346              </span>
3347            </button>
3348          </div>
3349        </div>
3350      
3351      <div class="country-selector-form__wrapper">
3352        <h2
3353          class="visually-hidden"
3354          id="dropdown-CountryLabel"
3355        >
3356          Country/Region
3357        </h2>
3358        
3359          <div
3360            id="sr-country-search-results-sections--18079543984215__header_section"
3361            class="visually-hidden"
3362            aria-live="polite"
3363            ref="liveRegion"
3364          ></div>
3365        
3366        <div
3367          class="localization-form__list"
3368          id="dropdown-country-results"
3369          ref="countryList"
3370        >
3371          
3372          <ul
3373            role="list"
3374            class="list-unstyled countries"
3375          >
3376            <span
3377              class="localization-form__list-item localization-form__list-item-disabled"
3378              id="no-results-message"
3379              ref="noResultsMessage"
3380              hidden
3381            >No results found</span>
3382              <li
3383                class="localization-form__list-item"
3384                
3385                data-value="AT"
3386                
3387                  data-aliases=""
3388                
3389                id="Austria"
3390                aria-label="Austria"
3391                role="option"
3392                tabindex="-1"
3393                ref="countryListItems[]"
3394                on:click="/selectCountry/AT"
3395              >
3396                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3397<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3398</svg>
3399</span>
3400                <span class="country">Austria</span>
3401                <span
3402                  class="localization-form__currency"
3403                  
3404                >
3405                  EUR
3406                  €</span>
3407              </li>
3408              <li
3409                class="localization-form__list-item"
3410                
3411                data-value="BE"
3412                
3413                  data-aliases=""
3414                
3415                id="Belgium"
3416                aria-label="Belgium"
3417                role="option"
3418                tabindex="-1"
3419                ref="countryListItems[]"
3420                on:click="/selectCountry/BE"
3421              >
3422                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3423<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3424</svg>
3425</span>
3426                <span class="country">Belgium</span>
3427                <span
3428                  class="localization-form__currency"
3429                  
3430                >
3431                  EUR
3432                  €</span>
3433              </li>
3434              <li
3435                class="localization-form__list-item"
3436                
3437                data-value="BG"
3438                
3439                  data-aliases=""
3440                
3441                id="Bulgaria"
3442                aria-label="Bulgaria"
3443                role="option"
3444                tabindex="-1"
3445                ref="countryListItems[]"
3446                on:click="/selectCountry/BG"
3447              >
3448                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3449<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3450</svg>
3451</span>
3452                <span class="country">Bulgaria</span>
3453                <span
3454                  class="localization-form__currency"
3455                  
3456                >
3457                  EUR
3458                  €</span>
3459              </li>
3460              <li
3461                class="localization-form__list-item"
3462                
3463                data-value="CA"
3464                
3465                  data-aliases=""
3466                
3467                id="Canada"
3468                aria-label="Canada"
3469                role="option"
3470                tabindex="-1"
3471                ref="countryListItems[]"
3472                on:click="/selectCountry/CA"
3473              >
3474                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3475<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3476</svg>
3477</span>
3478                <span class="country">Canada</span>
3479                <span
3480                  class="localization-form__currency"
3481                  
3482                >
3483                  CAD
3484                  $</span>
3485              </li>
3486              <li
3487                class="localization-form__list-item"
3488                
3489                data-value="HR"
3490                
3491                  data-aliases=""
3492                
3493                id="Croatia"
3494                aria-label="Croatia"
3495                role="option"
3496                tabindex="-1"
3497                ref="countryListItems[]"
3498                on:click="/selectCountry/HR"
3499              >
3500                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3501<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3502</svg>
3503</span>
3504                <span class="country">Croatia</span>
3505                <span
3506                  class="localization-form__currency"
3507                  
3508                >
3509                  EUR
3510                  €</span>
3511              </li>
3512              <li
3513                class="localization-form__list-item"
3514                
3515                data-value="CY"
3516                
3517                  data-aliases=""
3518                
3519                id="Cyprus"
3520                aria-label="Cyprus"
3521                role="option"
3522                tabindex="-1"
3523                ref="countryListItems[]"
3524                on:click="/selectCountry/CY"
3525              >
3526                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3527<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3528</svg>
3529</span>
3530                <span class="country">Cyprus</span>
3531                <span
3532                  class="localization-form__currency"
3533                  
3534                >
3535                  EUR
3536                  €</span>
3537              </li>
3538              <li
3539                class="localization-form__list-item"
3540                
3541                data-value="CZ"
3542                
3543                  data-aliases=""
3544                
3545                id="Czechia"
3546                aria-label="Czechia"
3547                role="option"
3548                tabindex="-1"
3549                ref="countryListItems[]"
3550                on:click="/selectCountry/CZ"
3551              >
3552                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3553<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3554</svg>
3555</span>
3556                <span class="country">Czechia</span>
3557                <span
3558                  class="localization-form__currency"
3559                  
3560                >
3561                  CZK
3562                  Kč</span>
3563              </li>
3564              <li
3565                class="localization-form__list-item"
3566                
3567                data-value="DK"
3568                
3569                  data-aliases=""
3570                
3571                id="Denmark"
3572                aria-label="Denmark"
3573                role="option"
3574                tabindex="-1"
3575                ref="countryListItems[]"
3576                on:click="/selectCountry/DK"
3577              >
3578                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3579<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3580</svg>
3581</span>
3582                <span class="country">Denmark</span>
3583                <span
3584                  class="localization-form__currency"
3585                  
3586                >
3587                  DKK
3588                  kr.</span>
3589              </li>
3590              <li
3591                class="localization-form__list-item"
3592                
3593                data-value="EE"
3594                
3595                  data-aliases=""
3596                
3597                id="Estonia"
3598                aria-label="Estonia"
3599                role="option"
3600                tabindex="-1"
3601                ref="countryListItems[]"
3602                on:click="/selectCountry/EE"
3603              >
3604                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3605<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3606</svg>
3607</span>
3608                <span class="country">Estonia</span>
3609                <span
3610                  class="localization-form__currency"
3611                  
3612                >
3613                  EUR
3614                  €</span>
3615              </li>
3616              <li
3617                class="localization-form__list-item"
3618                
3619                data-value="FI"
3620                
3621                  data-aliases=""
3622                
3623                id="Finland"
3624                aria-label="Finland"
3625                role="option"
3626                tabindex="-1"
3627                ref="countryListItems[]"
3628                on:click="/selectCountry/FI"
3629              >
3630                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3631<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3632</svg>
3633</span>
3634                <span class="country">Finland</span>
3635                <span
3636                  class="localization-form__currency"
3637                  
3638                >
3639                  EUR
3640                  €</span>
3641              </li>
3642              <li
3643                class="localization-form__list-item"
3644                
3645                data-value="FR"
3646                
3647                  data-aliases=""
3648                
3649                id="France"
3650                aria-label="France"
3651                role="option"
3652                tabindex="-1"
3653                ref="countryListItems[]"
3654                on:click="/selectCountry/FR"
3655              >
3656                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3657<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3658</svg>
3659</span>
3660                <span class="country">France</span>
3661                <span
3662                  class="localization-form__currency"
3663                  
3664                >
3665                  EUR
3666                  €</span>
3667              </li>
3668              <li
3669                class="localization-form__list-item"
3670                
3671                data-value="DE"
3672                
3673                  data-aliases=""
3674                
3675                id="Germany"
3676                aria-label="Germany"
3677                role="option"
3678                tabindex="-1"
3679                ref="countryListItems[]"
3680                on:click="/selectCountry/DE"
3681              >
3682                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3683<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3684</svg>
3685</span>
3686                <span class="country">Germany</span>
3687                <span
3688                  class="localization-form__currency"
3689                  
3690                >
3691                  EUR
3692                  €</span>
3693              </li>
3694              <li
3695                class="localization-form__list-item"
3696                
3697                data-value="GR"
3698                
3699                  data-aliases=""
3700                
3701                id="Greece"
3702                aria-label="Greece"
3703                role="option"
3704                tabindex="-1"
3705                ref="countryListItems[]"
3706                on:click="/selectCountry/GR"
3707              >
3708                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3709<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3710</svg>
3711</span>
3712                <span class="country">Greece</span>
3713                <span
3714                  class="localization-form__currency"
3715                  
3716                >
3717                  EUR
3718                  €</span>
3719              </li>
3720              <li
3721                class="localization-form__list-item"
3722                
3723                data-value="HU"
3724                
3725                  data-aliases=""
3726                
3727                id="Hungary"
3728                aria-label="Hungary"
3729                role="option"
3730                tabindex="-1"
3731                ref="countryListItems[]"
3732                on:click="/selectCountry/HU"
3733              >
3734                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3735<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3736</svg>
3737</span>
3738                <span class="country">Hungary</span>
3739                <span
3740                  class="localization-form__currency"
3741                  
3742                >
3743                  HUF
3744                  Ft</span>
3745              </li>
3746              <li
3747                class="localization-form__list-item"
3748                
3749                data-value="IE"
3750                
3751                  data-aliases=""
3752                
3753                id="Ireland"
3754                aria-label="Ireland"
3755                role="option"
3756                tabindex="-1"
3757                ref="countryListItems[]"
3758                on:click="/selectCountry/IE"
3759              >
3760                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3761<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3762</svg>
3763</span>
3764                <span class="country">Ireland</span>
3765                <span
3766                  class="localization-form__currency"
3767                  
3768                >
3769                  EUR
3770                  €</span>
3771              </li>
3772              <li
3773                class="localization-form__list-item"
3774                
3775                data-value="IT"
3776                
3777                  data-aliases=""
3778                
3779                id="Italy"
3780                aria-label="Italy"
3781                role="option"
3782                tabindex="-1"
3783                ref="countryListItems[]"
3784                on:click="/selectCountry/IT"
3785              >
3786                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3787<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3788</svg>
3789</span>
3790                <span class="country">Italy</span>
3791                <span
3792                  class="localization-form__currency"
3793                  
3794                >
3795                  EUR
3796                  €</span>
3797              </li>
3798              <li
3799                class="localization-form__list-item"
3800                
3801                data-value="LV"
3802                
3803                  data-aliases=""
3804                
3805                id="Latvia"
3806                aria-label="Latvia"
3807                role="option"
3808                tabindex="-1"
3809                ref="countryListItems[]"
3810                on:click="/selectCountry/LV"
3811              >
3812                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3813<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3814</svg>
3815</span>
3816                <span class="country">Latvia</span>
3817                <span
3818                  class="localization-form__currency"
3819                  
3820                >
3821                  EUR
3822                  €</span>
3823              </li>
3824              <li
3825                class="localization-form__list-item"
3826                
3827                data-value="LT"
3828                
3829                  data-aliases=""
3830                
3831                id="Lithuania"
3832                aria-label="Lithuania"
3833                role="option"
3834                tabindex="-1"
3835                ref="countryListItems[]"
3836                on:click="/selectCountry/LT"
3837              >
3838                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3839<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3840</svg>
3841</span>
3842                <span class="country">Lithuania</span>
3843                <span
3844                  class="localization-form__currency"
3845                  
3846                >
3847                  EUR
3848                  €</span>
3849              </li>
3850              <li
3851                class="localization-form__list-item"
3852                
3853                data-value="LU"
3854                
3855                  data-aliases=""
3856                
3857                id="Luxembourg"
3858                aria-label="Luxembourg"
3859                role="option"
3860                tabindex="-1"
3861                ref="countryListItems[]"
3862                on:click="/selectCountry/LU"
3863              >
3864                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3865<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3866</svg>
3867</span>
3868                <span class="country">Luxembourg</span>
3869                <span
3870                  class="localization-form__currency"
3871                  
3872                >
3873                  EUR
3874                  €</span>
3875              </li>
3876              <li
3877                class="localization-form__list-item"
3878                
3879                data-value="MT"
3880                
3881                  data-aliases=""
3882                
3883                id="Malta"
3884                aria-label="Malta"
3885                role="option"
3886                tabindex="-1"
3887                ref="countryListItems[]"
3888                on:click="/selectCountry/MT"
3889              >
3890                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3891<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3892</svg>
3893</span>
3894                <span class="country">Malta</span>
3895                <span
3896                  class="localization-form__currency"
3897                  
3898                >
3899                  EUR
3900                  €</span>
3901              </li>
3902              <li
3903                class="localization-form__list-item"
3904                
3905                data-value="NL"
3906                
3907                  data-aliases=""
3908                
3909                id="Netherlands"
3910                aria-label="Netherlands"
3911                role="option"
3912                tabindex="-1"
3913                ref="countryListItems[]"
3914                on:click="/selectCountry/NL"
3915              >
3916                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3917<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3918</svg>
3919</span>
3920                <span class="country">Netherlands</span>
3921                <span
3922                  class="localization-form__currency"
3923                  
3924                >
3925                  EUR
3926                  €</span>
3927              </li>
3928              <li
3929                class="localization-form__list-item"
3930                
3931                data-value="PL"
3932                
3933                  data-aliases=""
3934                
3935                id="Poland"
3936                aria-label="Poland"
3937                role="option"
3938                tabindex="-1"
3939                ref="countryListItems[]"
3940                on:click="/selectCountry/PL"
3941              >
3942                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3943<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3944</svg>
3945</span>
3946                <span class="country">Poland</span>
3947                <span
3948                  class="localization-form__currency"
3949                  
3950                >
3951                  PLN
3952                  zł</span>
3953              </li>
3954              <li
3955                class="localization-form__list-item"
3956                
3957                data-value="PT"
3958                
3959                  data-aliases=""
3960                
3961                id="Portugal"
3962                aria-label="Portugal"
3963                role="option"
3964                tabindex="-1"
3965                ref="countryListItems[]"
3966                on:click="/selectCountry/PT"
3967              >
3968                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3969<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3970</svg>
3971</span>
3972                <span class="country">Portugal</span>
3973                <span
3974                  class="localization-form__currency"
3975                  
3976                >
3977                  EUR
3978                  €</span>
3979              </li>
3980              <li
3981                class="localization-form__list-item"
3982                
3983                data-value="RO"
3984                
3985                  data-aliases=""
3986                
3987                id="Romania"
3988                aria-label="Romania"
3989                role="option"
3990                tabindex="-1"
3991                ref="countryListItems[]"
3992                on:click="/selectCountry/RO"
3993              >
3994                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3995<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3996</svg>
3997</span>
3998                <span class="country">Romania</span>
3999                <span
4000                  class="localization-form__currency"
4001                  
4002                >
4003                  RON
4004                  Lei</span>
4005              </li>
4006              <li
4007                class="localization-form__list-item"
4008                
4009                data-value="SK"
4010                
4011                  data-aliases=""
4012                
4013                id="Slovakia"
4014                aria-label="Slovakia"
4015                role="option"
4016                tabindex="-1"
4017                ref="countryListItems[]"
4018                on:click="/selectCountry/SK"
4019              >
4020                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4021<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4022</svg>
4023</span>
4024                <span class="country">Slovakia</span>
4025                <span
4026                  class="localization-form__currency"
4027                  
4028                >
4029                  EUR
4030                  €</span>
4031              </li>
4032              <li
4033                class="localization-form__list-item"
4034                
4035                data-value="SI"
4036                
4037                  data-aliases=""
4038                
4039                id="Slovenia"
4040                aria-label="Slovenia"
4041                role="option"
4042                tabindex="-1"
4043                ref="countryListItems[]"
4044                on:click="/selectCountry/SI"
4045              >
4046                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4047<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4048</svg>
4049</span>
4050                <span class="country">Slovenia</span>
4051                <span
4052                  class="localization-form__currency"
4053                  
4054                >
4055                  EUR
4056                  €</span>
4057              </li>
4058              <li
4059                class="localization-form__list-item"
4060                
4061                data-value="ES"
4062                
4063                  data-aliases=""
4064                
4065                id="Spain"
4066                aria-label="Spain"
4067                role="option"
4068                tabindex="-1"
4069                ref="countryListItems[]"
4070                on:click="/selectCountry/ES"
4071              >
4072                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4073<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4074</svg>
4075</span>
4076                <span class="country">Spain</span>
4077                <span
4078                  class="localization-form__currency"
4079                  
4080                >
4081                  EUR
4082                  €</span>
4083              </li>
4084              <li
4085                class="localization-form__list-item"
4086                
4087                data-value="SE"
4088                
4089                  data-aliases=""
4090                
4091                id="Sweden"
4092                aria-label="Sweden"
4093                role="option"
4094                tabindex="-1"
4095                ref="countryListItems[]"
4096                on:click="/selectCountry/SE"
4097              >
4098                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4099<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4100</svg>
4101</span>
4102                <span class="country">Sweden</span>
4103                <span
4104                  class="localization-form__currency"
4105                  
4106                >
4107                  SEK
4108                  kr</span>
4109              </li>
4110              <li
4111                class="localization-form__list-item"
4112                
4113                data-value="GB"
4114                
4115                  data-aliases="uk,gb,great britain"
4116                
4117                id="United Kingdom"
4118                aria-label="United Kingdom"
4119                role="option"
4120                tabindex="-1"
4121                ref="countryListItems[]"
4122                on:click="/selectCountry/GB"
4123              >
4124                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4125<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4126</svg>
4127</span>
4128                <span class="country">United Kingdom</span>
4129                <span
4130                  class="localization-form__currency"
4131                  
4132                >
4133                  GBP
4134                  £</span>
4135              </li>
4136              <li
4137                class="localization-form__list-item"
4138                
4139                  aria-current="true"
4140                
4141                data-value="US"
4142                
4143                  data-aliases="us,usa,america,united states of america"
4144                
4145                id="United States"
4146                aria-label="United States"
4147                role="option"
4148                tabindex="-1"
4149                ref="countryListItems[]"
4150                on:click="/selectCountry/US"
4151              >
4152                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4153<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4154</svg>
4155</span>
4156                <span class="country">United States</span>
4157                <span
4158                  class="localization-form__currency"
4159                  
4160                >
4161                  USD
4162                  $</span>
4163              </li></ul>
4164        </div>
4165        <div class="country-selector__overlay"></div>
4166        <input
4167          type="hidden"
4168          name="country_code"
4169          value="US"
4170          ref="countryInput"
4171        >
4172      </div>
4173    
4174
4175    
4176</form></localization-form-component>
4177
4178
4179
4180      </div>
4181    </dropdown-localization-component>
4182  
4183
4184            
4185        
4186      
4187        
4188          
4189              
4190  <search-button
4191    class="search-action search-action--hidden-on-drawer"
4192  >
4193    <button
4194      on:click="#search-modal/showDialog"
4195      class="button-unstyled header-actions__action"
4196      aria-label="Search"
4197      aria-haspopup="dialog"
4198    >
4199      <span class="hidden">
4200        Search
4201      </span>
4202
4203      <span class="svg-wrapper ">
4204        <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>
4205
4206      </span>
4207    </button>
4208  </search-button>
4209
4210
4211
4212
4213            
4214        
4215      
4216        
4217          
4218              
4219
4220<script
4221  type="module"
4222  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/cart-icon.js?v=157241182139685326961772222882"
4223  fetchpriority="low"
4224></script>
4224
4225
4226
4227
4228
4229
4230<header-actions
4231  
4232>
4233  
4234    
4235    <div
4236      class="account-button header-actions__action color-scheme-1"
4237    >
4238      <shopify-store store-domain="https://little-rocks-press.myshopify.com" country="US" language="en"></shopify-store>
4239<shopify-account
4240        menu="customer-account-main-menu"
4241        
4242      >
4243        
4244          <span
4245            slot="signed-out-avatar"
4246            class="account-button__text header-actions__text-style hidden"
4247          >
4248            Account
4249          </span>
4250
4251          <span
4252            slot="signed-out-avatar"
4253            class=""
4254            aria-hidden="true"
4255          >
4256            
4257  <svg
4258    xmlns="http://www.w3.org/2000/svg"
4259    width="15"
4260    height="17"
4261    viewBox="0 0 15 17"
4262    fill="none"
4263    slot="signed-out-avatar"
4264    class="account-button__icon"
4265  >
4266    <path
4267      stroke="currentColor"
4268      stroke-linejoin="round"
4269      stroke-width="var(--icon-stroke-width)"
4270      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"
4271    />
4272  </svg>
4273
4274          </span>
4275        
4276      </shopify-account>
4277    </div>
4278  
4279
4280  
4281    
4281<script
4282      src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/cart-drawer.js?v=35649724213056774541774007117"
4283      type="module"
4284      fetchpriority="low"
4285    ></script>
4285
4286
4287    
4288
4289    <cart-drawer-component
4290      class="cart-drawer"
4291      
4292      
4293    >
4294      <template id="empty-cart-template">
4295        
4296      <div class="cart-drawer__header">
4297        <button
4298          ref="closeButton"
4299          on:click="cart-drawer-component/close"
4300          class="button close-button cart-drawer__close-button button-unstyled"
4301          aria-label="Close dialog"
4302        >
4303          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4304  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4305  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4306</svg>
4307</span>
4308        </button>
4309      </div>
4310
4311      <div
4312        class="cart-drawer__content"
4313        aria-label="Cart"
4314      >
4315        <h2
4316          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4317          id="cart-drawer-heading-empty"
4318        >
4319          Your cart is empty
4320        </h2>
4321
4322        <div class="cart-drawer__items">
4323          
4324
4325
4326
4327<script
4328  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component-cart-items.js?v=50627716305227809091774007116"
4329  type="module"
4330  fetchpriority="low"
4331></script>
vendor: 1 bytes, line 4331
4331
4332<script
4333  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751772222882"
4334  type="module"
4335  fetchpriority="low"
4336></script>
vendor: 1 bytes, line 4336
4336
4337<script
4338  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661772222882"
4339  type="module"
4340  fetchpriority="low"
4341></script>
4341
4342
4343<div
4344  
4345  class="cart-items__wrapper"
4346  
4347>
4348  
4349<p>
4350        Have an account? <a href="https://little-rocks-press.myshopify.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
4351      </p><a
4352      class="button cart-items__empty-button"
4353      href="/collections/all"
4354    >
4355      <span class="button-text">
4356        Continue shopping
4357      </span>
4358    </a></div>
4359
4360
4361
4362        </div>
4363      </div>
4364    
4365      </template>
4366      <button
4367        class="header-actions__action button-unstyled"
4368        on:click="/open"
4369        aria-haspopup="dialog"
4370        aria-label="Cart"
4371        aria-describedby="cart-bubble-text"
4372        data-testid="cart-drawer-trigger"
4373      >
4374        
4375  <cart-icon
4376    class="header-actions__cart-icon"
4377    data-testid="cart-icon"
4378  >
4379    <span class="hidden">
4380      Cart
4381    </span>
4382
4383    <span
4384      class="svg-wrapper "
4385      aria-hidden="true"
4386    >
4387      <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>
4388
4389    </span>
4390
4391    <div
4392  ref="cartBubble"
4393  class="cart-bubble visually-hidden"
4394  
4395  
4396    data-maintain-ratio
4397  
4398>
4399  <span class="cart-bubble__background"></span>
4400  <span
4401    ref="cartBubbleText"
4402    id="cart-bubble-text"
4403    class="cart-bubble__text"
4404  >
4405    <span
4406      class="cart-bubble__text-count hidden"
4407      ref="cartBubbleCount"
4408      aria-hidden="true"
4409      data-testid="cart-bubble"
4410    >
44110</span>
4412  </span>
4413</div>
4414
4415
4416
4417  </cart-icon>
4418
4419      </button>
4420
4421      <dialog
4422        ref="dialog"
4423        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
4424        data-testid="cart-drawer-dialog"
4425        aria-labelledby="cart-drawer-heading-empty"
4426        scroll-lock
4427        cart-summary-sticky="true"
4428      >
4429        <span
4430          ref="liveRegion"
4431          class="visually-hidden"
4432          role="status"
4433        ></span>
4434        <div
4435          class="cart-drawer__inner"
4436          data-hydration-key="cart-drawer-inner"
4437        >
4438          
4439          
4440
4441<cart-items-component
4442  class="cart-items-component"
4443  
4444    data-drawer
4445  
4446  data-section-id="sections--18079543984215__header_section"
4447>
4448  
4449
4450      <div class="cart-drawer__header">
4451        <button
4452          ref="closeButton"
4453          on:click="cart-drawer-component/close"
4454          class="button close-button cart-drawer__close-button button-unstyled"
4455          aria-label="Close dialog"
4456        >
4457          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4458  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4459  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4460</svg>
4461</span>
4462        </button>
4463      </div>
4464
4465      <div
4466        class="cart-drawer__content"
4467        aria-label="Cart"
4468      >
4469        <h2
4470          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4471          id="cart-drawer-heading-empty"
4472        >
4473          Your cart is empty
4474        </h2>
4475
4476        <div class="cart-drawer__items">
4477          
4478
4479
4480
4481<script
4482  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component-cart-items.js?v=50627716305227809091774007116"
4483  type="module"
4484  fetchpriority="low"
4485></script>
vendor: 1 bytes, line 4485
4485
4486<script
4487  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751772222882"
4488  type="module"
4489  fetchpriority="low"
4490></script>
vendor: 1 bytes, line 4490
4490
4491<script
4492  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661772222882"
4493  type="module"
4494  fetchpriority="low"
4495></script>
4495
4496
4497<div
4498  
4499  class="cart-items__wrapper"
4500  
4501>
4502  
4503<p>
4504        Have an account? <a href="https://little-rocks-press.myshopify.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
4505      </p><a
4506      class="button cart-items__empty-button"
4507      href="/collections/all"
4508    >
4509      <span class="button-text">
4510        Continue shopping
4511      </span>
4512    </a></div>
4513
4514
4515
4516        </div>
4517      </div>
4518    
4519
4520</cart-items-component>
4521
4522
4523
4524        </div>
4525      </dialog>
4526    </cart-drawer-component>
4527  
4528
4529  <span
4530    ref="liveRegion"
4531    class="visually-hidden"
4532    role="status"
4533    data-testid="cart-count-live-region"
4534  ></span>
4535</header-actions>
4536
4537<script
4538  type="module"
4539  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/header-actions.js?v=121308165565653895611774007116"
4540  fetchpriority="low"
4541></script>
4541
4542
4543
4544
4545          
4546        
4547      
4548    </div>
4549        </div>
4550      </div>
4551    
4552  
4553    
4554
4555    
4556
4557    
4558    
4559  
4560
4561  
4562    <div class="header__row header__navigation-bar-row color-scheme-1">
4563      
4564
4565
4566
4567    
4568  
4569
4570<style data-shopify>
4571  .header__underlay {
4572    --color-submenu: rgb(255 255 255 / 1.0);
4573  }
4574</style>
4575
4576
4577
4578
4579    </div>
4580  
4581</header-component>
4582
4583<script
4584  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/header.js?v=36718054510661947891772222882"
4585  type="module"
4586></script>
4586
4587
4588
4589
4590
4591  
4591<script type="module">
4592    import { hydrate } from '@theme/section-hydration';
4593    const url = new URL(window.location.href);
4594    url.searchParams.delete('page');
4595    hydrate('sections--18079543984215__header_section', url);
4596  </script>
4596
4597
4598
4599
4600</header>
4601<!-- END sections: header-group -->
4602    </div>
4603
4604    
4604<script>
4605      // Inline header height and menu style calculations to prevent layout shift
4606      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
4607      (function setHeaderHeighCustomProperties() {
4608        /*
4609         * Header calculation functions for maintaining CSS variables
4610         * Mimic calculateHeaderGroupHeight() in utilities.js
4611         */
4612        const header = document.querySelector('header-component');
4613        const headerGroup = document.querySelector('#header-group');
4614        const hasHeaderSection = headerGroup?.querySelector('.header-section');
4615
4616        if (!header || !headerGroup) return;
4617
4618        const headerTopRow = header.querySelector('.header__row--top');
4619        const headerHeight = header.offsetHeight;
4620
4621        // Calculate the total height of the header group
4622        let headerGroupHeight = 0;
4623        const children = headerGroup.children;
4624        for (let i = 0; i < children.length; i++) {
4625          const element = children[i];
4626          if (element === header || !(element instanceof HTMLElement)) continue;
4627          headerGroupHeight += element.offsetHeight;
4628        }
4629
4630        // Check for transparent header special case
4631        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
4632          headerGroupHeight += headerHeight;
4633        }
4634
4635        // Set CSS variables
4636        document.body.style.setProperty('--header-height', `${headerHeight}px`);
4637        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
4638
4639        if (headerTopRow) {
4640          window.requestAnimationFrame(function () {
4641            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
4642          });
4643        }
4644
4645        /**
4646         * Updates CSS custom properties for transparent header offset calculation
4647         * Mimic updateTransparentHeaderOffset() in utilities.js
4648         */
4649
4650        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
4651          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
4652          return;
4653        }
4654
4655        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
4656
4657        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
4658        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
4659      })();
4660
4661      (function setHeaderMenuStyle() {
4662        const headerComponent = document.querySelector('#header-component');
4663        if (headerComponent) {
4664          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
4665          const overflowList = headerComponent?.querySelector('overflow-list');
4666          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
4667          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
4668        }
4669      })();
4670    </script>
4670
4671
4672    <main
4673      id="MainContent"
4674      class="content-for-layout"
4675      role="main"
4676      data-page-transition-enabled="false"
4677      data-product-transition="false"
4678      data-template="collection"
4679    >
4680      <div id="shopify-section-template--18079543754839__section" class="shopify-section section-wrapper">
4681
4682
4683
4684<div class="section-background color-scheme-1"></div>
4685<div
4686  class="section section--page-width color-scheme-1"
4687  data-testid="ui-test-section"
4688
4689  
4690
4691  style="
4692    
4693
4694    
4695  "
4696>
4697  <div class="custom-section-background">
4698    
4699
4700
4701
4702  </div>
4703
4704  <div
4705    class="border-style custom-section-content"
4706    style="--border-width: 1px; --border-style: none; --border-color:
4707rgb(var(--color-border-rgb) / 1.0); --border-radius:
47080px; 
4709"
4710  >
4711    
4712
4713    <div
4714      class="
4715        spacing-style
4716        layout-panel-flex
4717        layout-panel-flex--column
4718        section-content-wrapper
4719         mobile-column
4720      "
4721      style="
4722        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4723
4724--gap: 12px;
4725
4726--horizontal-alignment: flex-start; --vertical-alignment: center;
4727--vertical-alignment-mobile: center;
4728
4729        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
4730      "
4731      data-testid="section-content"
4732    >
4733      
4734  
4735
4736
4737
4738
4739
4740
4741
4742
4743  <div class=" spacing-style text-block text-block--AMzhPWU9yL3FVWjE3R__text_tqQTNE h2      "  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);          ">
4744    <h1>Products</h1>
4745  </div>
4746
4747
4748
4749
4750
4751
4752
4753
4754
4755
4756
4757
4758
4759
4760
4761
4762
4763
4764
4765
4766
4767
4768    </div>
4769  </div>
4770</div>
4771
4772
4773
4774
4775
4776</div><div id="shopify-section-template--18079543754839__main" class="shopify-section">
4777
4778<script
4779  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/results-list.js?v=28346210841421047511772222882"
4780  type="module"
4781  fetchpriority="low"
4782></script>
4782
4783
4784
4785
4786
4787<div class="section-background color-scheme-1"></div>
4788<results-list
4789  class="section product-grid-container color-scheme-1"
4790  style="--padding-block-start: 0px; --padding-block-end: 32px;"
4791  section-id="template--18079543754839__main"
4792  infinite-scroll="true"
4793>
4794  <a
4795  class="skip-to-content-link button-secondary"
4796  href="#ResultsList"
4797>
4798  Skip to results list
4799</a>
4800
4801
4802
4803
4804  <div
4805    class="collection-wrapper grid gap-style"
4806  >
4807    
4808<script
4809  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/facets.js?v=177903033754413523221774007116"
4810  type="module"
4811  fetchpriority="low"
4812></script>
4812
4813
4814<script
4815  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011772222882"
4816  type="module"
4817  fetchpriority="low"
4818></script>
4818
4819  
4820
4821  <div
4822    class="
4823      
4824      facets-block-wrapper
4825      facets-block-wrapper--horizontal
4826
4827
4828    "
4829    style="
4830      --grid-column--desktop:var(--centered);
4831      --facets-margin: 0px  0px 8px 0px;
4832      --facets-inner-padding-block: 8px 8px;
4833      --facets-inner-padding-inline: var(--padding-lg);
4834    "
4835    
4836  >
4837    <div
4838      class="facets facets--horizontal spacing-style"
4839      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
4840      aria-label="Filters"
4841    >
4842      <facets-form-component
4843        class="facets__form-wrapper"
4844        section-id="template--18079543754839__main"
4845        form-style="horizontal"
4846      >
4847        <form
4848          action="/collections/all"
4849          id="FacetFiltersForm--template--18079543754839__main-desktop"
4850          class="facets__form"
4851          ref="facetsForm"
4852        >
4853          
4854            <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
4855
4856
4857</div>
4858
4859
4860
4861
4862            
4863              
4864
4865              
4866
4867              <div class="facets__filters-wrapper">
4868                
4869                  
4870                  <overflow-list
4871  
4872  
4873    class="facets__overflow-list"
4874  
4875  
4876    minimum-items="2"
4877  
4878  
4879    data-testid="horizontal-filters-overflow-list"
4880  
4881  
4882>
4883  <template shadowrootmode="open">
4884    <link href="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451774007116" rel="stylesheet" type="text/css" media="all" />
4885
4886    <ul part="list">
4887      <slot></slot>
4888      <slot
4889        name="more"
4890        part="more"
4891        hidden
4892        
4893          on:click="#filters-drawer/showDialog"
4894        
4895      >
4896        <li
4897          part="more"
4898        >
4899          <button
4900            class="button"
4901            type="button"
4902            tabindex="0"
4903            
4904              aria-haspopup="dialog"
4905            
4906          >
4907            More
4908          </button>
4909        </li>
4910      </slot>
4911      <li
4912        part="placeholder"
4913        hidden
4914      ></li>
4915    </ul>
4916
4917    <div part="overflow">
4918      <ul part="overflow-list">
4919        <slot name="overflow"></slot>
4920      </ul>
4921    </div>
4922  </template>
4923
4924  
4925
4926                      
4927
4928<accordion-custom
4929  
4930    class="facets__item"
4931  
4932  
4933  
4934  
4935  
4936  
4937  
4938    data-disable-animation-on-desktop="true"
4939  
4940  
4941    data-close-with-escape="true"
4942  
4943  
4944    data-filter-param-name="filter-v-availability"
4945  
4946>
4947  
4948  <details
4949    id="Facet-Details-template--18079543754839__main-filter-v-availability"
4950    class="facets__panel"
4951    
4952      data-auto-close-details="desktop"
4953    
4954    
4955  >
4956    <summary class="facets__summary">
4957      <span class="facets__label">Availability</span>
4958
4959      <div class="facets__status-wrapper">
4960        
4961          <facet-status-component
4962            class="facets__status"
4963            facet-type="list"
4964            data-filter-style="horizontal"
4965          >
4966            <span
4967              class="
4968                hide-when-empty
4969              "
4970              ref="facetStatus"
4971            ></span>
4972          </facet-status-component>
4973        
4974        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4975  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4976</svg>
4977</span>
4978      </div>
4979    </summary>
4980    <floating-panel-component
4981      
4982        data-close-on-resize
4983      
4984      class="facets__inputs facets__panel-content details-content color-scheme-1"
4985      id="facet-inputs-filter-v-availability"
4986    >
4987      <facet-inputs-component
4988        on:change="/updateFilters"
4989        id="facet-inputs-component-filter-v-availability"
4990      >
4991        
4992        
4993
4994        <div
4995          class="facets__inputs-wrapper"
4996          ref="showMoreContent"
4997        >
4998          
4999          <ul
5000            id="filters-list-template--18079543754839__main-filter-v-availability"
5001            class="facets__inputs-list list-unstyled"
5002            
5003            
5004            name="Availability"
5005          >
5006              <li
5007                data-skip-node-update="true"
5008                class="
5009                  facets__inputs-list-item
5010                  
5011                  
5012                "
5013                
5014              >
5015                
5016                
5017                  
5018                    <div
5019  class="checkbox"
5020  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5021>
5022  <input
5023    type="checkbox"
5024    name="filter.v.availability"
5025    value="1"
5026    id="Filter-filter-v-availability-1-horizontal-"
5027    class="checkbox__input"
5028    data-label="In stock"
5029    
5030    
5031    
5032    
5033    
5034      ref="facetInputs[]"
5035    
5036    
5037  >
5038  <label
5039    class="checkbox__label"
5040    for="Filter-filter-v-availability-1-horizontal-"
5041    
5042  >
5043    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5044<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5045</svg>
5046
5047    <span class="checkbox__label-text">In stock</span>
5048  </label>
5049</div>
5050
5051                  
5052                
5053              </li>
5054              <li
5055                data-skip-node-update="true"
5056                class="
5057                  facets__inputs-list-item
5058                  
5059                   facets__inputs-list-item--disabled
5060                "
5061                
5062              >
5063                
5064                
5065                  
5066                    <div
5067  class="checkbox checkbox--disabled"
5068  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5069>
5070  <input
5071    type="checkbox"
5072    name="filter.v.availability"
5073    value="0"
5074    id="Filter-filter-v-availability-2-horizontal-"
5075    class="checkbox__input"
5076    data-label="Out of stock"
5077    
5078    
5079      disabled
5080    
5081    
5082    
5083    
5084      ref="facetInputs[]"
5085    
5086    
5087  >
5088  <label
5089    class="checkbox__label"
5090    for="Filter-filter-v-availability-2-horizontal-"
5091    
5092  >
5093    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5094<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5095</svg>
5096
5097    <span class="checkbox__label-text">Out of stock</span>
5098  </label>
5099</div>
5100
5101                  
5102                
5103              </li></ul>
5104        </div>
5105        
5106
5107        
5108          <facet-clear-component>
5109            <div
5110              class="facets__clear "
5111              ref="clearButton"
5112            >
5113              <button
5114                type="button"
5115                on:click="/clearFilter"
5116                on:keydown="/clearFilter"
5117                class="clear-filter button button-secondary"
5118              >Clear</button>
5119            </div>
5120          </facet-clear-component>
5121        
5122      </facet-inputs-component>
5123    </floating-panel-component>
5124  </details>
5125
5126</accordion-custom>
5127
5128
5129
5130
5131
5132
5133
5134
5135                  
5136
5137</overflow-list>
5138
5139                
5140              </div>
5141
5142              
5143                <facet-remove-component
5144                  class="facets-horizontal-remove "
5145                  active-class="facets__clear-all-link--active"
5146                  data-url="/collections/all"
5147                >
5148                  <button
5149                    type="button"
5150                    class="button-unstyled facets__clear-all-link facets__clear-all-link--horizontal "
5151                    ref="clearButton"
5152                    on:click="/removeFilter?form="
5153                    on:keydown="/removeFilter?form="
5154                  >Clear all</button>
5155                </facet-remove-component>
5156              
5157            
5158            
5159              <div
5160                class="products-count-wrapper"
5161                data-testid="products-count"
5162              >
5163                <span role="status">
5164                  
51652 items
5166                </span>
5167              </div>
5168
5169              
5170                <sorting-filter-component
5171  class="sorting-filter sorting-filter__horizontal"
5172  on:change="/updateFilterAndSorting"
5173  on:keydown="/handleKeyDown"
5174  
5175    data-testid="sorting-filter-component-desktop"
5176  
5177  data-should-use-select-on-mobile="false"
5178>
5179  
5180
5181  <div class="sorting-filter__container  hidden ">
5182    <label
5183      for="sort-select-template--18079543754839__main"
5184      class="facets__label"
5185    >Sort</label>
5186    <div class="sorting-filter__select-wrapper">
5187      <select
5188        id="sort-select-template--18079543754839__main"
5189        name="sort_by"
5190        class="sorting-filter__select"
5191        
5192          disabled
5193        
5194      >
5195        
5196          <option
5197            value="manual"
5198            
5199          >
5200            Featured
5201          </option>
5202        
5203          <option
5204            value="most-relevant"
5205            
5206          >
5207            Most relevant
5208          </option>
5209        
5210          <option
5211            value="best-selling"
5212            
5213          >
5214            Best selling
5215          </option>
5216        
5217          <option
5218            value="title-ascending"
5219            
5220              selected
5221            
5222          >
5223            Alphabetically, A-Z
5224          </option>
5225        
5226          <option
5227            value="title-descending"
5228            
5229          >
5230            Alphabetically, Z-A
5231          </option>
5232        
5233          <option
5234            value="price-ascending"
5235            
5236          >
5237            Price, low to high
5238          </option>
5239        
5240          <option
5241            value="price-descending"
5242            
5243          >
5244            Price, high to low
5245          </option>
5246        
5247          <option
5248            value="created-ascending"
5249            
5250          >
5251            Date, old to new
5252          </option>
5253        
5254          <option
5255            value="created-descending"
5256            
5257          >
5258            Date, new to old
5259          </option>
5260        
5261      </select>
5262      <svg
5263        aria-hidden="true"
5264        focusable="false"
5265        class="icon icon-caret"
5266        width="8"
5267        height="13"
5268        viewBox="0 0 8 13"
5269      >
5270
5271
5272<g opacity="0.6">
5273      <path
5274        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
5275        fill="#333030"
5276      />
5277      <path
5278        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
5279        fill="#333030"
5280      />
5281    </g></svg>
5282    </div>
5283  </div>
5284
5285  
5286<accordion-custom
5287  
5288  
5289  
5290  
5291  
5292  
5293  
5294    data-disable-animation-on-desktop="true"
5295  
5296  
5297    data-close-with-escape="true"
5298  
5299  
5300>
5301  
5302    <details
5303      ref="details"
5304      id="Sorting-template--18079543754839__main"
5305      data-default-sort-by="title-ascending"
5306      class="facets__panel "
5307      data-auto-close-details="desktop,mobile"
5308      on:toggle="/handleToggle"
5309    >
5310      <summary
5311        class="facets__summary"
5312        role="button"
5313        aria-expanded="false"
5314        aria-controls="sorting-options-template--18079543754839__main-desktop"
5315        ref="summary"
5316      >
5317        <span
5318          class="facets__label"
5319          id="sort-label-template--18079543754839__main"
5320        >Sort</span>
5321        <span
5322          class="facets__status h6 desktop:hidden"
5323        >Alphabetically, A-Z</span>
5324        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5325  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5326</svg>
5327</span>
5328      </summary>
5329      <floating-panel-component
5330        id="sorting-options-template--18079543754839__main-desktop"
5331        class="sorting-filter__options color-scheme-1"
5332        role="listbox"
5333        aria-labelledby="sort-label-template--18079543754839__main"
5334        ref="listbox"
5335      >
5336        <div class="sorting-filter__options-inner">
5337          
5338            <label
5339              for="sort-option-manual-template--18079543754839__main"
5340            >
5341              <div
5342                class="sorting-filter__option"
5343                role="option"
5344                aria-selected="false"
5345                tabindex="-1"
5346              >
5347                <input
5348                  type="radio"
5349                  name="sort_by"
5350                  id="sort-option-manual-template--18079543754839__main"
5351                  
5352                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5353                  
5354                  value="manual"
5355                  class="sorting-filter__input"
5356                  data-option-name="Featured"
5357                  
5358                  aria-hidden="true"
5359                >
5360                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5361<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5362</svg>
5363</span>
5364                <span class="sorting-filter__label">Featured</span>
5365              </div>
5366            </label>
5367          
5368            <label
5369              for="sort-option-most-relevant-template--18079543754839__main"
5370            >
5371              <div
5372                class="sorting-filter__option"
5373                role="option"
5374                aria-selected="false"
5375                tabindex="-1"
5376              >
5377                <input
5378                  type="radio"
5379                  name="sort_by"
5380                  id="sort-option-most-relevant-template--18079543754839__main"
5381                  
5382                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5383                  
5384                  value="most-relevant"
5385                  class="sorting-filter__input"
5386                  data-option-name="Most relevant"
5387                  
5388                  aria-hidden="true"
5389                >
5390                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5391<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5392</svg>
5393</span>
5394                <span class="sorting-filter__label">Most relevant</span>
5395              </div>
5396            </label>
5397          
5398            <label
5399              for="sort-option-best-selling-template--18079543754839__main"
5400            >
5401              <div
5402                class="sorting-filter__option"
5403                role="option"
5404                aria-selected="false"
5405                tabindex="-1"
5406              >
5407                <input
5408                  type="radio"
5409                  name="sort_by"
5410                  id="sort-option-best-selling-template--18079543754839__main"
5411                  
5412                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5413                  
5414                  value="best-selling"
5415                  class="sorting-filter__input"
5416                  data-option-name="Best selling"
5417                  
5418                  aria-hidden="true"
5419                >
5420                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5421<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5422</svg>
5423</span>
5424                <span class="sorting-filter__label">Best selling</span>
5425              </div>
5426            </label>
5427          
5428            <label
5429              for="sort-option-title-ascending-template--18079543754839__main"
5430            >
5431              <div
5432                class="sorting-filter__option"
5433                role="option"
5434                aria-selected="true"
5435                tabindex="0"
5436              >
5437                <input
5438                  type="radio"
5439                  name="sort_by"
5440                  id="sort-option-title-ascending-template--18079543754839__main"
5441                  
5442                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5443                  
5444                  value="title-ascending"
5445                  class="sorting-filter__input"
5446                  data-option-name="Alphabetically, A-Z"
5447                  
5448                    checked
5449                  
5450                  aria-hidden="true"
5451                >
5452                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5453<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5454</svg>
5455</span>
5456                <span class="sorting-filter__label">Alphabetically, A-Z</span>
5457              </div>
5458            </label>
5459          
5460            <label
5461              for="sort-option-title-descending-template--18079543754839__main"
5462            >
5463              <div
5464                class="sorting-filter__option"
5465                role="option"
5466                aria-selected="false"
5467                tabindex="-1"
5468              >
5469                <input
5470                  type="radio"
5471                  name="sort_by"
5472                  id="sort-option-title-descending-template--18079543754839__main"
5473                  
5474                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5475                  
5476                  value="title-descending"
5477                  class="sorting-filter__input"
5478                  data-option-name="Alphabetically, Z-A"
5479                  
5480                  aria-hidden="true"
5481                >
5482                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5483<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5484</svg>
5485</span>
5486                <span class="sorting-filter__label">Alphabetically, Z-A</span>
5487              </div>
5488            </label>
5489          
5490            <label
5491              for="sort-option-price-ascending-template--18079543754839__main"
5492            >
5493              <div
5494                class="sorting-filter__option"
5495                role="option"
5496                aria-selected="false"
5497                tabindex="-1"
5498              >
5499                <input
5500                  type="radio"
5501                  name="sort_by"
5502                  id="sort-option-price-ascending-template--18079543754839__main"
5503                  
5504                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5505                  
5506                  value="price-ascending"
5507                  class="sorting-filter__input"
5508                  data-option-name="Price, low to high"
5509                  
5510                  aria-hidden="true"
5511                >
5512                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5513<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5514</svg>
5515</span>
5516                <span class="sorting-filter__label">Price, low to high</span>
5517              </div>
5518            </label>
5519          
5520            <label
5521              for="sort-option-price-descending-template--18079543754839__main"
5522            >
5523              <div
5524                class="sorting-filter__option"
5525                role="option"
5526                aria-selected="false"
5527                tabindex="-1"
5528              >
5529                <input
5530                  type="radio"
5531                  name="sort_by"
5532                  id="sort-option-price-descending-template--18079543754839__main"
5533                  
5534                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5535                  
5536                  value="price-descending"
5537                  class="sorting-filter__input"
5538                  data-option-name="Price, high to low"
5539                  
5540                  aria-hidden="true"
5541                >
5542                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5543<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5544</svg>
5545</span>
5546                <span class="sorting-filter__label">Price, high to low</span>
5547              </div>
5548            </label>
5549          
5550            <label
5551              for="sort-option-created-ascending-template--18079543754839__main"
5552            >
5553              <div
5554                class="sorting-filter__option"
5555                role="option"
5556                aria-selected="false"
5557                tabindex="-1"
5558              >
5559                <input
5560                  type="radio"
5561                  name="sort_by"
5562                  id="sort-option-created-ascending-template--18079543754839__main"
5563                  
5564                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5565                  
5566                  value="created-ascending"
5567                  class="sorting-filter__input"
5568                  data-option-name="Date, old to new"
5569                  
5570                  aria-hidden="true"
5571                >
5572                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5573<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5574</svg>
5575</span>
5576                <span class="sorting-filter__label">Date, old to new</span>
5577              </div>
5578            </label>
5579          
5580            <label
5581              for="sort-option-created-descending-template--18079543754839__main"
5582            >
5583              <div
5584                class="sorting-filter__option"
5585                role="option"
5586                aria-selected="false"
5587                tabindex="-1"
5588              >
5589                <input
5590                  type="radio"
5591                  name="sort_by"
5592                  id="sort-option-created-descending-template--18079543754839__main"
5593                  
5594                    form="FacetFiltersForm--template--18079543754839__main-desktop"
5595                  
5596                  value="created-descending"
5597                  class="sorting-filter__input"
5598                  data-option-name="Date, new to old"
5599                  
5600                  aria-hidden="true"
5601                >
5602                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5603<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5604</svg>
5605</span>
5606                <span class="sorting-filter__label">Date, new to old</span>
5607              </div>
5608            </label>
5609          
5610        </div>
5611      </floating-panel-component>
5612    </details>
5613  
5614</accordion-custom>
5615
5616
5617
5618
5619
5620</sorting-filter-component>
5621
5622
5623
5624              
5625
5626              
5627                <div class="column-options-wrapper">
5628  <fieldset class="column-options">
5629    <legend class="column-options__legend visually-hidden">
5630      Column grid
5631    </legend>
5632
5633    
5634      <label class="column-options__option">
5635        <input
5636          type="radio"
5637          name="grid"
5638          value="default"
5639          class="column-options__option-input"
5640          checked
5641          aria-label="Default"
5642          data-grid-layout="desktop-default-option"
5643          on:change="results-list/updateLayout"
5644          data-skip-node-update
5645        >
5646        <span class="column-picker column-picker--default"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
5647<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
5648<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.12
564866 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
5649<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
5650<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.
5650011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
5651</svg>
5652</span>
5653      </label>
5654
5655      <label class="column-options__option">
5656        <input
5657          type="radio"
5658          name="grid"
5659          value="zoom-out"
5660          class="column-options__option-input"
5661          aria-label="Zoom out"
5662          on:change="results-list/updateLayout"
5663          data-skip-node-update
5664        >
5665        <span class="column-picker column-picker--zoom-out"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
5666<path d="M15 6C15.2652 6 15.5196 5.89464 15.7071 5.70711C15.8946 5.51957 16 5.26522 16 5C16 4.73478 15.8946 4.48043 15.7071 4.29289C15.5196 4.10536 15.2652 4 15 4C14.7348 4 14.4804 4.10536 14.2929 4.29289C14.1054 4.48043 14 4.73478 14 5C14 5.26522 14.1054 5.51957 14.2929 5.70711C14.4804 5.89464 14.7348 6 15 6Z" fill="currentColor"/>
5667<path d="M5 6C5.26522 6 5.51957 5.89464 5.70711 5.70711C5.89464 5.51957 6 5.26522 6 5C6 4.73478 5.89464 4.48043 5.70711 4.29289C5.51957 4.10536 5.26522 4 5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6Z" fill="currentColor"/>
5668<path d="M5 11C5.26522 11 5.51957 10.8946 5.70711 10.7071C5.89464 10.5196 6 10.2652 6 10C6 9.73478 5.89464 9.48043 5.70711 9.29289C5.51957 9.10536 5.26522 9 5 9C4.73478 9 4.48043 9.10536 4.29289 9.29289C4.10536 9.48043 4 9.73478 4 10C4 10.2652 4.10536 10.5196 4.29289 10.7071C4.48043 10.8946 4.73478 11 5 11Z" fill="currentColor"/>
5669<path d="M5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z" fill="currentColor"/>
5670<path d="M10 6C10.2652 6 10.5196 5.89464 10.7071 5.70711C10.8946 5.51957 11 5.26522 11 5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5C9 5.26522 9.10536 5.51957 9.29289 5.70711C9.48043 5.89464 9.73478 6 10 6Z" fill="currentColor"/>
5671<path d="M10 11C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10C11 9.73478 10.8946 9.48043 10.7071 9.29289C10.5196 9.10536 10.2652 9 10 9C9.73478 9 9.48043 9.10536 9.29289 9.29289C9.10536 9.48043 9 9.73478 9 10C9 10.2652 9.10536 10.5196 9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11Z" fill="currentColor"/>
5672<path d="M10 16C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15C11 14.7348 10.8946 14.4804 10.7071 14.2929C10.5196 14.1054 10.2652 14 10 14C9.73478 14 9.48043 14.1054 9.29289 14.2929C9.10536 14.4804 9 14.7348 9 15C9 15.2652 9.10536 15.5196 9.29289 15.7071C9.48043 15.8946 9.73478 16 10 16Z" fill="currentColor"/>
5673<path d="M15 11C15.2652 11 15.5196 10.8946 15.7071 10.7071C15.8946 10.5196 16 10.2652 16 10C16 9.73478 15.8946 9.48043 15.7071 9.29289C15.5196 9.10536 15.2652 9 15 9C14.7348 9 14.4804 9.10536 14.2929 9.29289C14.1054 9.48043 14 9.73478 14 10C14 10.2652 14.1054 10.5196 14.2929 10.7071C14.4804 10.8946 14.7348 11 15 11Z" fill="currentColor"/>
5674<path d="M16 15C16 15.2652 15.8946 15.5196 15.7071 15.7071C15.5196 15.8946 15.2652 16 15 16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14C15.2652 14 15.5196 14.1054 15.7071 14.2929C15.8946 14.4804 16 14.7348 16 15Z" fill="currentColor"/>
5675</svg>
5676</span>
5677      </label>
5678    
5679  </fieldset>
5680</div>
5681
5682
5683
5684              
5685            
5686          
5687        </form>
5688      </facets-form-component>
5689    </div>
5690  </div>
5691
5692  <div
5693    class="facets-toggle"
5694    style="
5695      --facets-inner-padding-block: 8px 8px; --facets-inner-padding-inline: var(--padding-lg);
5696      --facets-margin: 0px  0px 8px 0px;
5697    "
5698  >
5699    
5700      <div class="facets-toggle__wrapper">
5701        <button
5702          class="button facets-toggle__button button-unstyled button-unstyled--with-icon"
5703          on:click="#filters-drawer/showDialog"
5704          type="button"
5705          aria-haspopup="dialog"
5706        >
5707          <span class="svg-wrapper">
5708            <svg aria-hidden="true" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M16.823 6h-12m10 4h-8m2 4h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
5709
5710          </span>
5711
5712          Filter
5713
5714          
5715        </button>
5716      </div>
5717    
5718
5719    
5720
5721    <div class="facets-mobile-wrapper facets-controls-wrapper">
5722      
5723      
5724        <div class="column-options-wrapper">
5725  <fieldset class="column-options">
5726    <legend class="column-options__legend visually-hidden">
5727      Column grid
5728    </legend>
5729
5730    
5731      <label class="column-options__option">
5732        <input
5733          type="radio"
5734          name="grid-mobile"
5735          value="mobile-single"
5736          class="column-options__option-input"
5737          aria-label="Single"
5738          on:change="results-list/updateLayout"
5739        >
5740        <span class="column-picker column-picker-mobile--single"><svg aria-hidden="true" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
5741<rect x="4.75" y="4.25" width="10" height="12" rx="2.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/>
5742</svg>
5743</span>
5744      </label>
5745
5746      <label class="column-options__option">
5747        <input
5748          type="radio"
5749          class="column-options__option-input"
5750          name="grid-mobile"
5751          value="default"
5752          checked
5753          aria-label="Default"
5754          data-grid-layout="mobile-option"
5755          on:change="results-list/updateLayout"
5756        >
5757        <span class="column-picker column-picker-mobile--double"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
5758<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
5759<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.1266 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28
5759682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
5760<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
5761<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.
5761011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
5762</svg>
5763</span>
5764      </label>
5765
5766    
5767  </fieldset>
5768</div>
5769
5770
5771
5772      
5773    </div>
5774  </div>
5775
5776
5777
5778  <dialog-component
5779    id="filters-drawer"
5780    class="facets-block-wrapper facets-block-wrapper--vertical color-scheme-1"
5781  >
5782    <dialog
5783      ref="dialog"
5784      class="facets facets--drawer dialog-modal drawer dialog-drawer dialog-drawer--right spacing-style"
5785      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
5786      scroll-lock
5787      aria-labelledby="filters-drawer-heading"
5788    >
5789      
5790      <facets-form-component
5791        class="facets__form-wrapper facets-drawer__form-wrapper"
5792        section-id="template--18079543754839__main"
5793        id="FacetFiltersFormComponent--template--18079543754839__main-overflow"
5794      >
5795        <form
5796          action="/collections/all"
5797          id="FacetFiltersForm--template--18079543754839__main-overflow"
5798          class="facets__form"
5799          ref="facetsForm"
5800        >
5801          <div
5802            class="facets__title-wrapper"
5803            style="--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
5804          >
5805            <h2
5806              id="filters-drawer-heading"
5807              class="facets-drawer__title h3"
5808            >
5809              Filter
5810
5811              
5812            </h2>
5813            <button
5814              class="facets-drawer__close button-unstyled close-button"
5815              on:click="dialog-component/closeDialog"
5816              type="button"
5817              aria-label="Close"
5818              autofocus
5819            >
5820              <span class="svg-wrapper svg-wrapper--small">
5821                <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5822  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5823  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5824</svg>
5825
5826              </span>
5827            </button>
5828          </div>
5829
5830          <scroll-hint
5831            class="facets-drawer__filters"
5832          >
5833            
5834              <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
5835
5836
5837</div>
5838
5839
5840
5841
5842              <div class="facets__filters-wrapper">
5843                
5844                
5845
5846                      
5847
5848<accordion-custom
5849  
5850    class="facets__item"
5851  
5852  
5853    open
5854  
5855  
5856    open-by-default-on-desktop
5857  
5858  
5859    open-by-default-on-mobile
5860  
5861  
5862  
5863  
5864  
5865  
5866    data-filter-param-name="filter-v-availability"
5867  
5868>
5869  
5870  <details
5871    id="Facet-Details-template--18079543754839__main-filter-v-availability"
5872    class="facets__panel"
5873    
5874    
5875      open
5876    
5877  >
5878    <summary class="facets__summary">
5879      <span class="facets__label">Availability</span>
5880
5881      <div class="facets__status-wrapper">
5882        
5883          <facet-status-component
5884            class="facets__status"
5885            facet-type="list"
5886            data-filter-style="vertical"
5887          >
5888            <span
5889              class="
5890                hide-when-empty
5891              "
5892              ref="facetStatus"
5893            ></span>
5894          </facet-status-component>
5895        
5896        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5897  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5898</svg>
5899</span>
5900      </div>
5901    </summary>
5902    <floating-panel-component
5903      
5904      class="facets__inputs facets__panel-content details-content"
5905      id="facet-inputs-filter-v-availability"
5906    >
5907      <facet-inputs-component
5908        on:change="/updateFilters"
5909        id="facet-inputs-component-filter-v-availability"
5910      >
5911        
5912        
5913
5914        <div
5915          class="facets__inputs-wrapper"
5916          ref="showMoreContent"
5917        >
5918          
5919          <ul
5920            id="filters-list-template--18079543754839__main-filter-v-availability"
5921            class="facets__inputs-list list-unstyled"
5922            
5923            
5924            name="Availability"
5925          >
5926              <li
5927                data-skip-node-update="true"
5928                class="
5929                  facets__inputs-list-item
5930                  
5931                  
5932                "
5933                
5934              >
5935                
5936                
5937                  
5938                    <div
5939  class="checkbox"
5940  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5941>
5942  <input
5943    type="checkbox"
5944    name="filter.v.availability"
5945    value="1"
5946    id="Filter-filter-v-availability-1-vertical-true"
5947    class="checkbox__input"
5948    data-label="In stock"
5949    
5950    
5951    
5952    
5953    
5954      ref="facetInputs[]"
5955    
5956    
5957  >
5958  <label
5959    class="checkbox__label"
5960    for="Filter-filter-v-availability-1-vertical-true"
5961    
5962  >
5963    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5964<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5965</svg>
5966
5967    <span class="checkbox__label-text">In stock</span>
5968  </label>
5969</div>
5970
5971                  
5972                
5973              </li>
5974              <li
5975                data-skip-node-update="true"
5976                class="
5977                  facets__inputs-list-item
5978                  
5979                   facets__inputs-list-item--disabled
5980                "
5981                
5982              >
5983                
5984                
5985                  
5986                    <div
5987  class="checkbox checkbox--disabled"
5988  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5989>
5990  <input
5991    type="checkbox"
5992    name="filter.v.availability"
5993    value="0"
5994    id="Filter-filter-v-availability-2-vertical-true"
5995    class="checkbox__input"
5996    data-label="Out of stock"
5997    
5998    
5999      disabled
6000    
6001    
6002    
6003    
6004      ref="facetInputs[]"
6005    
6006    
6007  >
6008  <label
6009    class="checkbox__label"
6010    for="Filter-filter-v-availability-2-vertical-true"
6011    
6012  >
6013    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6014<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6015</svg>
6016
6017    <span class="checkbox__label-text">Out of stock</span>
6018  </label>
6019</div>
6020
6021                  
6022                
6023              </li></ul>
6024        </div>
6025        
6026
6027        
6028      </facet-inputs-component>
6029    </floating-panel-component>
6030  </details>
6031
6032</accordion-custom>
6033
6034
6035
6036
6037
6038
6039
6040
6041                  
6042</div>
6043            
6044
6045            
6046              <sorting-filter-component
6047  class="sorting-filter sorting-filter__horizontal"
6048  on:change="/updateFilterAndSorting"
6049  on:keydown="/handleKeyDown"
6050  
6051  data-should-use-select-on-mobile="true"
6052>
6053  
6054
6055  <div class="sorting-filter__container  desktop:hidden ">
6056    <label
6057      for="sort-select-template--18079543754839__main"
6058      class="facets__label"
6059    >Sort</label>
6060    <div class="sorting-filter__select-wrapper">
6061      <select
6062        id="sort-select-template--18079543754839__main"
6063        name="sort_by"
6064        class="sorting-filter__select"
6065        
6066      >
6067        
6068          <option
6069            value="manual"
6070            
6071          >
6072            Featured
6073          </option>
6074        
6075          <option
6076            value="most-relevant"
6077            
6078          >
6079            Most relevant
6080          </option>
6081        
6082          <option
6083            value="best-selling"
6084            
6085          >
6086            Best selling
6087          </option>
6088        
6089          <option
6090            value="title-ascending"
6091            
6092              selected
6093            
6094          >
6095            Alphabetically, A-Z
6096          </option>
6097        
6098          <option
6099            value="title-descending"
6100            
6101          >
6102            Alphabetically, Z-A
6103          </option>
6104        
6105          <option
6106            value="price-ascending"
6107            
6108          >
6109            Price, low to high
6110          </option>
6111        
6112          <option
6113            value="price-descending"
6114            
6115          >
6116            Price, high to low
6117          </option>
6118        
6119          <option
6120            value="created-ascending"
6121            
6122          >
6123            Date, old to new
6124          </option>
6125        
6126          <option
6127            value="created-descending"
6128            
6129          >
6130            Date, new to old
6131          </option>
6132        
6133      </select>
6134      <svg
6135        aria-hidden="true"
6136        focusable="false"
6137        class="icon icon-caret"
6138        width="8"
6139        height="13"
6140        viewBox="0 0 8 13"
6141      >
6142
6143
6144<g opacity="0.6">
6145      <path
6146        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
6147        fill="#333030"
6148      />
6149      <path
6150        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
6151        fill="#333030"
6152      />
6153    </g></svg>
6154    </div>
6155  </div>
6156
6157  
6158<accordion-custom
6159  
6160  
6161  
6162  
6163  
6164  
6165  
6166    data-disable-animation-on-desktop="true"
6167  
6168  
6169    data-close-with-escape="true"
6170  
6171  
6172>
6173  
6174    <details
6175      ref="details"
6176      id="Sorting-template--18079543754839__main"
6177      data-default-sort-by="title-ascending"
6178      class="facets__panel  mobile:hidden "
6179      data-auto-close-details="desktop,mobile"
6180      on:toggle="/handleToggle"
6181    >
6182      <summary
6183        class="facets__summary"
6184        role="button"
6185        aria-expanded="false"
6186        aria-controls="sorting-options-template--18079543754839__main-overflow"
6187        ref="summary"
6188      >
6189        <span
6190          class="facets__label"
6191          id="sort-label-template--18079543754839__main"
6192        >Sort</span>
6193        <span
6194          class="facets__status h6 desktop:hidden"
6195        >Alphabetically, A-Z</span>
6196        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6197  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6198</svg>
6199</span>
6200      </summary>
6201      <floating-panel-component
6202        id="sorting-options-template--18079543754839__main-overflow"
6203        class="sorting-filter__options color-scheme-1"
6204        role="listbox"
6205        aria-labelledby="sort-label-template--18079543754839__main"
6206        ref="listbox"
6207      >
6208        <div class="sorting-filter__options-inner">
6209          
6210            <label
6211              for="sort-option-manual-template--18079543754839__main"
6212            >
6213              <div
6214                class="sorting-filter__option"
6215                role="option"
6216                aria-selected="false"
6217                tabindex="-1"
6218              >
6219                <input
6220                  type="radio"
6221                  name="sort_by"
6222                  id="sort-option-manual-template--18079543754839__main"
6223                  
6224                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6225                  
6226                  value="manual"
6227                  class="sorting-filter__input"
6228                  data-option-name="Featured"
6229                  
6230                  aria-hidden="true"
6231                >
6232                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6233<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6234</svg>
6235</span>
6236                <span class="sorting-filter__label">Featured</span>
6237              </div>
6238            </label>
6239          
6240            <label
6241              for="sort-option-most-relevant-template--18079543754839__main"
6242            >
6243              <div
6244                class="sorting-filter__option"
6245                role="option"
6246                aria-selected="false"
6247                tabindex="-1"
6248              >
6249                <input
6250                  type="radio"
6251                  name="sort_by"
6252                  id="sort-option-most-relevant-template--18079543754839__main"
6253                  
6254                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6255                  
6256                  value="most-relevant"
6257                  class="sorting-filter__input"
6258                  data-option-name="Most relevant"
6259                  
6260                  aria-hidden="true"
6261                >
6262                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6263<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6264</svg>
6265</span>
6266                <span class="sorting-filter__label">Most relevant</span>
6267              </div>
6268            </label>
6269          
6270            <label
6271              for="sort-option-best-selling-template--18079543754839__main"
6272            >
6273              <div
6274                class="sorting-filter__option"
6275                role="option"
6276                aria-selected="false"
6277                tabindex="-1"
6278              >
6279                <input
6280                  type="radio"
6281                  name="sort_by"
6282                  id="sort-option-best-selling-template--18079543754839__main"
6283                  
6284                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6285                  
6286                  value="best-selling"
6287                  class="sorting-filter__input"
6288                  data-option-name="Best selling"
6289                  
6290                  aria-hidden="true"
6291                >
6292                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6293<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6294</svg>
6295</span>
6296                <span class="sorting-filter__label">Best selling</span>
6297              </div>
6298            </label>
6299          
6300            <label
6301              for="sort-option-title-ascending-template--18079543754839__main"
6302            >
6303              <div
6304                class="sorting-filter__option"
6305                role="option"
6306                aria-selected="true"
6307                tabindex="0"
6308              >
6309                <input
6310                  type="radio"
6311                  name="sort_by"
6312                  id="sort-option-title-ascending-template--18079543754839__main"
6313                  
6314                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6315                  
6316                  value="title-ascending"
6317                  class="sorting-filter__input"
6318                  data-option-name="Alphabetically, A-Z"
6319                  
6320                    checked
6321                  
6322                  aria-hidden="true"
6323                >
6324                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6325<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6326</svg>
6327</span>
6328                <span class="sorting-filter__label">Alphabetically, A-Z</span>
6329              </div>
6330            </label>
6331          
6332            <label
6333              for="sort-option-title-descending-template--18079543754839__main"
6334            >
6335              <div
6336                class="sorting-filter__option"
6337                role="option"
6338                aria-selected="false"
6339                tabindex="-1"
6340              >
6341                <input
6342                  type="radio"
6343                  name="sort_by"
6344                  id="sort-option-title-descending-template--18079543754839__main"
6345                  
6346                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6347                  
6348                  value="title-descending"
6349                  class="sorting-filter__input"
6350                  data-option-name="Alphabetically, Z-A"
6351                  
6352                  aria-hidden="true"
6353                >
6354                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6355<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6356</svg>
6357</span>
6358                <span class="sorting-filter__label">Alphabetically, Z-A</span>
6359              </div>
6360            </label>
6361          
6362            <label
6363              for="sort-option-price-ascending-template--18079543754839__main"
6364            >
6365              <div
6366                class="sorting-filter__option"
6367                role="option"
6368                aria-selected="false"
6369                tabindex="-1"
6370              >
6371                <input
6372                  type="radio"
6373                  name="sort_by"
6374                  id="sort-option-price-ascending-template--18079543754839__main"
6375                  
6376                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6377                  
6378                  value="price-ascending"
6379                  class="sorting-filter__input"
6380                  data-option-name="Price, low to high"
6381                  
6382                  aria-hidden="true"
6383                >
6384                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6385<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6386</svg>
6387</span>
6388                <span class="sorting-filter__label">Price, low to high</span>
6389              </div>
6390            </label>
6391          
6392            <label
6393              for="sort-option-price-descending-template--18079543754839__main"
6394            >
6395              <div
6396                class="sorting-filter__option"
6397                role="option"
6398                aria-selected="false"
6399                tabindex="-1"
6400              >
6401                <input
6402                  type="radio"
6403                  name="sort_by"
6404                  id="sort-option-price-descending-template--18079543754839__main"
6405                  
6406                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6407                  
6408                  value="price-descending"
6409                  class="sorting-filter__input"
6410                  data-option-name="Price, high to low"
6411                  
6412                  aria-hidden="true"
6413                >
6414                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6415<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6416</svg>
6417</span>
6418                <span class="sorting-filter__label">Price, high to low</span>
6419              </div>
6420            </label>
6421          
6422            <label
6423              for="sort-option-created-ascending-template--18079543754839__main"
6424            >
6425              <div
6426                class="sorting-filter__option"
6427                role="option"
6428                aria-selected="false"
6429                tabindex="-1"
6430              >
6431                <input
6432                  type="radio"
6433                  name="sort_by"
6434                  id="sort-option-created-ascending-template--18079543754839__main"
6435                  
6436                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6437                  
6438                  value="created-ascending"
6439                  class="sorting-filter__input"
6440                  data-option-name="Date, old to new"
6441                  
6442                  aria-hidden="true"
6443                >
6444                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6445<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6446</svg>
6447</span>
6448                <span class="sorting-filter__label">Date, old to new</span>
6449              </div>
6450            </label>
6451          
6452            <label
6453              for="sort-option-created-descending-template--18079543754839__main"
6454            >
6455              <div
6456                class="sorting-filter__option"
6457                role="option"
6458                aria-selected="false"
6459                tabindex="-1"
6460              >
6461                <input
6462                  type="radio"
6463                  name="sort_by"
6464                  id="sort-option-created-descending-template--18079543754839__main"
6465                  
6466                    form="FacetFiltersForm--template--18079543754839__main-overflow"
6467                  
6468                  value="created-descending"
6469                  class="sorting-filter__input"
6470                  data-option-name="Date, new to old"
6471                  
6472                  aria-hidden="true"
6473                >
6474                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6475<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6476</svg>
6477</span>
6478                <span class="sorting-filter__label">Date, new to old</span>
6479              </div>
6480            </label>
6481          
6482        </div>
6483      </floating-panel-component>
6484    </details>
6485  
6486</accordion-custom>
6487
6488
6489
6490
6491
6492</sorting-filter-component>
6493
6494
6495
6496            
6497          </scroll-hint>
6498        </form>
6499      </facets-form-component>
6500
6501      <div
6502        class="facets__drawer-actions"
6503      >
6504        <facet-remove-component
6505          data-url="/collections/all"
6506          active-class="facets__clear-all--active"
6507        >
6508          <button
6509            type="button"
6510            class="button-secondary facets__clear-all"
6511            ref="clearButton"
6512            on:click="/removeFilter?form=FacetFiltersFormComponent--template--18079543754839__main-overflow"
6513            on:keydown="/removeFilter?form=FacetFiltersFormComponent--template--18079543754839__main-overflow"
6514          >Clear all</button>
6515        </facet-remove-component>
6516
6517        
6518          <button
6519            class="button facets__see-results"
6520            type="button"
6521            on:click="dialog-component/closeDialog"
6522          >See 2 items</button>
6523        
6524      </div>
6525    </dialog>
6526  </dialog-component>
6527
6528
6529
6530
6531
6532
6533
6534    
6535
6536    
6537
6538    
6539      
6540
6541      
6542
6543
6544<style data-shopify>
6545  @media screen and (min-width: 750px) {
6546    
6547        .product-grid--template--18079543754839__main:is(.product-grid--grid) {
6548          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
6549        }
6550
6551
6552      
6553
6554    /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */
6555    
6556
6557    /* When zoomed out, fit as many 100px-wide columns as possible */
6558    .product-grid--template--18079543754839__main[product-grid-view='zoom-out'] {
6559      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
6560    }
6561
6562    .product-grid--template--18079543754839__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
6563      display: block;
6564    }
6565
6566    .product-grid--template--18079543754839__main[product-grid-view='zoom-out'] .product-grid__card {
6567      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
6568      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
6569      padding-block-start: var(--zoom-out-padding-block-start, 0);
6570      padding-block-end: var(--zoom-out-padding-block-end, 0);
6571    }
6572  }
6573</style>
6574<div
6575  id="ResultsList"
6576  class="
6577    grid main-collection-grid
6578
6579 collection-wrapper--full-width-on-mobile
6580    spacing-style
6581  "
6582
6583  style="
6584    --grid--margin--mobile: 0 0;
6585    --grid-column--desktop: var(--centered);
6586    --grid-column--mobile: var(--full-width);
6587    --padding-inline-start: 0px;
6588    --padding-inline-end: 0px;
6589  "
6590>
6591  <div
6592    style="
6593      grid-column: var(--full-width);
6594      --product-grid-gap-mobile: 12px 12px;
6595      --product-grid-gap-desktop: 24px 16px;
6596      container-type: inline-size;
6597      container-name: product-grid;
6598    "
6599  >
6600    
6601      
6602        <span ref="viewMorePrevious"></span>
6603      
6604
6605      
6606      <ul
6607        class="product-grid product-grid--template--18079543754839__main product-grid--grid "
6608        data-testid="product-grid"
6609        product-grid-view="default"
6610        ref="grid"
6611        role="list"
6612        data-last-page="1"
6613        data-product-card-size="medium"
6614        style="--mobile-columns: 2;"
6615      >
6616        
6617        
6618          
6618<script>
6619            (() => {
6620              const grid = document.querySelector('.product-grid');
6621              if (!grid) return;
6622
6623              const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default';
6624              const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default';
6625
6626              // No need to read the window width if no custom layouts were saved.
6627              if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return;
6628
6629              const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile;
6630              if (storedLayout === 'default') return;
6631
6632              grid.setAttribute('product-grid-view', storedLayout);
6633
6634              const options = document.querySelectorAll(
6635                'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]'
6636              );
6637              for (const option of options) {
6638                option.checked = option.value === storedLayout;
6639              }
6640            })();
6641          </script>
6641
6642        
6643
6644        
6645        
6646          <li
6647            id="template--18079543754839__main-7593551167575"
6648            class="product-grid__item product-grid__item--0"
6649            data-page="1"
6650            data-product-id="7593551167575"
6651            ref="cards[]"
6652          >
6653            
6654            
6655
6656
6657
6658
6659
6660<style data-shopify>
6661  
6662</style>
6663
6664
6665
6666<product-card
6667  class="product-card size-style"
6668  style="--size-style-width: ;--size-style-height: ;"
6669  data-product-id="7593551167575"
6670  id="product-card-Adks5VTVmaDRoZkRrT__product-card"
6671  
6672  
6673  
6674>
6675  <a
6676    id="86a333c10211dca07b8a9d48aa12ba96"
6677    
6678      href="/products/curling-abcs-slide-sweep-and-find?variant=42592491208791"
6679    
6680    class="product-card__link"
6681    ref="productCardLink"
6682  >
6683    <span class="visually-hidden">
6684      Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th
6685    </span>
6686  </a>
6687  <div
6688    class="
6689      product-card__content
6690      layout-panel-flex
6691      layout-panel-flex--column
6692      product-grid__card
6693      spacing-style
6694      border-style
6695      gap-style
6696      
6697    "
6698    style="
6699      --border-width: 1px; --border-style: none; --border-color:
6700rgb(var(--color-border-rgb) / 1.0); --border-radius:
67010px; 
6702
6703      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6704
6705
6706
6707--horizontal-alignment: ; --vertical-alignment: ;
6708--vertical-alignment-mobile: ;
6709
6710      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6711      --product-card-gap: 4px;
6712      --quick-add-display: flex;
6713      --quick-add-mobile-display: none;
6714      --quick-add-mobile-opacity: 0;
6715      
6716      
6717      
6718      
6719    "
6720  >
6721    
6722  
6723
6724
6725
6726
6727
6728
6729
6730<div
6731  ref="cardGallery"
6732  class="card-gallery card-gallery-AdnRvYTVXa01yREdCN__card-gallery spacing-style border-style"
6733  style="
6734    --border-width: 1px; --border-style: none; --border-color:
6735rgb(var(--color-border-rgb) / 1.0); --border-radius:
67360px; 
6737
6738    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6739    --gallery-aspect-ratio: 0.8608815426997245;
6740  "
6741  data-product-id="7593551167575"
6742  
6743    on:pointerenter="/previewImage"
6744    on:pointerleave="/resetImage"
6745  
6746  
6747  data-image-ratio="adapt"
6748  
6749>
6750    <a
6751      class="contents"
6752      ref="cardGalleryLink"
6753      href="/products/curling-abcs-slide-sweep-and-find?variant=42592491208791"
6754      aria-label="Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th"
6755    >
6756      <slideshow-component
6757  
6758    ref="slideshow"
6759  
6760  
6761  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
6762  
6763  initial-slide="0"
6764  
6765  
6766    infinite
6767  
6768
6769  data-generic-media-size="3"
6770>
6771  
6772  <slideshow-container ref="slideshowContainer">
6773    
6774      <slideshow-arrows
6775  position="center"
6776  
6777><button
6778  class="
6779    slideshow-control slideshow-control--previous
6780    
6781    
6782    slideshow-control--style-arrow
6783    button button-unstyled button-unstyled--transparent
6784     flip-x
6785  "
6786  
6787  aria-label="Previous slide"
6788  
6789  on:click="/previous"
6790  ref="previous"
6791>
6792  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6793</span>
6794</button>
6795
6796
6797<button
6798  class="
6799    slideshow-control slideshow-control--next
6800    
6801    
6802    slideshow-control--style-arrow
6803    button button-unstyled button-unstyled--transparent
6804    
6805  "
6806  
6807  aria-label="Next slide"
6808  
6809  on:click="/next"
6810  ref="next"
6811>
6812  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6813</span>
6814</button>
6815
6816
6817</slideshow-arrows>
6818
6819
6820
6821    
6822    
6823    <slideshow-slides
6824      tabindex="-1"
6825      ref="scroller"
6826      
6827    >
6828      <slideshow-slide
6829  ref="slides[]"
6830  aria-hidden="false"
6831  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
6832  
6833    class="product-media-container media-fit product-media-container--image"
6834  
6835  
6836  
6837  
6838    slide-id="26628581949527"
6839  
6840  
6841  
6842  
6843>
6844  
6845
6846<div
6847  class="product-media"
6848  style="--ratio: 0.8608815426997245"
6849  data-media-id="26628581949527"
6850>
6851  
6852  <img src="//little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=3840" alt="Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=3840 3840w" width="3840" height="4461" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
6853
6854  
6855</div>
6856
6857
6858
6859</slideshow-slide>
6860
6861
6862
6863<slideshow-slide
6864  ref="slides[]"
6865  aria-hidden="true"
6866  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
6867  
6868    class="product-media-container media-fit product-media-container--image"
6869  
6870  
6871  
6872  
6873    slide-id="26674757173335"
6874  
6875  
6876  
6877  
6878>
6879  
6880
6881<div
6882  class="product-media"
6883  style="--ratio: 0.9014336917562724"
6884  data-media-id="26674757173335"
6885>
6886  
6887  <img src="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=3840" alt="Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=3840 3840w" width="3840" height="4260" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
6888
6889  
6890</div>
6891
6892
6893
6894</slideshow-slide>
6895
6896
6897
6898<slideshow-slide
6899  ref="slides[]"
6900  aria-hidden="true"
6901  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
6902  
6903    class="product-media-container media-fit product-media-container--image"
6904  
6905  
6906  
6907  
6908    slide-id="26679680925783"
6909  
6910  
6911  
6912  
6913>
6914  
6915
6916<div
6917  class="product-media"
6918  style="--ratio: 1.4992503748125936"
6919  data-media-id="26679680925783"
6920>
6921  
6922  <img src="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=3840" alt="Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&amp;width=3840" fetchpriority="auto" style="--focal-point: 67.9161% 64.47%;">
6923
6924  
6925</div>
6926
6927
6928
6929</slideshow-slide>
6930
6931
6932
6933
6934    </slideshow-slides>
6935  </slideshow-container>
6936  
6937</slideshow-component>
6938
6939
6940
6941
6942    </a>
6943  
6944  
6945    <div
6946      class="product-badges product-badges--top-right"
6947      style="
6948        --badge-border-radius: 100px;
6949        --badge-font-family: var(--font-body--family);
6949 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
6950      "
6951    ></div>
6952    
6953      
6954
6955<quick-add-component
6956  class="quick-add color-scheme-4 "
6957  ref="quickAdd"
6958  data-product-title="Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th"
6959  data-quick-add-button="add"
6960  data-product-options-count="1"
6961>
6962  <product-form-component
6963    data-section-id="template--18079543754839__main"
6964    data-product-id="7593551167575"
6965    on:submit="/handleSubmit"
6966    class="quick-add__product-form-component"
6967  >
6968    <div
6969      class="visually-hidden"
6970      aria-live="assertive"
6971      role="status"
6972      aria-atomic="true"
6973      ref="liveRegion"
6974    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7593551167575-AdnRvYTVXa01yREdCN__card-gallery" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6975        type="hidden"
6976        name="id"
6977        ref="variantId"
6978        value="42592491208791"
6979        
6980      >
6981      <input
6982        type="hidden"
6983        name="quantity"
6984        value="1"
6985      >
6986      
6987      <add-to-cart-component
6988  ref="addToCartButtonContainer"
6989  data-product-variant-media="//little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=100"
6990  data-add-to-cart-animation="true"
6991>
6992  <button
6993    
6994    type="submit"
6995    name="add"
6996    ref="addToCartButton"
6997    on:click="/handleClick"
6998    class="button button quick-add__button quick-add__button--add add-to-cart-button"
6999    
7000    
7001  >
7002    <span
7003      class="add-to-cart-text"
7004    >
7005      
7006        <span
7007          aria-hidden="true"
7008          class="svg-wrapper add-to-cart-icon"
7009        ><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>
7010</span>
7011      
7012      <span class="add-to-cart-text__content is-visually-hidden-mobile">
7013        <span>
7014          <span>Add</span>
7015        </span>
7016      </span>
7017    </span>
7018    
7019    <span class="add-to-cart__added">
7020      <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">
7021  <g class="check">
7022    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7023    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7024  </g>
7025  <g class="burst">
7026    <g style="--index: 0;">
7027      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7028    </g>
7029    <g style="--index: 1;">
7030      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7031    </g>
7032    <g style="--index: 2;">
7033      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7034    </g>
7035    <g style="--index: 3;">
7036      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7037    </g>
7038    <g style="--index: 4;">
7039      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7040    </g>
7041    <g style="--index: 5;">
7042      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7043    </g>
7044    <g style="--index: 6;">
7045      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7046    </g>
7047    <g style="--index: 7;">
7048      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7049    </g>
7050  </g>
7051</svg>
7052</span>
7053    </span>
7054  </button>
7055</add-to-cart-component>
7056
7057
7058      <button
7059        class="button quick-add__button quick-add__button--choose add-to-cart-button"
7060        
7061        type="button"
7062        name="add"
7063        on:click="quick-add-component/handleClick"
7064      >
7065        <span
7066          class="add-to-cart-text"
7067        >
7068          
7069          <span
7070            aria-hidden="true"
7071            class="svg-wrapper add-to-cart-icon"
7072          ><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>
7073</span>
7074          <span class="add-to-cart-text__content is-visually-hidden-mobile">
7075            <span>
7076              
7077              <span>
7078                Choose
7079              </span>
7080            </span>
7081          </span>
7082        </span>
7083      </button><input type="hidden" name="product-id" value="7593551167575" /><input type="hidden" name="section-id" value="template--18079543754839__main" /></form></product-form-component>
7084</quick-add-component>
7085
7086
7087
7088
7089    
7090  
7091
7092</div>
7093
7094
7095
7096
7097
7098<div class="product-grid-view-zoom-out--details">
7099  
7100    <h3 class="h4">Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th</h3>
7101  
7102</div>
7103
7104
7105
7106
7107
7108
7109
7110
7111  
7112  <a
7113    class="contents user-select-text"
7114    ref="productTitleLink"
7115    href="/products/curling-abcs-slide-sweep-and-find?variant=42592491208791"
7116  >
7117    
7118
7119
7120
7121
7122
7123
7124  <div class=" spacing-style text-block text-block--Ab3hUTUVpcU9LYXFsU__product_title_4nY4eT rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
7125    <p role="heading" aria-level="3">Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th</p>
7126  </div>
7127
7128
7129
7130
7131  </a>
7132
7133
7134
7135
7136
7137
7138<product-price
7139  class="text-block text-block--align-left text-left h6 spacing-style"
7140  data-block-id="AVGhRWnZ6TkUwREQxS__price_EzJzMm"
7141  data-product-id="7593551167575"
7142  style="
7143    
7144--color: var(--color-foreground);
7145    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7146    --width: 100%;
7147  "
7148  
7149>
7150  <div ref="priceContainer">
7151  
7152    
7153    <div
7154      class="
7155        price__regular
7156        
7157      "
7158    >
7159      <span class="price">$22.00</span>
7160    </div>
7161    <div
7162      class="
7163        price__sale
7164        
7165          price__hidden
7166        
7167      "
7168    >
7169      
7170        <span class="price-item__group">
7171          <span class="visually-hidden">Sale price&nbsp;</span>
7172          <span class="price-item--sale price">$22.00</span>
7173        </span>
7174        <span class="price-item__group">
7175          <span class="visually-hidden">Regular price&nbsp;</span>
7176          <span class="price-item--regular compare-at-price"></span>
7177        </span>
7178      
7179    </div>
7180  
7181</div>
7182
7183  
7184</product-price>
7185
7186
7187
7188
7189  </div>
7190</product-card>
7191
7192
7193
7194
7195
7196
7197
7198
7199
7200
7201
7202
7203
7204
7205
7206
7207            
7208          </li>
7209        
7210          <li
7211            id="template--18079543754839__main-7589727961175"
7212            class="product-grid__item product-grid__item--1"
7213            data-page="1"
7214            data-product-id="7589727961175"
7215            ref="cards[]"
7216          >
7217            
7218            
7219
7220
7221
7222
7223
7224<style data-shopify>
7225  
7226</style>
7227
7228
7229
7230<product-card
7231  class="product-card size-style"
7232  style="--size-style-width: ;--size-style-height: ;"
7233  data-product-id="7589727961175"
7234  id="product-card-Adks5VTVmaDRoZkRrT__product-card-1"
7235  
7236  
7237  
7238>
7239  <a
7240    id="8fd217e1592329f04803507e4f35285f"
7241    
7242      href="/products/curlingabcs?variant=42574503968855"
7243    
7244    class="product-card__link"
7245    ref="productCardLink"
7246  >
7247    <span class="visually-hidden">
7248      Curling ABCs - Slide, Sweep, and Find - PAPERBACK
7249    </span>
7250  </a>
7251  <div
7252    class="
7253      product-card__content
7254      layout-panel-flex
7255      layout-panel-flex--column
7256      product-grid__card
7257      spacing-style
7258      border-style
7259      gap-style
7260      
7261    "
7262    style="
7263      --border-width: 1px; --border-style: none; --border-color:
7264rgb(var(--color-border-rgb) / 1.0); --border-radius:
72650px; 
7266
7267      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7268
7269
7270
7271--horizontal-alignment: ; --vertical-alignment: ;
7272--vertical-alignment-mobile: ;
7273
7274      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7275      --product-card-gap: 4px;
7276      --quick-add-display: flex;
7277      --quick-add-mobile-display: none;
7278      --quick-add-mobile-opacity: 0;
7279      
7280      
7281      
7282      
7283    "
7284  >
7285    
7286  
7287
7288
7289
7290
7291
7292
7293
7294<div
7295  ref="cardGallery"
7296  class="card-gallery card-gallery-AdnRvYTVXa01yREdCN__card-gallery-1 spacing-style border-style"
7297  style="
7298    --border-width: 1px; --border-style: none; --border-color:
7299rgb(var(--color-border-rgb) / 1.0); --border-radius:
73000px; 
7301
7302    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7303    --gallery-aspect-ratio: 0.8608815426997245;
7304  "
7305  data-product-id="7589727961175"
7306  
7307    on:pointerenter="/previewImage"
7308    on:pointerleave="/resetImage"
7309  
7310  
7311  data-image-ratio="adapt"
7312  
7313>
7314    <a
7315      class="contents"
7316      ref="cardGalleryLink"
7317      href="/products/curlingabcs?variant=42574503968855"
7318      aria-label="Curling ABCs - Slide, Sweep, and Find - PAPERBACK"
7319    >
7320      <slideshow-component
7321  
7322    ref="slideshow"
7323  
7324  
7325  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
7326  
7327  initial-slide="0"
7328  
7329  
7330    infinite
7331  
7332
7333  data-generic-media-size="3"
7334>
7335  
7336  <slideshow-container ref="slideshowContainer">
7337    
7338      <slideshow-arrows
7339  position="center"
7340  
7341><button
7342  class="
7343    slideshow-control slideshow-control--previous
7344    
7345    
7346    slideshow-control--style-arrow
7347    button button-unstyled button-unstyled--transparent
7348     flip-x
7349  "
7350  
7351  aria-label="Previous slide"
7352  
7353  on:click="/previous"
7354  ref="previous"
7355>
7356  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
7357</span>
7358</button>
7359
7360
7361<button
7362  class="
7363    slideshow-control slideshow-control--next
7364    
7365    
7366    slideshow-control--style-arrow
7367    button button-unstyled button-unstyled--transparent
7368    
7369  "
7370  
7371  aria-label="Next slide"
7372  
7373  on:click="/next"
7374  ref="next"
7375>
7376  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
7377</span>
7378</button>
7379
7380
7381</slideshow-arrows>
7382
7383
7384
7385    
7386    
7387    <slideshow-slides
7388      tabindex="-1"
7389      ref="scroller"
7390      
7391    >
7392      <slideshow-slide
7393  ref="slides[]"
7394  aria-hidden="false"
7395  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
7396  
7397    class="product-media-container media-fit product-media-container--image"
7398  
7399  
7400  
7401  
7402    slide-id="26633661349975"
7403  
7404  
7405  
7406  
7407>
7408  
7409
7410<div
7411  class="product-media"
7412  style="--ratio: 0.8608815426997245"
7413  data-media-id="26633661349975"
7414>
7415  
7416  <img src="//little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b
7416-b163-6d52dd8c0e54.png?v=1773105045&amp;width=3840" alt="Curling ABCs - Slide, Sweep, and Find - PAPERBACK" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b
7416-b163-6d52dd8c0e54.png?v=1773105045&amp;width=3840 3840w" width="3840" height="4461" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
7417
7418  
7419</div>
7420
7421
7422
7423</slideshow-slide>
7424
7425
7426
7427<slideshow-slide
7428  ref="slides[]"
7429  aria-hidden="true"
7430  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
7431  
7432    class="product-media-container media-fit product-media-container--image"
7433  
7434  
7435  
7436  
7437    slide-id="26635444650071"
7438  
7439  
7440  
7441  
7442>
7443  
7444
7445<div
7446  class="product-media"
7447  style="--ratio: 0.6666666666666666"
7448  data-media-id="26635444650071"
7449>
7450  
7451  <img src="//little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=3840" alt="Curling ABCs - Slide, Sweep, and Find - PAPERBACK" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
7452
7453  
7454</div>
7455
7456
7457
7458</slideshow-slide>
7459
7460
7461
7462<slideshow-slide
7463  ref="slides[]"
7464  aria-hidden="true"
7465  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
7466  
7467    class="product-media-container media-fit product-media-container--image"
7468  
7469  
7470  
7471  
7472    slide-id="26679684104279"
7473  
7474  
7475  
7476  
7477>
7478  
7479
7480<div
7481  class="product-media"
7482  style="--ratio: 0.6666666666666666"
7483  data-media-id="26679684104279"
7484>
7485  
7486  <img src="//little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=3840" alt="Curling ABCs - Slide, Sweep, and Find - PAPERBACK" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
7487
7488  
7489</div>
7490
7491
7492
7493</slideshow-slide>
7494
7495
7496
7497
7498    </slideshow-slides>
7499  </slideshow-container>
7500  
7501</slideshow-component>
7502
7503
7504
7505
7506    </a>
7507  
7508  
7509    <div
7510      class="product-badges product-badges--top-right"
7511      style="
7512        --badge-border-radius: 100px;
7513        --badge-font-family: var(--font-body--family);
7513 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
7514      "
7515    ></div>
7516    
7517      
7518
7519<quick-add-component
7520  class="quick-add color-scheme-4 "
7521  ref="quickAdd"
7522  data-product-title="Curling ABCs - Slide, Sweep, and Find - PAPERBACK"
7523  data-quick-add-button="add"
7524  data-product-options-count="1"
7525>
7526  <product-form-component
7527    data-section-id="template--18079543754839__main"
7528    data-product-id="7589727961175"
7529    on:submit="/handleSubmit"
7530    class="quick-add__product-form-component"
7531  >
7532    <div
7533      class="visually-hidden"
7534      aria-live="assertive"
7535      role="status"
7536      aria-atomic="true"
7537      ref="liveRegion"
7538    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7589727961175-AdnRvYTVXa01yREdCN__card-gallery-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
7539        type="hidden"
7540        name="id"
7541        ref="variantId"
7542        value="42574503968855"
7543        
7544      >
7545      <input
7546        type="hidden"
7547        name="quantity"
7548        value="1"
7549      >
7550      
7551      <add-to-cart-component
7552  ref="addToCartButtonContainer"
7553  data-product-variant-media="//little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b
7553-b163-6d52dd8c0e54.png?v=1773105045&width=100"
7554  data-add-to-cart-animation="true"
7555>
7556  <button
7557    
7558    type="submit"
7559    name="add"
7560    ref="addToCartButton"
7561    on:click="/handleClick"
7562    class="button button quick-add__button quick-add__button--add add-to-cart-button"
7563    
7564    
7565  >
7566    <span
7567      class="add-to-cart-text"
7568    >
7569      
7570        <span
7571          aria-hidden="true"
7572          class="svg-wrapper add-to-cart-icon"
7573        ><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>
7574</span>
7575      
7576      <span class="add-to-cart-text__content is-visually-hidden-mobile">
7577        <span>
7578          <span>Add</span>
7579        </span>
7580      </span>
7581    </span>
7582    
7583    <span class="add-to-cart__added">
7584      <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">
7585  <g class="check">
7586    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7587    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7588  </g>
7589  <g class="burst">
7590    <g style="--index: 0;">
7591      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7592    </g>
7593    <g style="--index: 1;">
7594      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7595    </g>
7596    <g style="--index: 2;">
7597      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7598    </g>
7599    <g style="--index: 3;">
7600      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7601    </g>
7602    <g style="--index: 4;">
7603      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7604    </g>
7605    <g style="--index: 5;">
7606      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7607    </g>
7608    <g style="--index: 6;">
7609      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7610    </g>
7611    <g style="--index: 7;">
7612      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7613    </g>
7614  </g>
7615</svg>
7616</span>
7617    </span>
7618  </button>
7619</add-to-cart-component>
7620
7621
7622      <button
7623        class="button quick-add__button quick-add__button--choose add-to-cart-button"
7624        
7625        type="button"
7626        name="add"
7627        on:click="quick-add-component/handleClick"
7628      >
7629        <span
7630          class="add-to-cart-text"
7631        >
7632          
7633          <span
7634            aria-hidden="true"
7635            class="svg-wrapper add-to-cart-icon"
7636          ><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>
7637</span>
7638          <span class="add-to-cart-text__content is-visually-hidden-mobile">
7639            <span>
7640              
7641              <span>
7642                Choose
7643              </span>
7644            </span>
7645          </span>
7646        </span>
7647      </button><input type="hidden" name="product-id" value="7589727961175" /><input type="hidden" name="section-id" value="template--18079543754839__main" /></form></product-form-component>
7648</quick-add-component>
7649
7650
7651
7652
7653    
7654  
7655
7656</div>
7657
7658
7659
7660
7661
7662<div class="product-grid-view-zoom-out--details">
7663  
7664    <h3 class="h4">Curling ABCs - Slide, Sweep, and Find - PAPERBACK</h3>
7665  
7666</div>
7667
7668
7669
7670
7671
7672
7673
7674
7675  
7676  <a
7677    class="contents user-select-text"
7678    ref="productTitleLink"
7679    href="/products/curlingabcs?variant=42574503968855"
7680  >
7681    
7682
7683
7684
7685
7686
7687
7688  <div class=" spacing-style text-block text-block--Ab3hUTUVpcU9LYXFsU__product_title_4nY4eT-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
7689    <p role="heading" aria-level="3">Curling ABCs - Slide, Sweep, and Find - PAPERBACK</p>
7690  </div>
7691
7692
7693
7694
7695  </a>
7696
7697
7698
7699
7700
7701
7702<product-price
7703  class="text-block text-block--align-left text-left h6 spacing-style"
7704  data-block-id="AVGhRWnZ6TkUwREQxS__price_EzJzMm-1"
7705  data-product-id="7589727961175"
7706  style="
7707    
7708--color: var(--color-foreground);
7709    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7710    --width: 100%;
7711  "
7712  
7713>
7714  <div ref="priceContainer">
7715  
7716    
7717    <div
7718      class="
7719        price__regular
7720        
7721      "
7722    >
7723      <span class="price">$15.00</span>
7724    </div>
7725    <div
7726      class="
7727        price__sale
7728        
7729          price__hidden
7730        
7731      "
7732    >
7733      
7734        <span class="price-item__group">
7735          <span class="visually-hidden">Sale price&nbsp;</span>
7736          <span class="price-item--sale price">$15.00</span>
7737        </span>
7738        <span class="price-item__group">
7739          <span class="visually-hidden">Regular price&nbsp;</span>
7740          <span class="price-item--regular compare-at-price"></span>
7741        </span>
7742      
7743    </div>
7744  
7745</div>
7746
7747  
7748</product-price>
7749
7750
7751
7752
7753  </div>
7754</product-card>
7755
7756
7757
7758
7759
7760
7761
7762
7763
7764
7765
7766
7767
7768
7769
7770
7771            
7772          </li>
7773        
7774      
7775      </ul>
7776      
7777        <span ref="viewMoreNext"></span>
7778      
7779    
7780  </div>
7781</div>
7782
7783
7784
7785    
7786  </div>
7787</results-list>
7788
7789
7790</div>
7791    </main>
7792
7793    <footer>
7794      <!-- BEGIN sections: footer-group -->
7795<div id="shopify-section-sections--18079544016983__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
7796
7797<div class="section-background color-scheme-1"></div>
7798<div
7799  class="section section--page-width color-scheme-1"
7800>
7801  
7802  <div
7803    class="
7804      footer-content
7805      spacing-style
7806      
7807      
7808    "
7809    style="
7810      --padding-block-start: max(20px, calc(var(--spacing-scale) * 21px));--padding-block-end: 20px;
7811      --footer-gap: 20px;
7812      --grid-columns: 1;
7813      --last-row-count: 1;
7814      --tablet-last-row-count: 1;
7815    "
7816  >
7817    
7818
7819
7820<div
7821  class="
7822    group-block
7823    group-block--height-fit
7824    group-block--width-fill
7825    border-style
7826    spacing-style
7827    size-style
7828    
7829    
7830  "
7831  style="
7832    --border-width: 1px; --border-style: none; --border-color:
7833rgb(var(--color-border-rgb) / 1.0); --border-radius:
78340px; 
7835
7836    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7837    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7838    
7839  "
7840  
7841  data-testid="group-block"
7842><div class="group-block__media-wrapper">
7843    
7844
7845
7846
7847    
7848  </div>
7849
7850  <div
7851    class="
7852      group-block-content
7853      
7854      layout-panel-flex
7855      layout-panel-flex--column
7856       mobile-column
7857    "
7858    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7859
7860--gap: 6px;
7861
7862--horizontal-alignment: flex-start; --vertical-alignment: center;
7863--vertical-alignment-mobile: center;
7864"
7865  >
7866  
7867
7868
7869
7870
7871
7872
7873
7874
7875  <div class=" spacing-style text-block text-block--AV1RCZHJ4VXhZZmVwZ__text_LWt8Pz h4    text-block--align-center  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
7876    <h2>A curling book perfect for all ages!</h2>
7877  </div>
7878
7879
7880
7881
7882
7883
7884
7885
7886
7887
7888
7889
7890
7891
7892
7893
7894
7895
7896
7897
7898
7899</div>
7900</div>
7901
7902
7903
7904
7905
7906
7907  </div>
7908</div>
7909
7910
7911
7912
7913</div><section id="shopify-section-sections--18079544016983__hero_KnaEWP" class="shopify-section shopify-section-group-footer-group hero-wrapper section-wrapper">
7914
7915
7916
7917
7918
7919
7920
7921
7922
7923
7924
7925
7926
7927<div
7928  id="Hero-sections--18079544016983__hero_KnaEWP"
7929  class="hero color-scheme-1"
7930  style="
7931    --hero-border-style: ;
7932    --hero-border-width: px;
7933    --hero-border-opacity: %;
7934    --blur-opacity: 0.75;
7935    
7936      --hero-min-height: var(--section-height-small);
7937    
7938  "
7939  
7940  
7941>
7942  
7943
7944  
7945
7946  <div
7947    class="hero__container spacing-style section section--full-width"
7948    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
7949  ><div
7950      class="hero__media-grid"
7951      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 4.008032128514056;"
7952      data-testid="hero-media-wrapper"
7953    >
7954      <div
7955  class="overlay overlay--gradient"
7956  style="
7957    --overlay-layer: var(--layer-flat);
7958    --overlay-color: #00000026;
7959    --overlay-color--end: rgba(0, 0, 0, 0);
7960    --overlay-direction: to top;"
7961></div>
7962
7963
7964
7965      
7966  
7967<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
7968      <img src="//little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&amp;width=3840" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&amp;width=3840 3840w" width="1996" height="498" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto" data-testid="hero-desktop-image-1">
7969    </div>
7970  
7971
7972
7973  
7974    </div>
7975    <div
7976      class="
7977        hero__content-wrapper
7978        layout-panel-flex
7979        layout-panel-flex--column
7980        mobile-column
7981        section-content-wrapper
7982        full-width
7983        
7984      "
7985      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7986
7987--gap: 16px;
7988
7989--horizontal-alignment: center; --vertical-alignment: center;
7990--vertical-alignment-mobile: center;
7991"
7992    >
7993      
7994
7995
7996
7997
7998
7999
8000
8001
8002
8003
8004
8005
8006
8007
8008    </div>
8009  </div>
8010</div>
8011
8012
8013
8014
8015</section><div id="shopify-section-sections--18079544016983__section_rcjdUm" class="shopify-section shopify-section-group-footer-group section-wrapper">
8016
8017
8018
8019<div class="section-background color-scheme-1"></div>
8020<div
8021  class="section section--page-width color-scheme-1"
8022  data-testid="ui-test-section"
8023
8024  
8025
8026  style="
8027    
8028      --section-min-height: var(--section-height-small);
8029    
8030
8031    
8032     --section-preview-height: 600px;
8033     
8034  "
8035>
8036  <div class="custom-section-background">
8037    
8038
8039
8040
8041  </div>
8042
8043  <div
8044    class="border-style custom-section-content"
8045    style="--border-width: 1px; --border-style: none; --border-color:
8046rgb(var(--color-border-rgb) / 1.0); --border-radius:
80470px; 
8048"
8049  >
8050    
8051
8052    <div
8053      class="
8054        spacing-style
8055        layout-panel-flex
8056        layout-panel-flex--column
8057        section-content-wrapper
8058         mobile-column
8059      "
8060      style="
8061        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8062
8063--gap: 0px;
8064
8065--horizontal-alignment: center; --vertical-alignment: space-between;
8066--vertical-alignment-mobile: space-between;
8067
8068        --padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
8069      "
8070      data-testid="section-content"
8071    >
8072      
8073  
8074
8075
8076
8077
8078
8079
8080
8081
8082  <rte-formatter class=" spacing-style text-block text-block--ASUt1K0R6MDg3ZnlqO__text_fQgMq8 rte    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
8083    <p><strong>Designed to be enjoyed with loved ones, this book brings laughter and excitement to every page. There’s fun for everyone, whether you’re new to the sport, a lifelong fan, or somewhere in between.</strong></p>
8084  </rte-formatter>
8085
8086
8087
8088
8089
8090
8091
8092
8093
8094<div
8095  class="
8096    logo-block
8097    spacing-style
8098  "
8099  style="
8100    
8101      --logo-width: 19%;
8102    
8103
8104    
8105    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8106  "
8107  
8108>
8109  
8110    <div class="logo-block__image-wrapper">
8111      
8112<img src="//little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=3840" alt="Little Rocks Press" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&amp;width=3840 3840w" width="4267" height="2895" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
8113    </div>
8114  
8115</div>
8116
8117
8118
8119
8120
8121
8122    </div>
8123  </div>
8124</div>
8125
8126
8127
8128
8129
8130</div><div id="shopify-section-sections--18079544016983__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
8131
8132<div class="section-background color-scheme-4"></div>
8133<div
8134  class="section section--page-width color-scheme-4"
8135  
8136>
8137  <div
8138    class="utilities utilities--blocks-3 spacing-style"
8139    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
8140    data-testid="footer-utilities"
8141  >
8142    
8143
8144<div
8145  class="
8146    footer-utilities__group-copyright
8147    custom-typography
8148    custom-font-size
8149  "
8150  style="
8151--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
8152  
8153>
8154  <span class="footer-utilities__text">
8155    &copy; 2026
8156    <a href="/" title="">Little Rocks Press</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=p
8156oweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
8157</span>
8158</div>
8159
8160
8161
8162
8163  <anchored-popover-component
8164    data-hover-triggered="true"
8165  >
8166    <button
8167      class="policy-list-trigger button-unstyled"
8168      popovertarget="terms-policies-popover"
8169      popovertargetaction="toggle"
8170      ref="trigger"
8171      style="
8172--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
8173      
8174    >
8175      Terms and Policies
8176    </button>
8177    <div
8178      class="terms-policies-popover color-scheme-1"
8179      id="terms-policies-popover"
8180      popover="auto"
8181      ref="popover"
8182    >
8183      <ul
8184        class="
8185          policy_list list-unstyled
8186          custom-typography
8187          custom-font-size
8188        "
8189      ><li>
8190              <a
8191                href="/policies/privacy-policy"
8192                class="footer-utilities__text"
8193              >Privacy policy</a>
8194            </li><li>
8195              <a
8196                href="/policies/refund-policy"
8197                class="footer-utilities__text"
8198              >Refund policy</a>
8199            </li></ul>
8200    </div>
8201  </anchored-popover-component>
8202
8203
8204
8205
8206
8207
8208
8209<div
8210  class="social-icons__wrapper"
8211  
8212>
8213  
8214
8215  
8216    
8217
8218    
8219    
8220      
8221    
8222  
8223    
8224
8225    
8226    
8227      
8228    
8229  
8230    
8231
8232    
8233    
8234      
8235    
8236  
8237    
8238
8239    
8240    
8241      
8242    
8243  
8244    
8245
8246    
8247    
8248      
8249    
8250  
8251    
8252
8253    
8254    
8255  
8256    
8257
8258    
8259    
8260  
8261    
8262
8263    
8264    
8265  
8266    
8267
8268    
8269    
8270  
8271    
8272
8273    
8274    
8275  
8276    
8277
8278    
8279    
8280  
8281    
8282
8283    
8284    
8285  
8286    
8287
8288    
8289    
8290  
8291</div>
8292
8293
8294
8295
8296
8297  </div>
8298</div>
8299
8300
8301
8302
8303</div>
8304<!-- END sections: footer-group -->
8305    </footer>
8306
8307    
8308
8309<script
8310  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021772222882"
8311  type="module"
8312></script>
8312
8313
8314<script
8315  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/predictive-search.js?v=149240552485540508541772222882"
8316  type="module"
8317  fetchpriority="low"
8318></script>
8318
8319
8320<dialog-component
8321  id="search-modal"
8322  class="search-modal"
8323  
8324>
8325  <dialog
8326    ref="dialog"
8327    on:click="/closeDialogOnClickOutside"
8328    on:keydown="/closeDialogOnEscapePress"
8329    class="search-modal__content dialog-modal"
8330    scroll-lock
8331    aria-labelledby="search-modal-heading"
8332  >
8333    <h2
8334      id="search-modal-heading"
8335      class="visually-hidden"
8336    >
8337      Search
8338    </h2>
8339    <predictive-search-component
8340      class="predictive-search color-scheme-1"
8341      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
8342      data-section-id="predictive-search"
8343      data-testid="search-component--modal"
8344      role="search"
8345      aria-label="Search"
8346    >
8347      <form
8348        action="/search"
8349        method="get"
8350        role="search"
8351        class="predictive-search-form"
8352        ref="form"
8353        on:keydown="/onSearchKeyDown"
8354      >
8355        <div
8356          class="predictive-search-form__header"
8357        >
8358          <div class="predictive-search-form__header-inner">
8359            <label
8360              for="cmdk-input"
8361              class="visually-hidden"
8362            >Search</label>
8363            <input
8364              class="search-input"
8365              id="cmdk-input"
8366              type="search"
8367              name="q"
8368              role="combobox"
8369              aria-expanded="false"
8370              aria-owns="predictive-search-results"
8371              aria-controls="predictive-search-results"
8372              aria-haspopup="listbox"
8373              aria-autocomplete="list"
8374              autocomplete="off"
8375              placeholder="Search"
8376              ref="searchInput"
8377              on:input="/search"
8378              on:keydown="/onSearchKeyDown"
8379            >
8380            <input
8381              name="options[prefix]"
8382              type="hidden"
8383              value="last"
8384            >
8385            <span class="svg-wrapper predictive-search__icon">
8386              <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>
8387
8388            </span>
8389            <button
8390              type="button"
8391              class="button-unstyled predictive-search__reset-button"
8392              ref="resetButton"
8393              hidden
8394              on:click="/resetSearch"
8395            >
8396              Clear
8397            </button>
8398          </div>
8399          <button
8400            type="button"
8401            class="button predictive-search__close-modal-button"
8402            aria-label="Close dialog"
8403            on:click="dialog-component/closeDialog"
8404            ref="closeModalButton"
8405          >
8406            <span class="svg-wrapper">
8407              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8408  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8409  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8410</svg>
8411
8412            </span>
8413          </button>
8414        </div>
8415
8416        <div class="predictive-search-form__content-wrapper">
8417          <div
8418            class="predictive-search-form__content"
8419            ref="predictiveSearchResults"
8420            on:click="/handleModalClick"
8421          >
8422            
8423
8424<div
8425  id="predictive-search-results"
8426  class="predictive-search-dropdown"
8427  role="listbox"
8428  aria-expanded="true"
8429  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
8430>
8431  
8432    <div class="predictive-search-results__inner">
8433      
8434      
8435        
8436        
8437        
8438          <div
8439  id="predictive-search-products"
8440  class="predictive-search-results__products"
8441  
8442    data-testid="products-list-default--modal"
8443  
8444>
8445  
8446    <h4 class="predictive-search-results__title">
8447      Products
8448    </h4>
8449    <ul
8450      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
8451    >
8452      
8453      
8454        <li
8455          class="predictive-search-results__card predictive-search-results__card--product"
8456          ref="resultsItems[]"
8457        >
8458          
8459<div
8460  class="resource-card"
8461  data-resource-type="product"
8462>
8463  <a
8464    class="resource-card__link"
8465    href="/products/curling-abcs-slide-sweep-and-find"
8466  >
8467    <span class="visually-hidden">
8468      Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th
8469    </span>
8470  </a>
8471  <div
8472    class="resource-card__media"
8473    style="--resource-card-aspect-ratio: 4 / 5;"
8474    
8475  >
8476      
8477      
8478
8479        <img src="//little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=500" alt="" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&amp;width=352 352w" width="500" height="581" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
8480
8481          <img src="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=500" alt="Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&amp;width=352 352w" width="500" height="555" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="26674757173335" style="object-position: 50.0% 50.0%;">
8482</div>
8483
8484  <div class="resource-card__content">
8485    <p class="resource-card__title paragraph">Curling ABCs - Slide, Sweep, and Find - HARDCOVER - *Shipment April 28th</p>
8486
8487    
8488      <div ref="priceContainer">
8489  
8490    
8491    <div
8492      class="
8493        price__regular
8494        
8495      "
8496    >
8497      <span class="price">$22.00</span>
8498    </div>
8499    <div
8500      class="
8501        price__sale
8502        
8503          price__hidden
8504        
8505      "
8506    >
8507      
8508        <span class="price-item__group">
8509          <span class="visually-hidden">Regular price&nbsp;</span>
8510          <span class="price-item--regular compare-at-price"></span>
8511        </span>
8512        <span class="price-item__group">
8513          <span class="visually-hidden">Sale price&nbsp;</span>
8514          <span class="price-item--sale price">$22.00</span>
8515        </span>
8516      
8517    </div>
8518  
8519</div>
8520    
8521  </div>
8522</div>
8523
8524        </li>
8525      
8526        <li
8527          class="predictive-search-results__card predictive-search-results__card--product"
8528          ref="resultsItems[]"
8529        >
8530          
8531<div
8532  class="resource-card"
8533  data-resource-type="product"
8534>
8535  <a
8536    class="resource-card__link"
8537    href="/products/curlingabcs"
8538  >
8539    <span class="visually-hidden">
8540      Curling ABCs - Slide, Sweep, and Find - PAPERBACK
8541    </span>
8542  </a>
8543  <div
8544    class="resource-card__media"
8545    style="--resource-card-aspect-ratio: 4 / 5;"
8546    
8547  >
8548      
8549      
8550
8551        <img src="//little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b
8551-b163-6d52dd8c0e54.png?v=1773105045&amp;width=500" alt="" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&amp;width=352 352w" width="500" height="581" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
8552
8553          <img src="//little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=500" alt="Curling ABCs - Slide, Sweep, and Find - PAPERBACK" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="26635444650071" style="object-position: 50.0% 50.0%;">
8554</div>
8555
8556  <div class="resource-card__content">
8557    <p class="resource-card__title paragraph">Curling ABCs - Slide, Sweep, and Find - PAPERBACK</p>
8558
8559    
8560      <div ref="priceContainer">
8561  
8562    
8563    <div
8564      class="
8565        price__regular
8566        
8567      "
8568    >
8569      <span class="price">$15.00</span>
8570    </div>
8571    <div
8572      class="
8573        price__sale
8574        
8575          price__hidden
8576        
8577      "
8578    >
8579      
8580        <span class="price-item__group">
8581          <span class="visually-hidden">Regular price&nbsp;</span>
8582          <span class="price-item--regular compare-at-price"></span>
8583        </span>
8584        <span class="price-item__group">
8585          <span class="visually-hidden">Sale price&nbsp;</span>
8586          <span class="price-item--sale price">$15.00</span>
8587        </span>
8588      
8589    </div>
8590  
8591</div>
8592    
8593  </div>
8594</div>
8595
8596        </li>
8597      
8598    </ul>
8599  
8600</div>
8601
8602        
8603      
8604    </div>
8605  
8606</div>
8607
8608          </div>
8609
8610          <div class="predictive-search-form__footer">
8611            <button
8612              class="button predictive-search__search-button"
8613              ref="viewAllButton"
8614            >
8615              View all
8616            </button>
8617          </div>
8618        </div>
8619      </form>
8620    </predictive-search-component>
8621  </dialog>
8622</dialog-component>
8623
8624
8625
8626
8627    
8628      
8628<script
8629  src="//little-rocks-press.myshopify.com/cdn/shop/t/1/assets/gift-card-recipient-form.js?v=129634859299628245901772222882"
8630  type="module"
8631  fetchpriority="low"
8632></script>
8632
8633<quick-add-dialog id="quick-add-dialog">
8634  <dialog
8635    class="quick-add-modal dialog-modal color-scheme-1"
8636    ref="dialog"
8637    scroll-lock
8638  >
8639    <button
8640      ref="closeButton"
8641      on:click="/closeDialog"
8642      class="button button-unstyled close-button quick-add-modal__close"
8643      aria-label="Close dialog"
8644    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8645  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8646  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8647</svg>
8648</button>
8649
8650    <div
8651      id="quick-add-modal-content"
8652      class="quick-add-modal__content"
8653    ></div>
8654  </dialog>
8655</quick-add-dialog>
8656
8657
8658
8659
8660
8661
8662    
8663  
8663<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8663
8664</body>
8665</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.