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 – 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®ion_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®ion_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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&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&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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&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&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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_back_7f9b7b74-9a43-45ea-aff5-fe7a7cfd6589.png?v=1774244058&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&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 </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 </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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b
7416-b163-6d52dd8c0e54.png?v=1773105045&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&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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&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&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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/paperback_back_9b42eaed-7b35-428e-8dec-b0d593cb0d1a.png?v=1774154867&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&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 </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 </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&width=3840" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/Screenshot_2026-03-22_at_11.01.48_PM.png?v=1774245729&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&width=3840" alt="Little Rocks Press" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&width=352 352w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&width=832 832w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&width=1200 1200w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&width=1600 1600w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&width=1920 1920w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&width=2560 2560w, //little-rocks-press.myshopify.com/cdn/shop/files/LRP_image.jpg?v=1774386814&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 © 2026 8156 <a href="/" title="">Little Rocks Press</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=p
8156oweredby&utm_medium=shopify&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&width=500" alt="" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/CurlingABCs.png?v=1772909581&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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/hardcover_151b56d1-b35f-4000-9982-ee0202292769.png?v=1774118002&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 </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 </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&width=500" alt="" srcset="//little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Curling_ABCs_0eae0d6f-474a-448b-b163-6d52dd8c0e54.png?v=1773105045&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&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&width=240 240w, //little-rocks-press.myshopify.com/cdn/shop/files/Paperback_a87ee581-9ca9-41e3-b94b-9541eda94262.png?v=1773174240&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 </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 </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.